From 2454017d6b801197628566f33bd9939dadf3eaba Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 15:34:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 305 ++++++++++++++++-------------------------------
 1 file changed, 101 insertions(+), 204 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b77f8c0..5b48a68 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,218 +14,115 @@ import { Cake, Coffee, Music, Wifi } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Sobre",
-          id: "about",
-        },
-        {
-          name: "Destaques",
-          id: "features",
-        },
-        {
-          name: "Depoimentos",
-          id: "testimonials",
-        },
-        {
-          name: "Contato",
-          id: "contact",
-        },
-      ]}
-      brandName="vírgula,"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Sobre", id: "about" },
+              { name: "Destaques", id: "features" },
+              { name: "Depoimentos", id: "testimonials" },
+              { name: "Contato", id: "contact" },
+            ]}
+            brandName="vírgula,"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="vírgula,"
-      description="café e cozinha autoral em um espaço acolhedor, onde cada pausa vira um momento especial."
-      buttons={[
-        {
-          text: "pedir pelo whatsapp",
-          href: "https://wa.me/5551999130248",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/talented-fashion-designer-sketching_1098-13776.jpg",
-          imageAlt: "Cafe hero view 1",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104746.jpg",
-          imageAlt: "Cafe hero view 2",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-124749.jpg",
-          imageAlt: "Cafe hero view 3",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
-          imageAlt: "Cafe hero view 4",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-milk_23-2148337170.jpg",
-          imageAlt: "Cafe hero view 5",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg",
-          imageAlt: "Cafe hero view 6",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "gradient-bars" }}
+            title="vírgula,"
+            description="café e cozinha autoral em um espaço acolhedor, onde cada pausa vira um momento especial."
+            buttons={[{ text: "pedir pelo whatsapp", href: "https://wa.me/5551999130248" }]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/talented-fashion-designer-sketching_1098-13776.jpg", imageAlt: "Cafe hero view 1" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104746.jpg", imageAlt: "Cafe hero view 2" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-124749.jpg", imageAlt: "Cafe hero view 3" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg", imageAlt: "Cafe hero view 4" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-milk_23-2148337170.jpg", imageAlt: "Cafe hero view 5" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg", imageAlt: "Cafe hero view 6" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="Nossa História"
-      title="sobre o vírgula"
-      description="O vírgula é um espaço feito para desacelerar. Um café onde cada detalhe importa: do grão selecionado ao doce artesanal, do atendimento caloroso ao ambiente que abraça."
-      subdescription="Com um cardápio enxuto e autoral, priorizamos qualidade, sabor e experiências memoráveis."
-      icon={Coffee}
-      imageSrc="http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="Nossa História"
+            title="sobre o vírgula"
+            description="O vírgula é um espaço feito para desacelerar. Um café onde cada detalhe importa: do grão selecionado ao doce artesanal, do atendimento caloroso ao ambiente que abraça."
+            subdescription="Com um cardápio enxuto e autoral, priorizamos qualidade, sabor e experiências memoráveis."
+            icon={Coffee}
+            imageSrc="http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Coffee,
-          title: "cafés especiais",
-          description: "espresso, capuccino e passado com grãos selecionados — sabor que dispensa açúcar.",
-        },
-        {
-          icon: Cake,
-          title: "doces artesanais",
-          description: "brownie com sorvete da casa e criações autorais feitas com cuidado.",
-        },
-        {
-          icon: Coffee,
-          title: "ambiente acolhedor",
-          description: "um espaço inclusivo, confortável e perfeito para encontros ou momentos só seus.",
-        },
-        {
-          icon: Music,
-          title: "curadoria musical",
-          description: "uma atmosfera pensada para relaxar, com trilhas que acompanham seu ritmo.",
-        },
-        {
-          icon: Wifi,
-          title: "espaço conectável",
-          description: "ideal para o seu momento de trabalho remoto ou leitura tranquila.",
-        },
-      ]}
-      title="nossos destaques"
-      description="descubra o que torna o vírgula um lugar especial."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: Coffee, title: "cafés especiais", description: "espresso, capuccino e passado com grãos selecionados — sabor que dispensa açúcar." },
+              { icon: Cake, title: "doces artesanais", description: "brownie com sorvete da casa e criações autorais feitas com cuidado." },
+              { icon: Coffee, title: "ambiente acolhedor", description: "um espaço inclusivo, confortável e perfeito para encontros ou momentos só seus." },
+              { icon: Music, title: "curadoria musical", description: "uma atmosfera pensada para relaxar, com trilhas que acompanham seu ritmo." },
+              { icon: Wifi, title: "espaço conectável", description: "ideal para o seu momento de trabalho remoto ou leitura tranquila." },
+            ]}
+            title="nossos destaques"
+            description="descubra o que torna o vírgula um lugar especial."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Ambiente e atendimento ótimos!",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-fun-while-holding-cup-coffee_23-2149130679.jpg",
-        },
-        {
-          id: "t2",
-          name: "Café maravilhoso, não precisa nem de açúcar.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-teenage-girl-holding-disposable-coffee-cup_23-2147906573.jpg",
-        },
-        {
-          id: "t3",
-          name: "Cardápio simples, mas extremamente bem executado.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-businesswoman-sitting-table-cafe-drinking-coffee-reading-smartphone-app-s_1258-137924.jpg",
-        },
-        {
-          id: "t4",
-          name: "Um lugar perfeito para momentos de pausa.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-asian-woman-with-book-hands-sitting-cafe-drinking-coffee-eating_1258-199209.jpg",
-        },
-        {
-          id: "t5",
-          name: "Atendimento carinhoso e café impecável.",
-          imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-woman-talking-phone-cafe_197531-33569.jpg",
-        },
-      ]}
-      cardTitle="o que dizem"
-      cardTag="Clientes"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Ambiente e atendimento ótimos!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-fun-while-holding-cup-coffee_23-2149130679.jpg" },
+              { id: "t2", name: "Café maravilhoso, não precisa nem de açúcar.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-teenage-girl-holding-disposable-coffee-cup_23-2147906573.jpg" },
+              { id: "t3", name: "Cardápio simples, mas extremamente bem executado.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-businesswoman-sitting-table-cafe-drinking-coffee-reading-smartphone-app-s_1258-137924.jpg" },
+              { id: "t4", name: "Um lugar perfeito para momentos de pausa.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-asian-woman-with-book-hands-sitting-cafe-drinking-coffee-eating_1258-199209.jpg" },
+              { id: "t5", name: "Atendimento carinhoso e café impecável.", imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-woman-talking-phone-cafe_197531-33569.jpg" },
+            ]}
+            cardTitle="o que dizem"
+            cardTag="Clientes"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="contato"
-      title="faça uma pausa"
-      description="venha conhecer o vírgula pessoalmente"
-      buttonText="falar no whatsapp"
-      onSubmit={(email) => window.open('https://wa.me/5551999130248')}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="contato"
+            title="faça uma pausa"
+            description="venha conhecer o vírgula pessoalmente"
+            buttonText="falar no whatsapp"
+            onSubmit={(email) => window.open('https://wa.me/5551999130248')}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Sobre",
-              href: "#about",
-            },
-            {
-              label: "Destaques",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contato",
-              href: "#contact",
-            },
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/5551999130248",
-            },
-          ],
-        },
-      ]}
-      logoText="vírgula"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Sobre", href: "#about" }, { label: "Destaques", href: "#features" }] },
+              { items: [{ label: "Contato", href: "#contact" }, { label: "WhatsApp", href: "https://wa.me/5551999130248" }] },
+            ]}
+            logoText="vírgula"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1