From 6784344bd0b3a4f12d6b10fd24d15b4cc223accf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 11:21:38 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 361 +++++++++++++++--------------------------------
 1 file changed, 114 insertions(+), 247 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5afb5a4..fb83533 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,262 +14,129 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
 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">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-      ]}
-      brandName="Snack Zakaria"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Snack Zakaria"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Snack Zakaria"
-      description="Local quality kitchen in the heart of Khémisset. We prioritize fresh ingredients and authentic flavors you can trust."
-      buttons={[
-        {
-          text: "Call Now: 06 14 66 22 06",
-          href: "tel:+212614662206",
-        },
-        {
-          text: "Order via WhatsApp",
-          href: "https://wa.me/212614662206",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-close-up-of-a-fresh-morocca-1774610462397-b9b1aa35.png?_wi=1",
-          imageAlt: "Our fresh signature burger",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/artistic-arrangement-of-moroccan-tacos-o-1774610463877-50a53a83.png?_wi=1",
-          imageAlt: "Signature Tacos",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="Snack Zakaria"
+            description="Local quality kitchen in the heart of Khémisset. We prioritize fresh ingredients and authentic flavors you can trust."
+            buttons={[
+              { text: "Call Now: 06 14 66 22 06", href: "tel:+212614662206" },
+              { text: "Order via WhatsApp", href: "https://wa.me/212614662206" }
+            ]}
+            slides={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-close-up-of-a-fresh-morocca-1774610462397-b9b1aa35.png", imageAlt: "Our fresh signature burger" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/artistic-arrangement-of-moroccan-tacos-o-1774610463877-50a53a83.png", imageAlt: "Signature Tacos" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Our Commitment to ",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/clean-bright-professional-kitchen-prep-a-1774610463330-66ca06f5.png",
-          alt: "Clean kitchen",
-        },
-        {
-          type: "text",
-          content: " Quality",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Our Commitment to " },
+              { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/clean-bright-professional-kitchen-prep-a-1774610463330-66ca06f5.png", alt: "Clean kitchen" },
+              { type: "text", content: " Quality" }
+            ]}
+            buttons={[{ text: "Learn More", href: "#" }]}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          brand: "Specialty",
-          name: "Classic Burger",
-          price: "35 DH",
-          rating: 4,
-          reviewCount: "120",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-close-up-of-a-fresh-morocca-1774610462397-b9b1aa35.png?_wi=2",
-        },
-        {
-          id: "2",
-          brand: "Specialty",
-          name: "Signature Tacos",
-          price: "45 DH",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/artistic-arrangement-of-moroccan-tacos-o-1774610463877-50a53a83.png?_wi=2",
-        },
-        {
-          id: "3",
-          brand: "Specialty",
-          name: "Family Pizza",
-          price: "65 DH",
-          rating: 4,
-          reviewCount: "200",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/freshly-baked-pizza-with-vibrant-ingredi-1774610464075-f481c38c.png",
-        },
-      ]}
-      title="Our Menu"
-      description="Fresh, local ingredients prepared daily."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Our Menu"
+            description="Fresh, local ingredients prepared daily."
+            products={[
+              { id: "1", brand: "Specialty", name: "Classic Burger", price: "35 DH", rating: 4, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-close-up-of-a-fresh-morocca-1774610462397-b9b1aa35.png" },
+              { id: "2", brand: "Specialty", name: "Signature Tacos", price: "45 DH", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/artistic-arrangement-of-moroccan-tacos-o-1774610463877-50a53a83.png" },
+              { id: "3", brand: "Specialty", name: "Family Pizza", price: "65 DH", rating: 4, reviewCount: "200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/freshly-baked-pizza-with-vibrant-ingredi-1774610464075-f481c38c.png" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Youssef A.",
-          date: "2023-10",
-          title: "Great Food",
-          quote: "Zakaria's food is fresh and the service is always friendly.",
-          tag: "Regular",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610462765-b49695e4.png",
-        },
-        {
-          id: "2",
-          name: "Fatima Z.",
-          date: "2023-09",
-          title: "Best Tacos",
-          quote: "Delicious Tacos! Best quality I've found in Khémisset.",
-          tag: "Loyal",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610462252-6457967b.png",
-        },
-        {
-          id: "3",
-          name: "Omar K.",
-          date: "2023-08",
-          title: "Good Service",
-          quote: "Reliable and fast delivery, always hot.",
-          tag: "Local",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610461815-28c50cc5.png",
-        },
-        {
-          id: "4",
-          name: "Layla M.",
-          date: "2023-07",
-          title: "New Regular",
-          quote: "I love the pizza options here, very tasty.",
-          tag: "New",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610462986-1dd26e16.png",
-        },
-      ]}
-      title="What Our Community Says"
-      description="Building trust, one order at a time."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="What Our Community Says"
+            description="Building trust, one order at a time."
+            testimonials={[
+              { id: "1", name: "Youssef A.", date: "2023-10", title: "Great Food", quote: "Zakaria's food is fresh and the service is always friendly.", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610462765-b49695e4.png" },
+              { id: "2", name: "Fatima Z.", date: "2023-09", title: "Best Tacos", quote: "Delicious Tacos! Best quality I've found in Khémisset.", tag: "Loyal", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610462252-6457967b.png" },
+              { id: "3", name: "Omar K.", date: "2023-08", title: "Good Service", quote: "Reliable and fast delivery, always hot.", tag: "Local", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610461815-28c50cc5.png" },
+              { id: "4", name: "Layla M.", date: "2023-07", title: "New Regular", quote: "I love the pizza options here, very tasty.", tag: "New", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610462986-1dd26e16.png" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "What are your delivery zones?",
-          content: "We deliver to all major districts in Khémisset.",
-        },
-        {
-          id: "2",
-          title: "How can I order?",
-          content: "Click the Order via WhatsApp button for the fastest service.",
-        },
-        {
-          id: "3",
-          title: "Are you open now?",
-          content: "Check our status indicator at the top of the page.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/modern-minimal-background-for-faq-1774610462376-80058570.png"
-      mediaAnimation="slide-up"
-      title="Common Questions"
-      description="How to order and our delivery zones."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Common Questions"
+            description="How to order and our delivery zones."
+            mediaAnimation="slide-up"
+            faqsAnimation="slide-up"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/modern-minimal-background-for-faq-1774610462376-80058570.png"
+            faqs={[
+              { id: "1", title: "What are your delivery zones?", content: "We deliver to all major districts in Khémisset." },
+              { id: "2", title: "How can I order?", content: "Click the Order via WhatsApp button for the fastest service." },
+              { id: "3", title: "Are you open now?", content: "Check our status indicator at the top of the page." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Let's Talk"
-      title="Need a Large Order?"
-      description="For catering or group lunches, please contact us directly."
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "tel:+212614662206",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Let's Talk"
+            title="Need a Large Order?"
+            description="For catering or group lunches, please contact us directly."
+            buttons={[{ text: "Contact Us Now", href: "tel:+212614662206" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Snack Zakaria",
-          items: [
-            {
-              label: "Khémisset, Morocco",
-              href: "#",
-            },
-            {
-              label: "06 14 66 22 06",
-              href: "tel:+212614662206",
-            },
-          ],
-        },
-        {
-          title: "Menu",
-          items: [
-            {
-              label: "Tacos",
-              href: "#menu",
-            },
-            {
-              label: "Pizza",
-              href: "#menu",
-            },
-            {
-              label: "Specialties",
-              href: "#menu",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Snack Zakaria"
-      bottomRightText="Built for Khémisset"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Snack Zakaria", items: [{ label: "Khémisset, Morocco", href: "#" }, { label: "06 14 66 22 06", href: "tel:+212614662206" }] },
+              { title: "Menu", items: [{ label: "Tacos", href: "#menu" }, { label: "Pizza", href: "#menu" }, { label: "Specialties", href: "#menu" }] }
+            ]}
+            bottomLeftText="© 2024 Snack Zakaria"
+            bottomRightText="Built for Khémisset"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file