Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,417 +2,328 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactText from "@/components/sections/contact/ContactText";
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
+      defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="reveal-blur"
+      defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
+      borderRadius="soft"
-        contentWidth="medium"
+      contentWidth="medium"
-        sizing="mediumLarge"
+      sizing="mediumLarge"
-        background="noise"
+      background="noise"
-        cardStyle="gradient-radial"
+      cardStyle="gradient-radial"
-        primaryButtonStyle="double-inset"
+      primaryButtonStyle="double-inset"
-        secondaryButtonStyle="layered"
+      secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+          <NavbarStyleFullscreen
-      navItems={[
+            navItems={[
-        {
+              {
-          name: "Home",
+                name: "Home",                id: "#home"
-          id: "#home",
+              },
-        },
+              {
-        {
+                name: "Experience",                id: "#experience"
-          name: "Experience",
+              },
-          id: "#experience",
+              {
-        },
+                name: "Menu",                id: "#signature-dishes"
-        {
+              },
-          name: "Menu",
+              {
-          id: "#signature-dishes",
+                name: "Hospitality",                id: "#hospitality"
-        },
+              },
-        {
+              {
-          name: "Hospitality",
+                name: "Testimonials",                id: "#testimonials"
-          id: "#hospitality",
+              },
-        },
+              {
-        {
+                name: "Events",                id: "#private-events"
-          name: "Testimonials",
+              }
-          id: "#testimonials",
+            ]}
-        },
+            brandName="Hacienda Real"
-        {
+            button={{
-          name: "Events",
+              text: "Reserve a Table",              href: "#reservation"
-          id: "#private-events",
+            }}
-        },
+          />
-      ]}
+        </div>
-      brandName="Hacienda Real"
-      button={{
-        text: "Reserve a Table",
-        href: "#reservation",
-      }}
-    />
-  </div>
 
-  <div id="home" data-section="home">
+        <div id="home" data-section="home">
-      <HeroBillboardCarousel
+          <HeroBillboardCarousel
-      background={{
+            background={{
-        variant: "radial-gradient",
+              variant: "radial-gradient"
-      }}
+            }}
-      title="Where Every Meal Becomes a Celebration"
+            title="Where Every Meal Becomes a Celebration"
-      description="Authentic flavor, exceptional service, and an elegant rustic atmosphere crafted for unforgettable moments."
+            description="Authentic flavor, exceptional service, and an elegant rustic atmosphere crafted for unforgettable moments."
-      tagAnimation="none"
+            tagAnimation="none"
-      buttons={[
+            buttons={[
-        {
+              {
-          text: "Reserve a Table",
+                text: "Reserve a Table",                href: "#reservation"
-          href: "#reservation",
+              },
-        },
+              {
-        {
+                text: "View Menu",                href: "#signature-dishes"
-          text: "View Menu",
+              }
-          href: "#signature-dishes",
+            ]}
-        },
+            buttonAnimation="none"
-      ]}
+            mediaItems={[
-      buttonAnimation="none"
+              {
-      mediaItems={[
+                videoSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728032.jpg?_wi=1",                imageAlt: "Gourmet steak grilling on a flaming grill",                videoAriaLabel: "Chef grilling premium steak",                imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728032.jpg?_wi=2"
-        {
+              },
-          videoSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728032.jpg?_wi=1",
+              {
-          imageAlt: "Gourmet steak grilling on a flaming grill",
+                videoSrc: "http://img.b2bpic.net/free-photo/cropped-photo-lovers-having-romantic-dinner-home_171337-19055.jpg?_wi=1",                imageAlt: "Elegant wine pouring into a glass",                videoAriaLabel: "Sommelier pouring red wine",                imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-lovers-having-romantic-dinner-home_171337-19055.jpg?_wi=2"
-          videoAriaLabel: "Chef grilling premium steak",
+              },
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728032.jpg?_wi=2",
+              {
-        },
+                imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg",                imageAlt: "Elegant restaurant interior with warm lighting"
-        {
+              },
-          videoSrc: "http://img.b2bpic.net/free-photo/cropped-photo-lovers-having-romantic-dinner-home_171337-19055.jpg?_wi=1",
+              {
-          imageAlt: "Elegant wine pouring into a glass",
+                imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-dinner-together_23-2148454081.jpg",                imageAlt: "Guests celebrating with toasts at a luxurious restaurant"
-          videoAriaLabel: "Sommelier pouring red wine",
+              },
-          imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-lovers-having-romantic-dinner-home_171337-19055.jpg?_wi=2",
+              {
-        },
+                imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg",                imageAlt: "Candlelit ambiance and warm golden lighting in a restaurant"
-        {
+              },
-          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg",
+              {
-          imageAlt: "Elegant restaurant interior with warm lighting",
+                imageSrc: "http://img.b2bpic.net/free-photo/closeup-tasty-grilled-tomatoes-marrows_651396-1449.jpg",                imageAlt: "Beautifully plated Guatemalan cuisine"
-        },
+              }
-        {
+            ]}
-          imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-dinner-together_23-2148454081.jpg",
+            containerClassName="px-4 md:px-8 lg:px-12 py-16 md:py-24"
-          imageAlt: "Guests celebrating with toasts at a luxurious restaurant",
+            textBoxClassName="text-center lg:text-left mx-auto lg:mx-0 max-w-xl"
-        },
+            titleClassName="text-4xl md:text-5xl lg:text-6xl"
-        {
+            descriptionClassName="text-base md:text-lg"
-          imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg",
+            buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start"
-          imageAlt: "Candlelit ambiance and warm golden lighting in a restaurant",
+          />
-        },
+        </div>
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-tasty-grilled-tomatoes-marrows_651396-1449.jpg",
-          imageAlt: "Beautifully plated Guatemalan cuisine",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="experience" data-section="experience">
+        <div id="experience" data-section="experience">
-      <FeatureCardNineteen
+          <FeatureCardNineteen
-      textboxLayout="default"
+            textboxLayout="default"
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      features={[
+            features={[
-        {
+              {
-          tag: "Culinary Excellence",
+                tag: "Culinary Excellence",                title: "Premium Steaks",                subtitle: "Masterfully Grilled",                description: "Indulge in our selection of the finest cuts, expertly grilled to perfection for an unforgettable taste.",                imageSrc: "http://img.b2bpic.net/free-photo/fried-meatball-with-topped-with-white-cheese-with-herbs_141793-1185.jpg",                imageAlt: "A perfectly grilled premium steak"
-          title: "Premium Steaks",
+              },
-          subtitle: "Masterfully Grilled",
+              {
-          description: "Indulge in our selection of the finest cuts, expertly grilled to perfection for an unforgettable taste.",
+                tag: "Dedicated Staff",                title: "Exceptional Hospitality",                subtitle: "Every Guest Valued",                description: "Experience service beyond expectation, where every detail is anticipated and catered to with genuine warmth.",                imageSrc: "http://img.b2bpic.net/free-photo/man-with-notebook-using-smartphone_23-2147793066.jpg",                imageAlt: "Attentive waiter serving a guest"
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-meatball-with-topped-with-white-cheese-with-herbs_141793-1185.jpg",
+              },
-          imageAlt: "A perfectly grilled premium steak",
+              {
-        },
+                tag: "Authentic Flavors",                title: "Guatemalan Cuisine",                subtitle: "A Taste of Tradition",                description: "Savor authentic Guatemalan recipes, crafted with passion and fresh, local ingredients.",                imageSrc: "http://img.b2bpic.net/free-photo/salad-with-tomatoes-greens-pomegranate_140725-8044.jpg",                imageAlt: "Beautifully presented traditional Guatemalan dish"
-        {
+              },
-          tag: "Dedicated Staff",
+              {
-          title: "Exceptional Hospitality",
+                tag: "Joyful Gatherings",                title: "Family Celebrations",                subtitle: "Moments to Cherish",                description: "Our elegant setting is the perfect backdrop for birthdays, anniversaries, and all your family's special moments.",                imageSrc: "http://img.b2bpic.net/free-photo/knocking-glasses-with-wine-group-friends-elegant-wear-have-luxury-dinner_146671-14449.jpg",                imageAlt: "A happy family celebrating at a restaurant"
-          subtitle: "Every Guest Valued",
+              },
-          description: "Experience service beyond expectation, where every detail is anticipated and catered to with genuine warmth.",
+              {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-notebook-using-smartphone_23-2147793066.jpg",
+                tag: "Sophisticated Surroundings",                title: "Elegant Atmosphere",                subtitle: "Refined Rustic Luxury",                description: "Immerse yourself in our beautifully designed interiors, combining rustic charm with luxurious elegance.",                imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-setting-wedding-reception-with-sea-view-through-windows_637285-997.jpg",                imageAlt: "The elegant and rustic interior of Hacienda Real"
-          imageAlt: "Attentive waiter serving a guest",
+              },
-        },
+              {
-        {
+                tag: "Signature Touches",                title: "Signature Service",                subtitle: "Unforgettable Gestures",                description: "From warm welcomes with complimentary consomé to refreshing hot towels, our service is truly memorable.",                imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party-covid_23-2149316413.jpg",                imageAlt: "Waiter offering a hot towel to a guest"
-          tag: "Authentic Flavors",
+              }
-          title: "Guatemalan Cuisine",
+            ]}
-          subtitle: "A Taste of Tradition",
+            title="More Than a Restaurant — An Experience"
-          description: "Savor authentic Guatemalan recipes, crafted with passion and fresh, local ingredients.",
+            description="At Hacienda Real, we believe true luxury lies in exceptional service and attention to detail. From warm welcomes to personalized care, every moment is crafted to make you feel cherished."
-          imageSrc: "http://img.b2bpic.net/free-photo/salad-with-tomatoes-greens-pomegranate_140725-8044.jpg",
+            tagAnimation="none"
-          imageAlt: "Beautifully presented traditional Guatemalan dish",
+            buttonAnimation="none"
-        },
+            containerClassName="px-4 md:px-8 lg:px-12 py-16 md:py-24"
-        {
+            textBoxClassName="text-center lg:text-left mx-auto lg:mx-0 max-w-2xl"
-          tag: "Joyful Gatherings",
+            cardContentClassName="p-4 sm:p-6"
-          title: "Family Celebrations",
+          />
-          subtitle: "Moments to Cherish",
+        </div>
-          description: "Our elegant setting is the perfect backdrop for birthdays, anniversaries, and all your family's special moments.",
-          imageSrc: "http://img.b2bpic.net/free-photo/knocking-glasses-with-wine-group-friends-elegant-wear-have-luxury-dinner_146671-14449.jpg",
-          imageAlt: "A happy family celebrating at a restaurant",
-        },
-        {
-          tag: "Sophisticated Surroundings",
-          title: "Elegant Atmosphere",
-          subtitle: "Refined Rustic Luxury",
-          description: "Immerse yourself in our beautifully designed interiors, combining rustic charm with luxurious elegance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-setting-wedding-reception-with-sea-view-through-windows_637285-997.jpg",
-          imageAlt: "The elegant and rustic interior of Hacienda Real",
-        },
-        {
-          tag: "Signature Touches",
-          title: "Signature Service",
-          subtitle: "Unforgettable Gestures",
-          description: "From warm welcomes with complimentary consomé to refreshing hot towels, our service is truly memorable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-party-covid_23-2149316413.jpg",
-          imageAlt: "Waiter offering a hot towel to a guest",
-        },
-      ]}
-      title="More Than a Restaurant — An Experience"
-      description="At Hacienda Real, we believe true luxury lies in exceptional service and attention to detail. From warm welcomes to personalized care, every moment is crafted to make you feel cherished."
-      tagAnimation="none"
-      buttonAnimation="none"
-    />
-  </div>
 
-  <div id="signature-dishes" data-section="signature-dishes">
+        <div id="signature-dishes" data-section="signature-dishes">
-      <ProductCardFour
+          <ProductCardFour
-      animationType="scale-rotate"
+            animationType="scale-rotate"
-      textboxLayout="default"
+            textboxLayout="default"
-      gridVariant="two-columns-alternating-heights"
+            gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      products={[
+            products={[
-        {
+              {
-          id: "dish-1",
+                id: "dish-1",                name: "Lomo de Res",                price: "Market Price",                variant: "Premium Tenderloin",                imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg",                imageAlt: "Gourmet Lomo de Res dish"
-          name: "Lomo de Res",
+              },
-          price: "Market Price",
+              {
-          variant: "Premium Tenderloin",
+                id: "dish-2",                name: "Ceviche Mixto",                price: "$28",                variant: "Fresh Seafood Mix",                imageSrc: "http://img.b2bpic.net/free-photo/chopped-various-vegetables-plate_114579-86418.jpg",                imageAlt: "Vibrant Ceviche Mixto"
-          imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg",
+              },
-          imageAlt: "Gourmet Lomo de Res dish",
+              {
-        },
+                id: "dish-3",                name: "Sopa de Tortilla",                price: "$16",                variant: "Rich & Creamy",                imageSrc: "http://img.b2bpic.net/free-photo/top-view-appetizing-pozole-bowl_23-2149248567.jpg",                imageAlt: "Elegant Sopa de Tortilla"
-        {
+              },
-          id: "dish-2",
+              {
-          name: "Ceviche Mixto",
+                id: "dish-4",                name: "Premium Grilled Cuts",                price: "From $45",                variant: "Assorted Selection",                imageSrc: "http://img.b2bpic.net/free-photo/well-fried-steak-sliced-potatoes-rings-wooden-board_140725-3024.jpg",                imageAlt: "Platter of assorted premium grilled meats"
-          price: "$28",
+              },
-          variant: "Fresh Seafood Mix",
+              {
-          imageSrc: "http://img.b2bpic.net/free-photo/chopped-various-vegetables-plate_114579-86418.jpg",
+                id: "dish-5",                name: "Artisan Garlic Bread",                price: "$12",                variant: "Freshly Baked",                imageSrc: "http://img.b2bpic.net/free-photo/baked-cheese-camembert-with-rosemary-honey-tasty-food_2829-7098.jpg",                imageAlt: "Warm artisan garlic bread"
-          imageAlt: "Vibrant Ceviche Mixto",
+              },
-        },
+              {
-        {
+                id: "dish-6",                name: "Cappuccino & Desserts",                price: "From $10",                variant: "Sweet Endings",                imageSrc: "http://img.b2bpic.net/free-photo/eclairs-with-cup-tea_140725-3601.jpg",                imageAlt: "Gourmet cappuccino with a dessert"
-          id: "dish-3",
+              }
-          name: "Sopa de Tortilla",
+            ]}
-          price: "$16",
+            title="Signature Dishes"
-          variant: "Rich & Creamy",
+            description="Indulge in our exquisite menu, a culinary journey through authentic Guatemalan flavors and premium grilled meats, meticulously prepared to delight your palate."
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-appetizing-pozole-bowl_23-2149248567.jpg",
+            tagAnimation="none"
-          imageAlt: "Elegant Sopa de Tortilla",
+            buttonAnimation="none"
-        },
+            containerClassName="px-4 md:px-8 lg:px-12 py-16 md:py-24"
-        {
+            textBoxClassName="text-center lg:text-left mx-auto lg:mx-0 max-w-2xl"
-          id: "dish-4",
+            gridClassName="grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-2 gap-8"
-          name: "Premium Grilled Cuts",
+            cardClassName="p-4 sm:p-6"
-          price: "From $45",
+          />
-          variant: "Assorted Selection",
+        </div>
-          imageSrc: "http://img.b2bpic.net/free-photo/well-fried-steak-sliced-potatoes-rings-wooden-board_140725-3024.jpg",
-          imageAlt: "Platter of assorted premium grilled meats",
-        },
-        {
-          id: "dish-5",
-          name: "Artisan Garlic Bread",
-          price: "$12",
-          variant: "Freshly Baked",
-          imageSrc: "http://img.b2bpic.net/free-photo/baked-cheese-camembert-with-rosemary-honey-tasty-food_2829-7098.jpg",
-          imageAlt: "Warm artisan garlic bread",
-        },
-        {
-          id: "dish-6",
-          name: "Cappuccino & Desserts",
-          price: "From $10",
-          variant: "Sweet Endings",
-          imageSrc: "http://img.b2bpic.net/free-photo/eclairs-with-cup-tea_140725-3601.jpg",
-          imageAlt: "Gourmet cappuccino with a dessert",
-        },
-      ]}
-      title="Signature Dishes"
-      description="Indulge in our exquisite menu, a culinary journey through authentic Guatemalan flavors and premium grilled meats, meticulously prepared to delight your palate."
-      tagAnimation="none"
-      buttonAnimation="none"
-    />
-  </div>
 
-  <div id="hospitality" data-section="hospitality">
+        <div id="hospitality" data-section="hospitality">
-      <InlineImageSplitTextAbout
+          <InlineImageSplitTextAbout
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      heading={[
+            heading={[
-        {
+              {
-          type: "text",
+                type: "text",                content: "Service That Guests Remember"
-          content: "Service That Guests Remember",
+              }
-        },
+            ]}
-      ]}
+            buttonAnimation="none"
-      buttonAnimation="none"
+            containerClassName="flex flex-col lg:flex-row items-center gap-8 lg:gap-16 px-4 md:px-8 lg:px-12 py-16 md:py-24"
-    />
+            headingClassName="text-3xl md:text-4xl lg:text-5xl text-center lg:text-left"
-  </div>
+            imageWrapperClassName="w-full lg:w-1/2"
+            imageClassName="w-full h-auto"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
+          <TestimonialCardThirteen
-      animationType="depth-3d"
+            animationType="depth-3d"
-      textboxLayout="default"
+            textboxLayout="default"
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      testimonials={[
+            testimonials={[
-        {
+              {
-          id: "test-1",
+                id: "test-1",                name: "Sofia G.",                handle: "@sofiagourmet",                testimonial: "Desde que entras eres recibido de una manera espectacular. Una experiencia completa que la comida deliciosa complementa perfectamente. ¡Volveremos siempre!",                rating: 5,
-          name: "Sofia G.",
+                imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-pizza_23-2150307057.jpg",                imageAlt: "Portrait of a happy customer, Sofia G."
-          handle: "@sofiagourmet",
+              },
-          testimonial: "Desde que entras eres recibido de una manera espectacular. Una experiencia completa que la comida deliciosa complementa perfectamente. ¡Volveremos siempre!",
+              {
-          rating: 5,
+                id: "test-2",                name: "Carlos M.",                handle: "@carlos.foodie",                testimonial: "La comida es deliciosa, pero lo que realmente me cautivó fue el servicio tan profesional y atento. Pocos restaurantes ofrecen ese nivel de cuidado. ¡La carne súper deliciosa!",                rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-pizza_23-2150307057.jpg",
+                imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg",                imageAlt: "Portrait of a satisfied customer, Carlos M."
-          imageAlt: "Portrait of a happy customer, Sofia G.",
+              },
-        },
+              {
-        {
+                id: "test-3",                name: "Elena R.",                handle: "@elenas_journey",                testimonial: "Una experiencia culinaria que va más allá del paladar. Cada detalle, desde la bienvenida hasta el postre, es una celebración. Hacienda Real es el lugar para momentos especiales.",                rating: 5,
-          id: "test-2",
+                imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018849.jpg",                imageAlt: "Portrait of a happy customer, Elena R."
-          name: "Carlos M.",
+              },
-          handle: "@carlos.foodie",
+              {
-          testimonial: "La comida es deliciosa, pero lo que realmente me cautivó fue el servicio tan profesional y atento. Pocos restaurantes ofrecen ese nivel de cuidado. ¡La carne súper deliciosa!",
+                id: "test-4",                name: "Juan P.",                handle: "@juanp.eats",                testimonial: "Simplemente excepcional. La atención, el ambiente, y por supuesto, la comida. Se nota que cada platillo es preparado con amor. Altamente recomendado para cualquier celebración.",                rating: 5,
-          rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cooking_23-2150980286.jpg",                imageAlt: "Portrait of a satisfied customer, Juan P."
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg",
+              },
-          imageAlt: "Portrait of a satisfied customer, Carlos M.",
+              {
-        },
+                id: "test-5",                name: "Laura S.",                handle: "@laurafine_dining",                testimonial: "Hacienda Real es mi destino favorito para cualquier ocasión. El ambiente te transporta, y el servicio te hace sentir como en casa, pero con un toque de lujo. La mejor carne de la ciudad.",                rating: 5,
-        {
+                imageSrc: "http://img.b2bpic.net/free-photo/happy-multigeneration-family-having-lunch-toasting-dining-table-focus-is-senior-man_637285-3219.jpg",                imageAlt: "Portrait of a happy customer, Laura S."
-          id: "test-3",
+              }
-          name: "Elena R.",
+            ]}
-          handle: "@elenas_journey",
+            showRating={true}
-          testimonial: "Una experiencia culinaria que va más allá del paladar. Cada detalle, desde la bienvenida hasta el postre, es una celebración. Hacienda Real es el lugar para momentos especiales.",
+            title="Hear From Our Cherished Guests"
-          rating: 5,
+            description="Discover why our patrons return again and again for the unforgettable dining experience at Hacienda Real."
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018849.jpg",
+            tagAnimation="none"
-          imageAlt: "Portrait of a happy customer, Elena R.",
+            buttonAnimation="none"
-        },
+            containerClassName="px-4 md:px-8 lg:px-12 py-16 md:py-24"
-        {
+            textBoxClassName="text-center lg:text-left mx-auto lg:mx-0 max-w-2xl"
-          id: "test-4",
+            gridClassName="grid-cols-1 md:grid-cols-2 gap-8"
-          name: "Juan P.",
+            cardClassName="p-6"
-          handle: "@juanp.eats",
+          />
-          testimonial: "Simplemente excepcional. La atención, el ambiente, y por supuesto, la comida. Se nota que cada platillo es preparado con amor. Altamente recomendado para cualquier celebración.",
+        </div>
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cooking_23-2150980286.jpg",
-          imageAlt: "Portrait of a satisfied customer, Juan P.",
-        },
-        {
-          id: "test-5",
-          name: "Laura S.",
-          handle: "@laurafine_dining",
-          testimonial: "Hacienda Real es mi destino favorito para cualquier ocasión. El ambiente te transporta, y el servicio te hace sentir como en casa, pero con un toque de lujo. La mejor carne de la ciudad.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-multigeneration-family-having-lunch-toasting-dining-table-focus-is-senior-man_637285-3219.jpg",
-          imageAlt: "Portrait of a happy customer, Laura S.",
-        },
-      ]}
-      showRating={true}
-      title="Hear From Our Cherished Guests"
-      description="Discover why our patrons return again and again for the unforgettable dining experience at Hacienda Real."
-      tagAnimation="none"
-      buttonAnimation="none"
-    />
-  </div>
 
-  <div id="private-events" data-section="private-events">
+        <div id="private-events" data-section="private-events">
-      <InlineImageSplitTextAbout
+          <InlineImageSplitTextAbout
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      heading={[
+            heading={[
-        {
+              {
-          type: "text",
+                type: "text",                content: "Celebrate Life’s Special Moments"
-          content: "Celebrate Life’s Special Moments",
+              }
-        },
+            ]}
-      ]}
+            buttons={[
-      buttons={[
+              {
-        {
+                text: "Reserve Your Celebration",                href: "#reservation"
-          text: "Reserve Your Celebration",
+              }
-          href: "#reservation",
+            ]}
-        },
+            buttonAnimation="none"
-      ]}
+            containerClassName="flex flex-col lg:flex-row items-center gap-8 lg:gap-16 px-4 md:px-8 lg:px-12 py-16 md:py-24"
-      buttonAnimation="none"
+            headingClassName="text-3xl md:text-4xl lg:text-5xl text-center lg:text-left"
-    />
+            imageWrapperClassName="w-full lg:w-1/2"
-  </div>
+            imageClassName="w-full h-auto"
+            buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start"
+          />
+        </div>
 
-  <div id="reservation" data-section="reservation">
+        <div id="reservation" data-section="reservation">
-      <ContactText
+          <ContactText
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      background={{
+            background={{
-        variant: "radial-gradient",
+              variant: "radial-gradient"
-      }}
+            }}
-      text="Ready to create unforgettable memories? Reserve your table at Hacienda Real today. We look forward to welcoming you to an evening of authentic flavor and exceptional service."
+            text="Ready to create unforgettable memories? Reserve your table at Hacienda Real today. We look forward to welcoming you to an evening of authentic flavor and exceptional service."
-      buttons={[
+            buttons={[
-        {
+              {
-          text: "Book Your Table Now",
+                text: "Book Your Table Now",                href: "#"
-          href: "#",
+              }
-        },
+            ]}
-      ]}
+            containerClassName="px-4 md:px-8 lg:px-12 py-16 md:py-24"
-    />
+            textClassName="text-2xl md:text-3xl lg:text-4xl text-center max-w-3xl mx-auto"
-  </div>
+            buttonContainerClassName="flex flex-col sm:flex-row gap-4 justify-center"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+          <FooterLogoEmphasis
-      columns={[
+            columns={[
-        {
+              {
-          items: [
+                items: [
-            {
+                  {
-              label: "Home",
+                    label: "Home",                    href: "#home"
-              href: "#home",
+                  },
-            },
+                  {
-            {
+                    label: "Our Story",                    href: "#experience"
-              label: "Our Story",
+                  },
-              href: "#experience",
+                  {
-            },
+                    label: "Menu",                    href: "#signature-dishes"
-            {
+                  },
-              label: "Menu",
+                  {
-              href: "#signature-dishes",
+                    label: "Private Events",                    href: "#private-events"
-            },
+                  }
-            {
+                ]
-              label: "Private Events",
+              },
-              href: "#private-events",
+              {
-            },
+                items: [
-          ],
+                  {
-        },
+                    label: "Contact Us",                    href: "#reservation"
-        {
+                  },
-          items: [
+                  {
-            {
+                    label: "Reservations",                    href: "#reservation"
-              label: "Contact Us",
+                  },
-              href: "#reservation",
+                  {
-            },
+                    label: "Location",                    href: "#"
-            {
+                  },
-              label: "Reservations",
+                  {
-              href: "#reservation",
+                    label: "Hours",                    href: "#"
-            },
+                  }
-            {
+                ]
-              label: "Location",
+              },
-              href: "#",
+              {
-            },
+                items: [
-            {
+                  {
-              label: "Hours",
+                    label: "Instagram",                    href: "https://www.instagram.com/haciendareal"
-              href: "#",
+                  },
-            },
+                  {
-          ],
+                    label: "Facebook",                    href: "https://www.facebook.com/haciendareal"
-        },
+                  },
-        {
+                  {
-          items: [
+                    label: "Google Maps",                    href: "https://www.google.com/maps/search/Hacienda+Real+restaurant"
-            {
+                  },
-              label: "Instagram",
+                  {
-              href: "https://www.instagram.com/haciendareal",
+                    label: "WhatsApp",                    href: "https://wa.me/1234567890"
-            },
+                  }
-            {
+                ]
-              label: "Facebook",
+              }
-              href: "https://www.facebook.com/haciendareal",
+            ]}
-            },
+            logoText="Hacienda Real"
-            {
+            containerClassName="px-4 md:px-8 lg:px-12 py-16 md:py-24"
-              label: "Google Maps",
+            columnsClassName="flex flex-col sm:flex-row md:flex-row gap-8 sm:gap-12 md:gap-16 justify-between"
-              href: "https://www.google.com/maps/search/Hacienda+Real+restaurant",
+            itemClassName="text-sm md:text-base"
-            },
+          />
-            {
+        </div>
-              label: "WhatsApp",
-              href: "https://wa.me/1234567890",
-            },
-          ],
-        },
-      ]}
-      logoText="Hacienda Real"
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F6F1EA;
+  --background: #0a0a0a;
-  --card: #F6F1EA;
+  --card: #1a1a1a;
-  --foreground: #2A1C15;
+  --foreground: #f5f5f5;
-  --primary-cta: #C9A46A;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #F6F1EA;
-  --secondary-cta: #2A1C15;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #F6F1EA;
-  --accent: #4E5A46;
+  --accent: #b8860b;
-  --background-accent: #1A1A1A;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);