From 3a0c48ce155d37981f73f01a5677b3aef97d6086 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 18:26:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 253 +++++++++--------------------------------------
 1 file changed, 46 insertions(+), 207 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 92d11d7..927f220 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="background-highlight"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Benefícios",
-          id: "#features",
-        },
-        {
-          name: "Como funciona",
-          id: "#how-it-works",
-        },
-        {
-          name: "Planos",
-          id: "#pricing",
-        },
-        {
-          name: "Contato",
-          id: "#contact",
-        },
+        { name: "Benefícios", id: "#features" },
+        { name: "Como funciona", id: "#how-it-works" },
+        { name: "Planos", id: "#pricing" },
+        { name: "Contato", id: "#contact" },
       ]}
       brandName="Elyra"
     />
@@ -46,52 +41,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Seu negócio merece um site profissional."
       description="Com a Elyra, você tem um site moderno, rápido e otimizado para atrair clientes — alugue por uma mensalidade acessível ou compre de uma vez."
       buttons={[
-        {
-          text: "Quero meu site agora",
-          href: "#contact",
-        },
-        {
-          text: "Ver exemplos",
-          href: "#features",
-        },
+        { text: "Quero meu site agora", href: "#contact" },
+        { text: "Ver exemplos", href: "#features" },
       ]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-employee-texting-sending-reading-messages-break-standing-business-office-late-night-businesswoman-using-modern-technology-network-wireless-overworking-midnight_482257-13466.jpg?_wi=1",
-          imageAlt: "Mobile App UI",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-laptop-executives-discussing-strategies_482257-123425.jpg?_wi=1",
-          imageAlt: "Laptop Web UI",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg",
-          imageAlt: "Digital Network",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-psd/flat-design-business-template-design_23-2151076706.jpg",
-          imageAlt: "Typography Layout",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
-          imageAlt: "Communication Interface",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207982.jpg",
-          imageAlt: "Agency workspace",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-employee-texting-sending-reading-messages-break-standing-business-office-late-night-businesswoman-using-modern-technology-network-wireless-overworking-midnight_482257-13466.jpg", imageAlt: "Mobile App UI" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-laptop-executives-discussing-strategies_482257-123425.jpg", imageAlt: "Laptop Web UI" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg", imageAlt: "Digital Network" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-business-template-design_23-2151076706.jpg", imageAlt: "Typography Layout" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg", imageAlt: "Communication Interface" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207982.jpg", imageAlt: "Agency workspace" },
       ]}
     />
   </div>
@@ -103,18 +66,9 @@ export default function LandingPage() {
       title="Sobre a Elyra"
       description="A Elyra nasceu com um objetivo simples: ajudar pequenos negócios a terem presença profissional na internet sem precisar investir milhares de reais em um site. Nossa missão é tornar a presença online acessível para qualquer empreendedor."
       bulletPoints={[
-        {
-          title: "Missão Acessível",
-          description: "Democratizar a presença digital para todos os empreendedores.",
-        },
-        {
-          title: "Suporte Especializado",
-          description: "Acompanhamento técnico para seu negócio crescer sem preocupações.",
-        },
-        {
-          title: "Design Adaptativo",
-          description: "Sites que funcionam perfeitamente em qualquer dispositivo.",
-        },
+        { title: "Missão Acessível", description: "Democratizar a presença digital para todos os empreendedores." },
+        { title: "Suporte Especializado", description: "Acompanhamento técnico para seu negócio crescer sem preocupações." },
+        { title: "Design Adaptativo", description: "Sites que funcionam perfeitamente em qualquer dispositivo." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/clsoe-up-colleagues-desk_23-2149006897.jpg"
     />
@@ -127,46 +81,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Sites modernos",
-          description: "Design profissional adaptado para celular e computador.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-employee-texting-sending-reading-messages-break-standing-business-office-late-night-businesswoman-using-modern-technology-network-wireless-overworking-midnight_482257-13466.jpg?_wi=2",
-            imageAlt: "Design moderno",
-          },
+          title: "Sites modernos",          description: "Design profissional adaptado para celular e computador.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-employee-texting-sending-reading-messages-break-standing-business-office-late-night-businesswoman-using-modern-technology-network-wireless-overworking-midnight_482257-13466.jpg",            imageAlt: "Design moderno"},
           items: [
-            {
-              icon: CheckCircle,
-              text: "Layout responsivo",
-            },
-            {
-              icon: CheckCircle,
-              text: "UI de ponta",
-            },
+            { icon: CheckCircle, text: "Layout responsivo" },
+            { icon: CheckCircle, text: "UI de ponta" },
           ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-employee-texting-sending-reading-messages-break-standing-business-office-late-night-businesswoman-using-modern-technology-network-wireless-overworking-midnight_482257-13466.jpg?_wi=3",
-          imageAlt: "professional website ui design",
+          reverse: false
         },
         {
-          title: "Entrega rápida",
-          description: "Seu site pode ficar pronto em poucos dias.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-laptop-executives-discussing-strategies_482257-123425.jpg?_wi=2",
-            imageAlt: "Entrega ágil",
-          },
+          title: "Entrega rápida",          description: "Seu site pode ficar pronto em poucos dias.",          media: {
+            imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-laptop-executives-discussing-strategies_482257-123425.jpg",            imageAlt: "Entrega ágil"},
           items: [
-            {
-              icon: Zap,
-              text: "Prazos reduzidos",
-            },
-            {
-              icon: CheckCircle,
-              text: "Suporte constante",
-            },
+            { icon: Zap, text: "Prazos reduzidos" },
+            { icon: CheckCircle, text: "Suporte constante" },
           ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-laptop-executives-discussing-strategies_482257-123425.jpg?_wi=3",
-          imageAlt: "clean corporate website mockup",
+          reverse: true
         },
       ]}
       title="Por que usar a Elyra?"
@@ -181,28 +111,10 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "rental",
-          badge: "Popular",
-          price: "R$79/mês",
-          subtitle: "Aluguel de Site",
-          features: [
-            "Site profissional",
-            "Layout responsivo",
-            "Botão de WhatsApp",
-            "Hospedagem incluída",
-          ],
+          id: "rental",          badge: "Popular",          price: "R$79/mês",          subtitle: "Aluguel de Site",          features: ["Site profissional", "Layout responsivo", "Botão de WhatsApp", "Hospedagem incluída"],
         },
         {
-          id: "purchase",
-          badge: "Property",
-          price: "R$997",
-          subtitle: "Compra de Site",
-          features: [
-            "Site completo",
-            "Propriedade total",
-            "SEO básico incluso",
-            "Pagamento único",
-          ],
+          id: "purchase",          badge: "Property",          price: "R$997",          subtitle: "Compra de Site",          features: ["Site completo", "Propriedade total", "SEO básico incluso", "Pagamento único"],
         },
       ]}
       title="Escolha o melhor plano para você"
@@ -215,46 +127,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Ana Silva",
-          role: "Dona de Salão",
-          quote: "O site profissional da Elyra mudou tudo!",
-          title: "Excelente!",
-          imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
-        },
-        {
-          id: "2",
-          name: "Carlos Souza",
-          role: "Restaurante Local",
-          quote: "Atendimento rápido e site muito elegante.",
-          title: "Recomendo!",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-trendy-suit-showing-digital-tablet-screen-smiling-standing-against-white-background_1258-65123.jpg",
-        },
-        {
-          id: "3",
-          name: "Beatriz Lima",
-          role: "Consultoria",
-          quote: "Agora meus clientes me encontram pelo Google.",
-          title: "Essencial!",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
-        },
-        {
-          id: "4",
-          name: "Diego Matos",
-          role: "Recarga de Celular",
-          quote: "Fácil e rápido, tudo o que eu precisava.",
-          title: "Ótimo!",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-ring-binder_23-2149568988.jpg",
-        },
-        {
-          id: "5",
-          name: "Fernanda Gomes",
-          role: "Autônoma",
-          quote: "Custo-benefício imbatível no mercado atual.",
-          title: "Muito bom!",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
-        },
+        { id: "1", name: "Ana Silva", role: "Dona de Salão", quote: "O site profissional da Elyra mudou tudo!", title: "Excelente!", imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg" },
+        { id: "2", name: "Carlos Souza", role: "Restaurante Local", quote: "Atendimento rápido e site muito elegante.", title: "Recomendo!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-trendy-suit-showing-digital-tablet-screen-smiling-standing-against-white-background_1258-65123.jpg" },
+        { id: "3", name: "Beatriz Lima", role: "Consultoria", quote: "Agora meus clientes me encontram pelo Google.", title: "Essencial!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg" },
+        { id: "4", name: "Diego Matos", role: "Recarga de Celular", quote: "Fácil e rápido, tudo o que eu precisava.", title: "Ótimo!", imageSrc: "http://img.b2bpic.net/free-photo/top-view-ring-binder_23-2149568988.jpg" },
+        { id: "5", name: "Fernanda Gomes", role: "Autônoma", quote: "Custo-benefício imbatível no mercado atual.", title: "Muito bom!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
       ]}
       title="Pessoas que confiaram na Elyra"
       description="Avaliações reais de clientes que transformaram seu negócio conosco."
@@ -264,21 +141,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Elyra"
       title="Seu negócio merece um site profissional."
       description="Comece hoje mesmo e tenha seu site pronto em poucos dias."
       buttons={[
-        {
-          text: "Criar meu site",
-          href: "#",
-        },
-        {
-          text: "Falar no WhatsApp",
-          href: "https://wa.me/message",
-        },
+        { text: "Criar meu site", href: "#" },
+        { text: "Falar no WhatsApp", href: "https://wa.me/message" },
       ]}
     />
   </div>
@@ -287,43 +156,13 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Empresa",
-          items: [
-            {
-              label: "Sobre",
-              href: "#",
-            },
-            {
-              label: "Contato",
-              href: "#",
-            },
-          ],
+          title: "Empresa",          items: [{ label: "Sobre", href: "#" }, { label: "Contato", href: "#" }],
         },
         {
-          title: "Serviços",
-          items: [
-            {
-              label: "Criação de sites",
-              href: "#",
-            },
-            {
-              label: "Sites para empresas",
-              href: "#",
-            },
-          ],
+          title: "Serviços",          items: [{ label: "Criação de sites", href: "#" }, { label: "Sites para empresas", href: "#" }],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Termos de uso",
-              href: "#",
-            },
-            {
-              label: "Política de privacidade",
-              href: "#",
-            },
-          ],
+          title: "Legal",          items: [{ label: "Termos de uso", href: "#" }, { label: "Política de privacidade", href: "#" }],
         },
       ]}
       logoText="Elyra"