Componentes primefaces não aparecem

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