Update src/app/styles/variables.css

src/app/page.tsx

@@ -14,36 +14,28 @@ export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="soft"
-        contentWidth="small"
+        contentWidth="medium"
-        sizing="mediumLargeSizeLargeTitles"
+        sizing="mediumLargeSizeMediumTitles"
-        background="floatingGradient"
+        background="none"
-        cardStyle="glass-depth"
+        cardStyle="soft-shadow"
-        primaryButtonStyle="radial-glow"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="semibold"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Menu",
+          name: "Menu",          id: "menu"},
-          id: "menu",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Dito Preto"
     />
@@ -52,15 +44,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "sparkles-gradient",
+        variant: "plain"}}
-      }}
       title="Authentic Flavors, Unforgettable Moments"
       description="Experience refined Portuguese cuisine in an intimate setting. Reserve your table and discover why Dito Preto is the destination for discerning diners."
       buttons={[
         {
-          text: "Reserve Now",
+          text: "Reserve Now",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-blue-hat-sits-windowsill-cafe_8353-194.jpg"
       mediaAnimation="blur-reveal"
@@ -70,22 +59,16 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <SplitAbout
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       title="A Legacy of Culinary Excellence"
       description="Located in the heart of São José do Alegre, Dito Preto combines traditional Portuguese techniques with local, high-quality ingredients. Our intimate space is designed for moments that matter, whether it's a quiet romantic dinner or a celebratory family gathering."
       bulletPoints={[
         {
-          title: "Artisanal Cuisine",
+          title: "Artisanal Cuisine",          description: "Classic dishes reimagined with fresh, seasonal produce."},
-          description: "Classic dishes reimagined with fresh, seasonal produce.",
-        },
         {
-          title: "Warm Ambience",
+          title: "Warm Ambience",          description: "An inviting setting crafted for relaxation and connection."},
-          description: "An inviting setting crafted for relaxation and connection.",
-        },
         {
-          title: "Curated Selection",
+          title: "Curated Selection",          description: "Expertly paired wines and local spirits to enhance every bite."},
-          description: "Expertly paired wines and local spirits to enhance every bite.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-eats-meat-fajitos-pan_141793-5189.jpg"
       mediaAnimation="slide-up"
@@ -97,26 +80,14 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       products={[
         {
-          id: "1",
+          id: "1",          name: "Bacalhau à Brás",          price: "R$ 55,00",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-assorted-meat-platter-cold-boiled-pork-meat-roulade-basdirma-tomato-greens-plate_141793-3594.jpg"},
-          name: "Bacalhau à Brás",
-          price: "R$ 55,00",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-assorted-meat-platter-cold-boiled-pork-meat-roulade-basdirma-tomato-greens-plate_141793-3594.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Slow-Roasted Ribs",          price: "R$ 60,00",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-bowl-water_1252-814.jpg"},
-          name: "Slow-Roasted Ribs",
-          price: "R$ 60,00",
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-bowl-water_1252-814.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Pastel de Nata",          price: "R$ 15,00",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-with-blueberry-tarts-coffee_23-2148689765.jpg"},
-          name: "Pastel de Nata",
-          price: "R$ 15,00",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-with-blueberry-tarts-coffee_23-2148689765.jpg",
-        },
       ]}
       title="Our Signature Selections"
       description="Explore our curated menu featuring traditional favorites and seasonal masterpieces prepared by our dedicated team."
@@ -125,15 +96,13 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       testimonial="The atmosphere at Dito Preto is simply unmatched. It feels like stepping into a warm home where the food is always extraordinary."
       rating={5}
       author="Maria Silva"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",          alt: "Maria Silva"},
-          alt: "Maria Silva",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -142,16 +111,13 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactText
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
+        variant: "plain"}}
-      }}
       text="Ready to experience authentic flavors? We are open from Friday to Sunday, starting at 10:00 AM. Book your table today."
       buttons={[
         {
-          text: "Call to Reserve: (35) 3645-1229",
+          text: "Call to Reserve: (35) 3645-1229",          href: "tel:+553536451229"},
-          href: "tel:+553536451229",
-        },
       ]}
     />
   </div>
@@ -162,37 +128,25 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Address: R. Crescêncio Ribeiro, 181",
+              label: "Address: R. Crescêncio Ribeiro, 181",              href: "#"},
-              href: "#",
-            },
             {
-              label: "São José do Alegre - MG",
+              label: "São José do Alegre - MG",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Opening Hours",
+              label: "Opening Hours",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Fri-Sun: 10:00 AM onwards",
+              label: "Fri-Sun: 10:00 AM onwards",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Reservations",
+              label: "Reservations",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Catering",
+              label: "Catering",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
@@ -202,4 +156,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #f6f0e9;
-  --card: #dad6cd;
+  --card: #efe7dd;
-  --foreground: #2a2928;
+  --foreground: #2b180a;
-  --primary-cta: #2a2928;
+  --primary-cta: #2b180a;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #94877c;
-  --background-accent: #c6b180;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);