Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -21,32 +21,20 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="smallMedium"
         sizing="largeSizeMediumTitles"
-        background="floatingGradient"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="medium"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "features" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Mas58rest"
     />
@@ -54,115 +42,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Exquisite Dining at Mas58rest"
       description="Where tradition meets modern culinary artistry to create an unforgettable dining experience for every guest."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561244.jpg",
-          imageAlt: "Luxurious table setting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/artistic-food-presentation_23-2151942426.jpg",
-          imageAlt: "Culinary art in progress",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-cabbage-salad-inside-plate-dark-background_140725-136880.jpg",
-          imageAlt: "Luxurious table setting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/wide-closeup-shot-person-pouring-ketchup-cooked-meal-white-plate_181624-2012.jpg",
-          imageAlt: "Culinary art in progress",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/table-setting_74190-2377.jpg",
-          imageAlt: "Luxurious table setting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728005.jpg",
-          imageAlt: "Culinary art in progress",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CyDzY1NkDwW2D1SWvqXyBwfn4z/uploaded-1777349545371-znj5lika.jpg", imageAlt: "Mas58rest Logo" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561244.jpg", imageAlt: "Luxurious table setting" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/artistic-food-presentation_23-2151942426.jpg", imageAlt: "Culinary art in progress" }
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg",
-          imageAlt: "Culinary art in progress",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-potato-pies-with-pumpkin-grey-background-bake-oven-color-dish-pie-cake_140725-121705.jpg",
-          imageAlt: "Luxurious table setting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/wine-glass-table-setting_74190-4678.jpg",
-          imageAlt: "Culinary art in progress",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949019.jpg",
-          imageAlt: "Luxurious table setting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-hugging-with-cheerful-woman-restaurant_23-2148016777.jpg",
-          imageAlt: "Culinary art in progress",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg",
-          imageAlt: "Luxurious table setting",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg", imageAlt: "Dining experience" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-potato-pies-with-pumpkin-grey-background-bake-oven-color-dish-pie-cake_140725-121705.jpg", imageAlt: "Gourmet food" }
       ]}
       tag="Since 2024"
-      buttons={[
-        {
-          text: "Book a Table",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg",
-          alt: "Happy couple on a lovely date",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018818.jpg",
-          alt: "Couple having dinner at a restaurant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-young-women-smiling-dinner-party_23-2148454161.jpg",
-          alt: "Positive young women smiling at dinner party",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/group-adult-friends-having-dinner-together_23-2148454168.jpg",
-          alt: "Group of adult friends having dinner together",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-friends-having-lunch-restaurant_23-2150491780.jpg",
-          alt: "High angle friends having lunch at restaurant",
-        },
-      ]}
-      avatarText="Join over 5,000 delighted diners"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Michelin Star Rated",
-        },
-        {
-          type: "text",
-          text: "Locally Sourced",
-        },
-        {
-          type: "text",
-          text: "Chef-Driven Menu",
-        },
-        {
-          type: "text",
-          text: "Award-Winning Wine",
-        },
-        {
-          type: "text",
-          text: "Impeccable Service",
-        },
-      ]}
+      buttons={[{ text: "Book a Table", href: "#contact" }]}
     />
   </div>
 
@@ -173,50 +66,25 @@ export default function LandingPage() {
       title="A Passion for Excellence"
       description="At Mas58rest, we blend fresh seasonal ingredients with innovative techniques, crafting a menu that celebrates the joy of eating well."
       bulletPoints={[
-        {
-          title: "Farm-to-Table",
-          description: "Supporting local farmers to bring you the freshest produce.",
-        },
-        {
-          title: "Culinary Innovation",
-          description: "Pushing the boundaries of classic recipes with a modern twist.",
-        },
-        {
-          title: "Warm Atmosphere",
-          description: "Designed for comfort and intimate conversations.",
-        },
+        { title: "Farm-to-Table", description: "Supporting local farmers to bring you the freshest produce." },
+        { title: "Culinary Innovation", description: "Pushing the boundaries of classic recipes with a modern twist." },
+        { title: "Warm Atmosphere", description: "Designed for comfort and intimate conversations." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/fried-shrimp-with-sushi-table_140725-6656.jpg"
-      imageAlt="Culinary craftsmanship"
-      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyOne
       useInvertedBackground={false}
+      mediaAnimation="slide-up"
       title="Signature Menu Features"
       description="Discover the unique elements that make dining at Mas58rest a journey for the senses."
       accordionItems={[
-        {
-          id: "1",
-          title: "Chef's Tasting Menu",
-          content: "A rotating selection of our finest dishes curated for a complete experience.",
-        },
-        {
-          id: "2",
-          title: "Handcrafted Beverages",
-          content: "A perfect selection of wines, spirits, and artisanal cocktails.",
-        },
-        {
-          id: "3",
-          title: "Dietary Conscious",
-          content: "We accommodate all dietary preferences with sophisticated options.",
-        },
+        { id: "1", title: "Chef's Tasting Menu", content: "A rotating selection of our finest dishes curated for a complete experience." },
+        { id: "2", title: "Handcrafted Beverages", content: "A perfect selection of wines, spirits, and artisanal cocktails." }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/fresh-salad-with-tomatoes-radishes-greens-served-with-bread_141793-714.jpg"
-      imageAlt="Signature dish close up"
-      mediaAnimation="slide-up"
+      videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
     />
   </div>
 
@@ -225,47 +93,14 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
       products={[
-        {
-          id: "1",
-          name: "Truffle Risotto",
-          price: "$28",
-          imageSrc: "http://img.b2bpic.net/free-photo/caprese-salad-skewers-with-tomato-mozzarella-basil-white-square-plate_141793-2905.jpg",
-        },
-        {
-          id: "2",
-          name: "Seared Scallops",
-          price: "$32",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-medallion-with-sauce-vegetables-white-plate-table_140725-11509.jpg",
-        },
-        {
-          id: "3",
-          name: "Chocolate Sphere",
-          price: "$15",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-gourmet-dessert-with-flowers-white-plate_23-2151973732.jpg",
-        },
-        {
-          id: "4",
-          name: "Botanical Cocktail",
-          price: "$18",
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-rose-wine-table-with-blurred-restaurant-background_157027-4103.jpg",
-        },
-        {
-          id: "5",
-          name: "Summer Salad",
-          price: "$22",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg",
-        },
-        {
-          id: "6",
-          name: "Lamb Medallions",
-          price: "$38",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510914.jpg",
-        },
+        { id: "1", name: "Truffle Risotto", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/caprese-salad-skewers-with-tomato-mozzarella-basil-white-square-plate_141793-2905.jpg" },
+        { id: "2", name: "Seared Scallops", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-medallion-with-sauce-vegetables-white-plate-table_140725-11509.jpg" },
+        { id: "3", name: "Chocolate Sphere", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/elegant-gourmet-dessert-with-flowers-white-plate_23-2151973732.jpg" }
       ]}
       title="Our Featured Dishes"
-      description="Artisanally prepared culinary delights that define our kitchen."
+      description="Exquisite plates designed to elevate your palate."
+      useInvertedBackground={false}
     />
   </div>
 
@@ -273,165 +108,63 @@ export default function LandingPage() {
       <MetricCardSeven
       animationType="scale-rotate"
       textboxLayout="default"
-      useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",
-          value: "500+",
-          title: "Daily Diners",
-          items: [
-            "Happy guests served",
-            "Exceptional service",
-          ],
-        },
-        {
-          id: "2",
-          value: "20+",
-          title: "Years Experience",
-          items: [
-            "Award-winning chefs",
-            " Culinary tradition",
-          ],
-        },
-        {
-          id: "3",
-          value: "150",
-          title: "Recipes Crafted",
-          items: [
-            "Seasonal specialities",
-            "Signature creations",
-          ],
-        },
+        { id: "1", value: "500+", title: "Daily Diners", items: ["Happy guests", "Great service"] },
+        { id: "2", value: "20+", title: "Years Experience", items: ["Award-winning", "Tradition"] }
       ]}
       title="Excellence in Numbers"
-      description="Serving quality with passion, one plate at a time."
+      description="Our journey through the years."
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          title: "Wonderful Experience",
-          quote: "The atmosphere and flavors were absolutely divine. Highly recommended.",
-          name: "Sarah J.",
-          role: "Food Blogger",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
-        },
-        {
-          id: "2",
-          title: "Exceptional Service",
-          quote: "Every dish was presented perfectly. A must-visit place.",
-          name: "Marcus R.",
-          role: "Diner",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-ravioli-italian-restaurant_1303-24369.jpg",
-        },
-        {
-          id: "3",
-          title: "Perfect Evening",
-          quote: "Mas58rest never disappoints. The truffle risotto was the highlight.",
-          name: "Emily T.",
-          role: "Local Regular",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25256.jpg",
-        },
-        {
-          id: "4",
-          title: "Culinary Mastery",
-          quote: "I've been to many restaurants, but this level of plating is rare.",
-          name: "David W.",
-          role: "Guest",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businesswoman-her-colleague-toasting-with-champagne-office-party_637285-9569.jpg",
-        },
-        {
-          id: "5",
-          title: "Amazing Vibes",
-          quote: "Lovely ambiance paired with incredible creative food.",
-          name: "Lisa K.",
-          role: "Guest",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519974.jpg",
-        },
+        { id: "1", title: "Wonderful", quote: "Absolutely divine food.", name: "Sarah J.", role: "Food Critic" },
+        { id: "2", title: "Amazing", quote: "A must-visit spot.", name: "Marcus R.", role: "Local" }
       ]}
       title="Guest Stories"
-      description="Hear what our patrons have to say about their dining experience."
+      description="Hear from our valued diners."
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitText
-      useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "Do I need a reservation?",
-          content: "Yes, we highly recommend booking in advance, especially on weekends.",
-        },
-        {
-          id: "2",
-          title: "Is private dining available?",
-          content: "We offer beautiful spaces for events and gatherings.",
-        },
-        {
-          id: "3",
-          title: "Can you cater to allergies?",
-          content: "Our kitchen team is well-versed in accommodating special dietary requirements.",
-        },
+        { id: "1", title: "Reservations?", content: "Yes, book in advance." },
+        { id: "2", title: "Private Events?", content: "We have special spaces." }
       ]}
       sideTitle="Your Questions"
-      sideDescription="Need to know more about our reservations or private events?"
       faqsAnimation="slide-up"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
       title="Reserve Your Table"
-      description="Join us for an unforgettable culinary journey. Send us an email to get on our waiting list."
+      description="Book your culinary journey today."
+      tag="Contact Us"
       imageSrc="http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698418.jpg"
-      imageAlt="Restaurant facade"
-      mediaAnimation="opacity"
+      background={{ variant: "gradient-bars" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Reservations",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CyDzY1NkDwW2D1SWvqXyBwfn4z/uploaded-1777349545371-znj5lika.jpg"
       logoText="Mas58rest"
+      columns={[
+        { items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
+        { items: [{ label: "Contact", href: "#contact" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #0a0a0a;
+  --card: #1a0d0d;
+  --foreground: #ffe6e6;
+  --primary-cta: #ff3d4a;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #1f0a0a;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #7b2d2d;
+  --background-accent: #b8111f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);