Como migrar minhas telas richfaces em jsp para xhtml com facelets?

Me ajudem por favor, eu tenho 2 paginas uma de login.jsp e outra main.jsp. Nas duas eu uso essa importação

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<!-- RichFaces tag library declaration -->
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

na main.jsp eu tenho varios

<f:view>
            <jsp:directive.include file="viewTela1.jsp"/>
            <jsp:directive.include file="viewTela2.jsp"/>
            <jsp:directive.include file="viewTela3.jsp"/>
            <jsp:directive.include file="viewTela4.jsp"/>

essas view são tudo jsp com a tag

<f:subview id="subViewTela1">    
    <rich:modalPanel

pergunto. como posso migrar minha aplicaçao para facelets? como fazer com que minhas telas modais carreguem xhtml em seu conteudo ou simplismente o xhtml ser o modal completo de preferência.

ja baixei o facelets com myfaces e tomahawk ja tentei configurar mas da erro de scopo de xhtml. preciso de ajuda!

como observarão eu não troco conteúdos eu apenas tenho a tela principal e tudo que seja a mais jogo em um modal