Update src/app/page.tsx

src/app/page.tsx

@@ -1,185 +1,113 @@
 "use client";
 
 import ReactLenis from "lenis/react";
-import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
+import HeroCentered from "@/components/sections/hero/HeroCentered";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
+import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
-import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
+import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
-import TeamCardTen from "@/components/sections/team/TeamCardTen";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
-import ContactText from "@/components/sections/contact/ContactText";
+import FooterBase from "@/components/sections/footer/FooterBase";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Target, Users, TrendingUp, Lightbulb } from "lucide-react";
 
 export default function GaspariniRodriguesPage() {
     const navItems = [
         { name: "Sobre", id: "about" },
         { name: "Serviços", id: "services" },
         { name: "Depoimentos", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
         { name: "Contato", id: "contact" },
     ];
 
     return (
         <ThemeProvider
-            defaultButtonVariant="icon-arrow"
+            defaultButtonVariant="hover-magnetic"
-            defaultTextAnimation="entrance-slide"
+            defaultTextAnimation="reveal-blur"
-            borderRadius="rounded"
+            borderRadius="soft"
             contentWidth="medium"
             sizing="medium"
             background="none"
-            cardStyle="glass-elevated"
+            cardStyle="outline"
-            primaryButtonStyle="shadow"
+            primaryButtonStyle="flat"
             secondaryButtonStyle="solid"
-            headingFontWeight="medium"
+            headingFontWeight="semibold"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline
+                <div id="nav" data-section="nav">
-                    navItems={navItems}
+                    <NavbarStyleCentered
-                    brandName="Gasparini Rodrigues"
+                        navItems={navItems}
-                    button={{ text: "Agendar Mentoria", href: "#contact" }}
+                        brandName="Gasparini Rodrigues"
-                />
+                        button={{ text: "Consultoria", href: "#contact" }}
-                <HeroSplitDualMedia
+                    />
-                    background={{ variant: "radial-gradient" }}
+                </div>
-                    tag="Mentoria Estratégica"
+                <div id="hero" data-section="hero">
-                    tagIcon={Sparkles}
+                    <HeroCentered
-                    title="Transforme sua gestão e alcance resultados exponenciais"
+                        background={{ variant: "gradient-bars" }}
-                    description="Especialista em desenvolvimento de negócios, ajudo líderes e empresas a estruturarem processos e superarem limites através de metodologias validadas."
+                        avatars={[]}
-                    mediaItems={[
+                        title="Assessoria Jurídica de Alta Performance"
-                        { imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-work-while-his-female-colleagues-are-using-laptop_23-2149330956.jpg", imageAlt: "Gasparini Rodrigues mentoria estratégica" },
+                        description="Excelência, ética e estratégia na defesa dos seus interesses. Gasparini Rodrigues oferece soluções jurídicas personalizadas para empresas e indivíduos."
-                        { imageSrc: "http://img.b2bpic.net/free-photo/accountant-busy-modern-startup-agency-imputing-financial-figures-pc_482257-126653.jpg", imageAlt: "Ambiente corporativo de alta performance" },
+                        buttons={[{ text: "Conheça nossa atuação", href: "#services" }]}
-                    ]}
+                    />
-                    rating={5}
+                </div>
-                    ratingText="Avaliado por empreendedores líderes"
+                <div id="services" data-section="services">
-                    buttons={[
+                    <FeatureCardThree
-                        { text: "Agendar Consultoria", href: "#contact" },
+                        title="Nossas Áreas de Atuação"
-                        { text: "Conheça mais", href: "#about" },
+                        description="Soluções jurídicas preventivas e contenciosas focadas na segurança e no crescimento do seu negócio."
-                    ]}
+                        gridVariant="three-columns-all-equal-width"
-                    mediaAnimation="slide-up"
+                        animationType="slide-up"
-                />
+                        textboxLayout="default"
-                <FeatureCardTwentyFive
+                        useInvertedBackground={false}
-                    tag="Serviços"
+                        features={[
-                    tagIcon={Target}
+                            { title: "Direito Empresarial", description: "Suporte completo na estruturação e proteção do seu empreendimento.", imageSrc: "https://images.unsplash.com/photo-1450101499163-c8848c66ca85?q=80&w=800" },
-                    title="Soluções para sua jornada"
+                            { title: "Direito Civil", description: "Assessoria em contratos, responsabilidade civil e mediação de conflitos.", imageSrc: "https://images.unsplash.com/photo-1589829545856-d13d55e095b1?q=80&w=800" },
-                    description="Foco total em estratégia de negócios, liderança de times e eficiência operacional."
+                            { title: "Direito Tributário", description: "Planejamento estratégico para otimização fiscal e gestão de passivos.", imageSrc: "https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?q=80&w=800" }
-                    textboxLayout="default"
+                        ]}
-                    animationType="slide-up"
+                    />
-                    useInvertedBackground={false}
+                </div>
-                    features={[
+                <div id="testimonials" data-section="testimonials">
-                        {
+                    <TestimonialCardSix
-                            title: "Diagnóstico Estratégico",                            description: "Análise profunda do cenário atual da sua empresa para identificar gargalos e oportunidades reais de lucro.",                            icon: Target,
+                        title="Resultados que Falam por Nós"
-                            mediaItems: [
+                        description="A confiança de nossos clientes é a base da nossa advocacia."
-                                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-oung-dark-haired-man-glasses-with-laptop-writing-business-plan-whiteboard-he-wears-blue-shirt-dark-jacket-view-from-side_197531-559.jpg", imageAlt: "Análise de cenários" },
+                        animationType="blur-reveal"
-                                { imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-reports-pile-documents-business-concept_1150-2250.jpg", imageAlt: "Planejamento estratégico" },
+                        textboxLayout="default"
-                            ],
+                        useInvertedBackground={false}
-                        },
+                        testimonials={[
-                        {
+                            { id: "1", name: "Empresa Beta", handle: "CEO", testimonial: "Atendimento exemplar e resultados jurídicos acima da média." },
-                            title: "Desenvolvimento de Liderança",                            description: "Capacitação de gestores para formar equipes de alta performance e tomar decisões assertivas.",                            icon: Users,
+                            { id: "2", name: "Grupo Alpha", handle: "Diretoria", testimonial: "Segurança jurídica essencial para nosso crescimento exponencial." }
-                            mediaItems: [
+                        ]}
-                                { imageSrc: "http://img.b2bpic.net/free-photo/tutor-girl-home-talking_23-2148511008.jpg", imageAlt: "Mentoria de líderes" },
+                    />
-                                { imageSrc: "http://img.b2bpic.net/free-photo/people-learning-language-work-medium-shot_23-2149300732.jpg", imageAlt: "Gestão de pessoas" },
+                </div>
-                            ],
+                <div id="faq" data-section="faq">
-                        },
+                    <FaqDouble
-                        {
+                        title="Perguntas Frequentes"
-                            title: "Escalabilidade de Negócios",                            description: "Metodologias práticas para escalar sua operação sem comprometer a qualidade do seu produto ou serviço.",                            icon: TrendingUp,
+                        description="Entenda como nossa assessoria pode ajudar no seu caso específico."
-                            mediaItems: [
+                        faqsAnimation="slide-up"
-                                { imageSrc: "http://img.b2bpic.net/free-photo/financial-growth-chart_23-2152011797.jpg", imageAlt: "Gráfico de crescimento" },
+                        textboxLayout="default"
-                                { imageSrc: "http://img.b2bpic.net/free-photo/happy-united-professional-team-posing-hallway_74855-2931.jpg", imageAlt: "Expansão operacional" },
+                        useInvertedBackground={false}
-                            ],
+                        faqs={[
-                        },
+                            { id: "1", title: "Como agendar uma consulta?", content: "Você pode entrar em contato diretamente pelo formulário de contato abaixo ou via nossos canais de atendimento." },
-                        {
+                            { id: "2", title: "Atendem em todo o país?", content: "Sim, atuamos em âmbito nacional com agilidade e compromisso total." }
-                            title: "Mentalidade Empreendedora",                            description: "Eliminação de crenças limitantes que impedem o crescimento do seu negócio através do suporte constante.",                            icon: Lightbulb,
+                        ]}
-                            mediaItems: [
+                    />
-                                { imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-human-brains-geometric-shapes_23-2150547719.jpg", imageAlt: "Mentalidade de sucesso" },
+                </div>
-                                { imageSrc: "http://img.b2bpic.net/free-photo/businessman-making-phone-call-urban-environment_23-2148171019.jpg", imageAlt: "Foco no resultado" },
+                <div id="contact" data-section="contact">
-                            ],
+                    <ContactCenter
-                        },
+                        tag="Contato"
-                    ]}
+                        title="Pronto para nos consultar?"
-                />
+                        description="Estamos à disposição para entender o seu caso. Preencha seus dados abaixo e entraremos em contato."
-                <TestimonialCardSixteen
+                        background={{ variant: "gradient-bars" }}
-                    tag="Depoimentos"
+                        useInvertedBackground={false}
-                    tagIcon={Sparkles}
+                    />
-                    title="Sucesso validado na prática"
+                </div>
-                    description="Veja como outros empresários transformaram suas gestões após a mentoria."
+                <div id="footer" data-section="footer">
-                    textboxLayout="default"
+                    <FooterBase
-                    animationType="slide-up"
+                        logoText="Gasparini Rodrigues"
-                    useInvertedBackground={false}
+                        columns={[
-                    testimonials={[
+                            { title: "Escritório", items: [{ label: "Sobre", href: "#" }, { label: "Áreas", href: "#services" }] },
-                        {
+                            { title: "Legal", items: [{ label: "Privacidade", href: "#" }, { label: "Termos", href: "#" }] }
-                            id: "1",                            name: "Roberto Alencar",                            role: "CEO",                            company: "Construtora Alencar",                            rating: 5,
+                        ]}
-                            imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",                            imageAlt: "Cliente 1"},
+                    />
-                        {
+                </div>
-                            id: "2",                            name: "Mariana Silva",                            role: "Diretora",                            company: "Grupo Fina",                            rating: 5,
-                            imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",                            imageAlt: "Cliente 2"},
-                        {
-                            id: "3",                            name: "Carlos Pires",                            role: "Fundador",                            company: "Tech Soluções",                            rating: 5,
-                            imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",                            imageAlt: "Cliente 3"},
-                    ]}
-                    kpiItems={[
-                        { value: "+350", label: "Projetos Entregues" },
-                        { value: "98%", label: "Satisfação Geral" },
-                        { value: "15 Anos", label: "Experiência no Mercado" },
-                    ]}
-                />
-                <TeamCardTen
-                    title="O seu mentor estratégico"
-                    tag="Sobre Gasparini"
-                    membersAnimation="slide-up"
-                    memberVariant="card"
-                    useInvertedBackground={false}
-                    members={[
-                        {
-                            id: "1",                            name: "Gasparini Rodrigues",                            imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",                            imageAlt: "Gasparini Rodrigues Mentor"},
-                    ]}
-                />
-                <FaqSplitMedia
-                    tag="FAQ"
-                    tagIcon={Sparkles}
-                    title="Dúvidas frequentes"
-                    description="Informações essenciais para iniciarmos nossa parceria."
-                    textboxLayout="default"
-                    faqsAnimation="slide-up"
-                    mediaAnimation="slide-up"
-                    useInvertedBackground={false}
-                    imageSrc="http://img.b2bpic.net/free-photo/manager-listening-caucasian-candidate_482257-120886.jpg"
-                    imageAlt="Consultoria profissional"
-                    mediaPosition="right"
-                    faqs={[
-                        {
-                            id: "1",                            title: "A mentoria serve para meu nicho?",                            content: "Sim, a metodologia é aplicável a qualquer segmento que busque organização, eficiência e crescimento sustentável."},
-                        {
-                            id: "2",                            title: "Qual o formato das reuniões?",                            content: "Atendimentos personalizados via videochamada com acompanhamento contínuo dos planos de ação definidos."},
-                        {
-                            id: "3",                            title: "Como começar?",                            content: "O primeiro passo é agendar uma conversa de diagnóstico, onde avaliaremos se a mentoria é a solução ideal para o seu momento atual."},
-                    ]}
-                />
-                <ContactText
-                    text="Pronto para elevar o patamar do seu negócio?"
-                    background={{ variant: "plain" }}
-                    useInvertedBackground={false}
-                    buttons={[
-                        { text: "Falar via WhatsApp", href: "https://wa.me/55..." },
-                    ]}
-                />
-                <FooterLogoEmphasis
-                    logoText="Gasparini Rodrigues"
-                    columns={[
-                        {
-                            items: [
-                                { label: "Sobre", href: "#about" },
-                                { label: "Serviços", href: "#services" },
-                                { label: "Depoimentos", href: "#testimonials" },
-                            ],
-                        },
-                        {
-                            items: [
-                                { label: "WhatsApp", href: "#" },
-                                { label: "LinkedIn", href: "#" },
-                                { label: "Instagram", href: "#" },
-                            ],
-                        },
-                    ]}
-                />
             </ReactLenis>
         </ThemeProvider>
     );

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffefe;
+  --background: #fdfdfd;
-  --card: #f6f7f4;
+  --card: #f4f4f4;
-  --foreground: #080908;
+  --foreground: #1a1a1a;
-  --primary-cta: #0e3a29;
+  --primary-cta: #1a1a1a;
   --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
+  --secondary-cta: #d4d4d4;
   --secondary-cta-text: #080908;
-  --accent: #35c18b;
+  --accent: #b8860b;
-  --background-accent: #ecebe4;
+  --background-accent: #e5e5e5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);