Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -14,40 +14,25 @@ export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
         borderRadius="soft"
-        contentWidth="compact"
-        sizing="mediumLargeSizeMediumTitles"
-        background="blurBottom"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="solid"
+        contentWidth="mediumSmall"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Início",
-          id: "hero",
-        },
-        {
-          name: "Sobre",
-          id: "about",
-        },
-        {
-          name: "Áreas",
-          id: "areas",
-        },
-        {
-          name: "Diferenciais",
-          id: "diferenciais",
-        },
-        {
-          name: "Contato",
-          id: "contact",
-        },
+        { name: "Início", id: "hero" },
+        { name: "Sobre", id: "about" },
+        { name: "Áreas", id: "areas" },
+        { name: "Diferenciais", id: "diferenciais" },
+        { name: "Contato", id: "contact" },
       ]}
       brandName="Vinicius B. Morais"
     />
@@ -55,191 +40,80 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Vinicius B. Morais — Advocacia e Consultoria"
-      description="Especialista em Direito Empresarial, formado pela PUC-RS. Dedicado à proteção e ao crescimento estratégico de empresas com excelência jurídica e foco em resultados."
+      description="Especialista em Direito Empresarial. Protegendo seus interesses com excelência, discrição e estratégia de alto padrão para negócios exigentes."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiling-businessman-with-folded-arms_23-2147900019.jpg",
-          alt: "Dr. Vinicius",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-elegant-businessman-standing-office-building_1098-19247.jpg",
-          alt: "Advogado parceiro",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-with-open-folder_23-2147708155.jpg",
-          alt: "Advogado parceiro",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-male-mature-lawyer-sitting-office_23-2147898674.jpg",
-          alt: "Advogado parceiro",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/serious-executive-sitting-couch_1098-2454.jpg",
-          alt: "Advogado parceiro",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Agendar consulta via WhatsApp",
-          href: "#contact",
-        },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8H7YVM5rHfUCcfY7igS71BK5G/uploaded-1777657114803-fs6sjgkl.png", alt: "Dr. Vinicius" },
       ]}
+      buttons={[{ text: "Agendar Consulta", href: "#contact" }]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Direito Empresarial",
-        },
-        {
-          type: "text",
-          text: "Compliance",
-        },
-        {
-          type: "text",
-          text: "Governança Corporativa",
-        },
-        {
-          type: "text",
-          text: "Contratos",
-        },
-        {
-          type: "text",
-          text: "Planejamento Estratégico",
-        },
+        { type: "text", text: "Direito Empresarial" },
+        { type: "text", text: "Compliance Corporativo" },
+        { type: "text", text: "Governança e Estruturação" },
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TextAbout
+      title="Advocacia de Alta Performance"
+      buttons={[{ text: "Conheça nossa trajetória" }]}
       useInvertedBackground={false}
-      title="Compromisso com a Excelência Jurídica"
-      buttons={[
-        {
-          text: "Saiba mais",
-        },
-      ]}
     />
   </div>
 
   <div id="areas" data-section="areas">
       <FeatureCardTwentyNine
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Contratos Empresariais",
-          description: "Assessoria e elaboração contratual.",
-          imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-79242.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-96201.jpg",
-          buttonText: "Detalhes",
-        },
-        {
-          title: "Direito Societário",
-          description: "Estruturação e governança corporativa.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-twisted-folds-background_1048-15993.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99494.jpg",
-          buttonText: "Detalhes",
-        },
-        {
-          title: "Compliance Empresarial",
-          description: "Integridade e normas internas.",
-          imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-100247.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103159.jpg",
-          buttonText: "Detalhes",
-        },
-        {
-          title: "Consultoria Preventiva",
-          description: "Gestão estratégica de riscos.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1257.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-pillars_181624-1500.jpg",
-          buttonText: "Detalhes",
-        },
-      ]}
       title="Áreas de Atuação"
-      description="Soluções jurídicas preventivas e contenciosas."
+      description="Expertise voltada para o ambiente corporativo."
+      features={[
+        { title: "Contratos Empresariais", description: "Negociação e elaboração de contratos complexos.", imageSrc: "https://images.unsplash.com/photo-1507679799987-c73779587ccf?w=800", titleImageSrc: "", buttonText: "Saiba mais" },
+        { title: "Direito Societário", description: "Gestão de conflitos e governança corporativa.", imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=800", titleImageSrc: "", buttonText: "Saiba mais" },
+        { title: "Compliance", description: "Programas de integridade e ética corporativa.", imageSrc: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=800", titleImageSrc: "", buttonText: "Saiba mais" },
+        { title: "Consultoria Preventiva", description: "Blindagem e proteção estratégica de ativos.", imageSrc: "https://images.unsplash.com/photo-1497215728101-856f4ea42174?w=800", titleImageSrc: "", buttonText: "Saiba mais" },
+      ]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="diferenciais" data-section="diferenciais">
       <MetricCardSeven
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
-      useInvertedBackground={false}
+      title="Nossos Diferenciais"
+      description="Compromisso com a sobriedade, agilidade e resultados concretos."
       metrics={[
-        {
-          id: "1",
-          value: "PUC-RS",
-          title: "Formação de Elite",
-          items: [
-            "Excelência",
-            "Credibilidade",
-            "Conhecimento",
-          ],
-        },
-        {
-          id: "2",
-          value: "1:1",
-          title: "Atendimento Personalizado",
-          items: [
-            "Direto",
-            "Humano",
-            "Exclusivo",
-          ],
-        },
-        {
-          id: "3",
-          value: "Estratégico",
-          title: "Visão de Negócios",
-          items: [
-            "Resultados",
-            "Soluções",
-            "Inovação",
-          ],
-        },
+        { id: "1", value: "Foco", title: "Negócios", items: ["Visão estratégica", "Foco no cliente"] },
+        { id: "2", value: "Exclusividade", title: "Atendimento", items: ["Direct access", "Sigilo absoluto"] },
+        { id: "3", value: "Alta performance", title: "Resultado", items: ["Soluções eficazes", "Agilidade"] },
       ]}
-      title="Diferenciais do Escritório"
-      description="Foco exclusivo na sua necessidade empresarial."
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Contato"
-      title="Agende sua Consulta"
-      description="Atendimento em Santo Ângelo/RS e região. Entre em contato para discutir as necessidades do seu negócio."
-      buttons={[
-        {
-          text: "WhatsApp",
-          href: "#",
-        },
-      ]}
+      title="Consultoria Jurídica Estratégica"
+      description="Agende um atendimento exclusivo para tratar das demandas do seu negócio."
+      buttons={[{ text: "Falar via WhatsApp", href: "#" }]}
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Vinicius B. Morais"
-      leftLink={{
-        text: "Privacidade",
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2024 Advocacia",
-        href: "#",
-      }}
+      leftLink={{ text: "Políticas", href: "#" }}
+      rightLink={{ text: "© 2025 Advocacia", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,7 +11,7 @@
   --background-accent: #ffffff; */
 
   --background: #0a0a0a;
-  --card: #121212;
+  --card: #1a1a1a;
   --foreground: #f5f5f5;
   --primary-cta: #d4af37;
   --primary-cta-text: #0a0a0a;