Pessoal boa tarde já tentei de tudo mudar a url do web.xml para *.xhtml mas ele não vai, adicionei a biblioteca primefaces no lib do WEB-INF, mas os componentes não aparecem.
Meu web.xml.
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-
app_3_0.xsd">
<context-param>
<param-name>javax.faces.PROJECT_STAGE</param-name>
<param-value>Development</param-value><!--Developmente or Products-->
</context-param>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>/faces/*</url-pattern>
</servlet-mapping>
<session-config>
<session-timeout>
30
</session-timeout>
</session-config>
<welcome-file-list>
<welcome-file>faces/index.xhtml</welcome-file>
</welcome-file-list>
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>afterdark</param-value>
</context-param>
Meu Cadastro.xhtml
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:a="http://xmlns.jcp.org/jsf/passthrough"
xmlns:p="http://primefaces.org/ui"
xmlns:b="http://bootsfaces.net/ui"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
<title>Cadastro de Cliente</title>
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/cssPrimeFaces/default.css" />
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/cssPrimeFaces/principal.css"
/>
<link type="text/css" rel="stylesheet" href="#
{request.contextPath}/cssPrimeFaces/theme.css" />
<style type="text/css">
.ui-layout-north {
z-index:20 !important;
overflow:visible !important;;
}
.ui-layout-north .ui-layout-unit-content {
overflow:visible !important;
}
</style>
</h:head>
<h:body>
<h:form>
<h:panelGroup layout="block" id="header">
<ui:insert name="top">
<h:panelGroup id="header_top">
<h:panelGroup layout="block" styleClass="container">
<b:column col-sm="6">
<h:panelGroup layout="block" styleClass="contactinfo">
<ul class="nav nav-pills">
<li><i class="fa fa-phone"></i> +2 95 01 88 821</li>
<li><i class="fa fa-envelope"></i> info@domain.com</li>
</ul>
</h:panelGroup>
</b:column>
<b:column col-sm="6">
<h:panelGroup layout="block" styleClass="social-icons pull-right">
<ul class="nav navbar-nav">
<li><i class="fa fa-facebook" action="" ></i></li>
<li><i class="fa fa-twitter" action=""></i></li>
<li><i class="fa fa-linkedin" action=""></i></li>
<li><i class="fa fa-dribbble" action=""></i></li>
<li><i class="fa fa-google-plus" action=""></i></li>
</ul>
</h:panelGroup>
</b:column>
</h:panelGroup>
</h:panelGroup>
</ui:insert>
<h:panelGroup layout="block" styleClass="header-middle"><!--header-middle-->
<h:panelGroup layout="block" styleClass="container">
<b:row>
<b:column col-sm="4">
<h:panelGroup layout="block" styleClass="logo_pull_left">
<h:commandLink action="index.xhtml">
<h:graphicImage library="imagens" name="winnerlogo.png"/>
</h:commandLink>
</h:panelGroup>
</b:column>
<b:column col-sm="8">
<h:panelGroup layout="block" styleClass="shop-menu pull-right">
<ul class="nav navbar-nav">
<li><i class="fa fa-user"></i><h:commandLink action="#{navegacao.redirecionarConta()}" value="Minha Conta" /></li>
<li><i class="fa fa-shopping-cart"></i><h:commandLink action="#{navegacao.redirecionarCarrinho()}" value="Carrinho de compras" /></li>
<li><i class="fa fa-lock"></i><h:commandLink action="#{navegacao.Login()}" value="Login" /></li>
</ul>
</h:panelGroup>
</b:column>
</b:row>
</h:panelGroup>
</h:panelGroup>
<h:panelGroup layout="block" styleClass="header-bottom"><!--header-bottom-->
<h:panelGroup layout="block" styleClass="container">
<b:row>
<b:column col-sm="9">
<h:panelGroup layout="block" styleClass="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</h:panelGroup>
<h:panelGroup layout="block" styleClass="mainmenu pull-left">
<ul class="nav navbar-nav collapse navbar-collapse">
<li><i class="active"></i><h:commandLink action="#{navegacao.Home()}" value="Home"/></li>
<li class="dropdown">Shop<i icon="fa fa-angle-down" action=""></i>
<ul role="menu" class="sub-menu">
<li><h:commandLink action="#{navegacao.produtos()}" value="Produtos" /></li>
<li><h:commandLink action="#{navegacao.ProdutosDetalhes()}" value="Produtos Detalhes" /></li>
<li><h:commandLink action="#{navegacao.CarrinhoCompras()}" value="Carrinho de Compras" /></li>
<li><h:commandLink action="#{navegacao.Login()}" value="Login" /></li>
</ul>
</li>
<li class="dropdown">Blog<i class="fa fa-angle-down"></i>
<ul role="menu" class="sub-menu">
<li><h:commandLink action="#{navegacao.listaAvaliacao()}" value="Lista Avaliação"/></li>
<li><h:commandLink action="#{navegacao.Avaliacao()}" value="Avaliações"/></li>
</ul>
</li>
<li><h:commandLink action="#{navegacao.contato()}" value="Contato"/></li>
</ul>
</h:panelGroup>
</b:column>
<b:column col-sm="3">
<h:inputText value="#{bean.value}" id="busca" class="search_box" />
</b:column>
<b:column col-sm="4">
<h2>Informações Pessoais</h2>
<h:panelGroup layout="block" styleClass="login-form2">
<h:outputLabel for="Email" styleClass="Email" value="Email: "/> <p:inputText styleClass="email2" value="#{cliente.cli.email}"/><br/>
<h:outputLabel for="Nome" value="Nome: " id="nome"/><p:inputText styleClass="nome" value="#{cliente.cli.nome}"/>
<h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
<p:outputLabel for="console" value="Sexo: " styleClass="sexo" />
<p:selectOneRadio id="console" value="#{cliente.cli.sexo}">
<f:selectItem itemLabel="Masculino" itemValue="Masculino" />
<f:selectItem itemLabel="Feminino" itemValue="Feminino" />
</p:selectOneRadio>
<p:outputLabel for="estado" value="Estado"/>
<p:selectOneMenu id=“estados” value="#{cliente.cli.cidade}" styleClass=“estado” effect=“fold” editable=“true”>
<f:selectItem itemLabel=“Selecione " itemValue=”"/>
<f:selectItems value="#{selectOneMenuView.Cidades()}"/>
</p:selectOneMenu>
<h:outputLabel for=“estado” value=“Estado: “/> <p:inputText id=“estado” value=”#{cliente.cli.estado}”/>
<p:messages id=“messages” showDetail=“true” autoUpdate=“true” />
<h:outputLabel for="pwd1" value="Senha: " /><p:password id="pwd1" styleClass="senha" value="#{cliente.cli.senha}" match="pwd2" label="Password 1" required="true" />
<p:commandButton value="Salvar " styleClass="salvar" action="#{cliente.cadastroCliente()}" /> <p:commandButton value="Salvar " styleClass="salvar" action="#{clienteBean2.Cadastrar()}" /> <p:commandButton value="Salvar " styleClass="salvar" action="#{clienteBean2.Cadastrar()}" />
</h:panelGrid>
</h:panelGroup>
</b:column>
<b:column col-sm="4">
<h:panelGroup layout="block" styleClass="login-form">
<h:outputLabel for="date" value="Data: " />
<p:inputMask id="data" styleClass="data" mask="99/99/9999" value="#{cliente2.data}" /><br/>
<h:outputLabel for="celular" value="Celular: " />
<p:inputMask id="telefone" styleClass="telefone" mask="(99) 99999-9999" value="#{cliente2.telefone}"/><br/>
<h:outputLabel for="cpf" value="CPF: " />
<p:inputMask id="cpf" styleClass="cpf" mask="999.999.999-99" value="#{cliente2.cpf}"/><br/>
<h:outputLabel for="cidade" value="Cidade: "/> <p:inputText id="cidade" styleClass="cidade" value="#{cliente2.cidade}"/><br/>
<h:outputLabel for="cep" value="CEP: "/> <p:inputText id="cidade" value="#{cliente2.cep}" styleClass="cep"/><br/>
<h:outputLabel for="pwd2" value="Confirme sua senha: " /><p:password id="pwd2" styleClass="confirmar" value="#{cliente2.confirmar}" label="Password 2" required="true" />
</h:panelGroup>
</b:column>
<b:column col-sm="4">
<h:panelGroup layout="block" styleClass="login-form">
<h:outputLabel for="rua" value="Rua: "/> <p:inputText id="rua" styleClass="rua" value="#{cliente2.rua}"/><br/>
<h:outputLabel for="numero" value="Numero: "/> <p:inputText id="numero" styleClass="numero" value="#{cliente2.numero}"/><br/>
<h:outputLabel for="bairro" value="Bairro: "/> <p:inputText id="bairro" styleClass="bairro" value="#{cliente2.bairro}"/><br/>
<h:outputLabel for="uf" value="UF: "/> <p:inputText id="uf" styleClass="uf" value="#{cliente2.uf}"/><br/>
<h:outputLabel for="login" value="Login: "/> <p:inputText id="login" styleClass="login" value="#{cliente2.login}"/>
</h:panelGroup>
</b:column>
</b:row>
</h:panelGroup>
</h:panelGroup><!--header-bottom-->
</h:panelGroup>
<h:panelGroup layout="block" styleClass="footer">
<h:panelGroup layout="block" styleClass="footer-top">
<h:panelGroup layout="block" styleClass="container">
<b:row>
<b:column col-sm="1"></b:column>
<b:column col-sm="8">
<h:panelGroup layout="block" styleClass="companyinfo">
<h2><h:panelGroup styleClass="">e</h:panelGroup>-shopper</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor</p>
</h:panelGroup>
</b:column>
<b:column col-sm="3">
<h:panelGroup layout="block" styleClass="address">
<img src="images/home/map.png" alt="" />
<p>505 S Atlantic Ave Virginia Beach, VA(Virginia)</p>
</h:panelGroup>
</b:column>
</b:row>
</h:panelGroup>
</h:panelGroup>
<h:panelGroup layout="block" styleClass="footer-widget">
<h:panelGroup layout="block" styleClass="container">
<b:row>
<b:column span="2">
<h:panelGroup layout="block" styleClass="single-widget">
<h2>Serviços</h2>
<ul class="nav nav-pills nav-stacked">
<li>Online Help</li>
<li>Contact Us</li>
<li>Order Status</li>
<li>Change Location</li>
<li>FAQ’s</li>
</ul>
</h:panelGroup>
</b:column>
<b:column col-sm="3">
<h:panelGroup layout="block" styleClass="single-widget">
<h2>Categorias</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#">T-Shirt</a></li>
<li><a href="#">Mens</a></li>
<li><a href="#">Womens</a></li>
<li><a href="#">Gift Cards</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</h:panelGroup>
</b:column>
<b:column col-sm="2">
<h:panelGroup layout="block" styleClass="single-widget">
<h2>Politicas</h2>
<h:panelGroup layout="block" styleClass="single-widget">
<ul class="nav nav-pills nav-stacked">
<li><a href="#">Terms de Uso</a></li>
<li><a href="#">Politica de Privacidade</a></li>
</ul>
</h:panelGroup>
</h:panelGroup>
</b:column>
<b:column col-sm="2">
<h:panelGroup layout="block" styleClass="single-widget">
<h2>Sobre</h2>
<ul class="nav nav-pills nav-stacked">
<li><a href="#">Company Information</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Store Location</a></li>
<li><a href="#">Affillate Program</a></li>
<li><a href="#">Copyright</a></li>
</ul>
</h:panelGroup>
</b:column>
</b:row>
</h:panelGroup>
</h:panelGroup>
<h:panelGroup layout="block" styleClass="footer">
<h:panelGroup layout="block" styleClass="footer-bottom">
<h:panelGroup layout="block" styleClass="container">
<b:row>
<p class="pull-left">Copyright © 2013 E-SHOPPER Inc. All rights reserved.</p>
<p class="pull-right">Designed by <span><a target="_blank"
href="http://www.themeum.com">Themeum</a></span></p>
</b:row>
</h:panelGroup>
</h:panelGroup>
</h:panelGroup>
</h:panelGroup>
</h:form>
</h:body>
</html>
Como minha pagina esta