From 88d796e4835c2058c08046a50eded16ec9ee0922 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 22 May 2026 19:43:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 364 ++++++++++++++++++++---------------------------
 1 file changed, 154 insertions(+), 210 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c06306e..5858bf0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,226 +16,170 @@ import { Clock, Flame, Leaf } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="compact"
-        sizing="largeSmallSizeLargeTitles"
-        background="blurBottom"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="glass"
-        headingFontWeight="extrabold"
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="compact"
+      sizing="largeSmallSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="glass"
+      headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Menu",          id: "products"},
-        {
-          name: "Contact",          id: "contact"},
-      ]}
-      brandName="Snack CoQ d'Or"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Menu", id: "products" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Snack CoQ d'Or"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "gradient-bars"}}
-      title="Snack CoQ d'Or chez Aissam"
-      description="تجربة الدجاج المشوي بالطريقة الأصلية وألذ العصائر الطبيعية الطازجة في قلب مدينة تيغسالين."
-      buttons={[
-        {
-          text: "اطلب الآن عبر واتساب",          href: "https://wa.me/212626980870"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-chicken-oil-tomatoes-garlic-lemon-chicken-with-herbs-cutting-board_140725-73692.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg",          alt: "happy diner 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg",          alt: "happy diner 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-couple-talking-each-other-lunch-time-restaurant-focus-is-woman-eating-sandwich_637285-1962.jpg",          alt: "happy diner 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg",          alt: "happy diner 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156166.jpg",          alt: "happy diner 5"},
-      ]}
-      avatarText="انضم إلى أكثر من 5000 زبون راضٍ"
-      marqueeItems={[
-        {
-          type: "text",          text: "دجاج طازج 100%"},
-        {
-          type: "text",          text: "عصائر طبيعية"},
-        {
-          type: "text",          text: "خدمة سريعة"},
-        {
-          type: "text",          text: "نكهة لا تقاوم"},
-        {
-          type: "text",          text: "جودة عالية"},
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="Snack CoQ d'Or chez Aissam"
+            description="تجربة الدجاج المشوي بالطريقة الأصلية وألذ العصائر الطبيعية الطازجة في قلب مدينة تيغسالين."
+            buttons={[{ text: "اطلب الآن عبر واتساب", href: "https://wa.me/212626980870" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-chicken-oil-tomatoes-garlic-lemon-chicken-with-herbs-cutting-board_140725-73692.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg", alt: "happy diner 1" },
+              { src: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg", alt: "happy diner 2" },
+              { src: "http://img.b2bpic.net/free-photo/happy-couple-talking-each-other-lunch-time-restaurant-focus-is-woman-eating-sandwich_637285-1962.jpg", alt: "happy diner 3" },
+              { src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg", alt: "happy diner 4" },
+              { src: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156166.jpg", alt: "happy diner 5" }
+            ]}
+            avatarText="انضم إلى أكثر من 5000 زبون راضٍ"
+            marqueeItems={[
+              { type: "text", text: "دجاج طازج 100%" },
+              { type: "text", text: "عصائر طبيعية" },
+              { type: "text", text: "خدمة سريعة" },
+              { type: "text", text: "نكهة لا تقاوم" },
+              { type: "text", text: "جودة عالية" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="جودة لا تضاهى"
-      metrics={[
-        {
-          icon: Flame,
-          label: "دجاج طازج يومياً",          value: "100%"},
-        {
-          icon: Leaf,
-          label: "عصائر طبيعية",          value: "100%"},
-        {
-          icon: Clock,
-          label: "خدمة سريعة",          value: "24/7"},
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="جودة لا تضاهى"
+            metrics={[
+              { icon: Flame, label: "دجاج طازج يومياً", value: "100%" },
+              { icon: Leaf, label: "عصائر طبيعية", value: "100%" },
+              { icon: Clock, label: "خدمة سريعة", value: "24/7" }
+            ]}
+            metricsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",          title: "خلطة سرية",          author: "طاقم عملنا",          description: "تتبيلة خاصة تجعل الدجاج أكثر طراوة ولذة.",          tags: [
-            "طبيعي",            "لذيذ"],
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-glass-marble-background_1150-45566.jpg"},
-        {
-          id: "f2",          title: "عصائر طازجة",          author: "طاقم عملنا",          description: "عصائر طبيعية 100% بدون إضافات كيميائية.",          tags: [
-            "صحي",            "منعش"],
-          imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-glass_74190-3798.jpg"},
-        {
-          id: "f3",          title: "جودة عالية",          author: "طاقм عملنا",          description: "نختار أجود أنواع الدجاج الطازج.",          tags: [
-            "جودة",            "ممتاز"],
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-christmas-dish-arrangement_23-2148719854.jpg"},
-      ]}
-      title="ماذا يميزنا؟"
-      description="نقدم أفضل النكهات الطازجة لزبنائنا الأعزاء."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "خلطة سرية", author: "طاقم عملنا", description: "تتبيلة خاصة تجعل الدجاج أكثر طراوة ولذة.", tags: ["طبيعي", "لذيذ"], imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-glass-marble-background_1150-45566.jpg" },
+              { id: "f2", title: "عصائر طازجة", author: "طاقم عملنا", description: "عصائر طبيعية 100% بدون إضافات كيميائية.", tags: ["صحي", "منعش"], imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-glass_74190-3798.jpg" },
+              { id: "f3", title: "جودة عالية", author: "طاقم عملنا", description: "نختار أجود أنواع الدجاج الطازج.", tags: ["جودة", "ممتاز"], imageSrc: "http://img.b2bpic.net/free-photo/delicious-christmas-dish-arrangement_23-2148719854.jpg" }
+            ]}
+            title="ماذا يميزنا؟"
+            description="نقدم أفضل النكهات الطازجة لزبنائنا الأعزاء."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",          name: "دجاج مشوي كامل",          price: "70 درهم",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-roasted-chicken-thanksgiving-dinner_23-2148638970.jpg"},
-        {
-          id: "p2",          name: "نصف دجاجة",          price: "35 درهم",          imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-colorful-sauces-white-notebook-bowls-colorful-sauces-black-pepper-plate-chicken-french-fries_140725-110715.jpg"},
-        {
-          id: "p3",          name: "ساندويش دجاج",          price: "20 درهم",          imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-chicken-kebab-lettuce_2829-16668.jpg"},
-        {
-          id: "p4",          name: "عصير برتقال",          price: "10 درهم",          imageSrc: "http://img.b2bpic.net/free-photo/refreshing-glass-orange-juice_84443-83875.jpg"},
-        {
-          id: "p5",          name: "عصير أفوكا",          price: "15 درهم",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-green-smoothie_23-2148171075.jpg"},
-        {
-          id: "p6",          name: "عصائر مشكلة",          price: "12 درهم",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-iced-raspberry-juice_23-2148037144.jpg"},
-      ]}
-      title="قائمة الطعام"
-      description="اكتشف تشكيلتنا اللذيذة من المشويات والعصائر."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "دجاج مشوي كامل", price: "70 درهم", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-roasted-chicken-thanksgiving-dinner_23-2148638970.jpg" },
+              { id: "p2", name: "نصف دجاجة", price: "35 درهم", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-colorful-sauces-white-notebook-bowls-colorful-sauces-black-pepper-plate-chicken-french-fries_140725-110715.jpg" },
+              { id: "p3", name: "ساندويش دجاج", price: "20 درهم", imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-chicken-kebab-lettuce_2829-16668.jpg" },
+              { id: "p4", name: "عصير برتقال", price: "10 درهم", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-glass-orange-juice_84443-83875.jpg" },
+              { id: "p5", name: "عصير أفوكا", price: "15 درهم", imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-green-smoothie_23-2148171075.jpg" },
+              { id: "p6", name: "عصائر مشكلة", price: "12 درهم", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-iced-raspberry-juice_23-2148037144.jpg" }
+            ]}
+            title="قائمة الطعام"
+            description="اكتشف تشكيلتنا اللذيذة من المشويات والعصائر."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",          value: "5000+",          description: "زبون سعيد"},
-        {
-          id: "m2",          value: "100%",          description: "رضا العملاء"},
-        {
-          id: "m3",          value: "365",          description: "يوم عمل في السنة"},
-      ]}
-      title="إحصائيات النجاح"
-      description="نحن فخورون بتقديم أفضل خدمة لكم دائماً."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "5000+", description: "زبون سعيد" },
+              { id: "m2", value: "100%", description: "رضا العملاء" },
+              { id: "m3", value: "365", description: "يوم عمل في السنة" }
+            ]}
+            title="إحصائيات النجاح"
+            description="نحن فخورون بتقديم أفضل خدمة لكم دائماً."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",          name: "ياسين",          role: "زبون دائم",          company: "تيغسالين",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg"},
-        {
-          id: "t2",          name: "فاطمة",          role: "زبونة",          company: "تيغسالين",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-friends-with-food_23-2149410427.jpg"},
-        {
-          id: "t3",          name: "عمر",          role: "زبون",          company: "تيغسالين",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg"},
-        {
-          id: "t4",          name: "سارة",          role: "زبونة",          company: "تيغسالين",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
-        {
-          id: "t5",          name: "محمد",          role: "زبون",          company: "تيغسالين",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-discussing-with-waiter-who-is-serving-her-food-pub_637285-6627.jpg"},
-      ]}
-      title="آراء الزبناء"
-      description="ماذا يقول زبنائنا عن تجربتهم معنا."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "ياسين", role: "زبون دائم", company: "تيغسالين", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg" },
+              { id: "t2", name: "فاطمة", role: "زبونة", company: "تيغسالين", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-friends-with-food_23-2149410427.jpg" },
+              { id: "t3", name: "عمر", role: "زبون", company: "تيغسالين", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg" },
+              { id: "t4", name: "سارة", role: "زبونة", company: "تيغسالين", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
+              { id: "t5", name: "محمد", role: "زبون", company: "تيغسالين", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-discussing-with-waiter-who-is-serving-her-food-pub_637285-6627.jpg" }
+            ]}
+            title="آراء الزبناء"
+            description="ماذا يقول زبنائنا عن تجربتهم معنا."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
-      tag="اتصل بنا"
-      title="هل أنت جائع؟ اطلب الآن"
-      description="تواصل معنا مباشرة عبر واتساب أو تفضل بزيارتنا في العنوان التالي: Boulevard Mohamed 5, Tighssaline 54003."
-      imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312221.jpg"
-      mediaAnimation="slide-up"
-      buttonText="طلب عبر واتساب"
-      onSubmit={(email) => window.open('https://wa.me/212626980870', '_blank')}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="اتصل بنا"
+            title="هل أنت جائع؟ اطلب الآن"
+            description="تواصل معنا مباشرة عبر واتساب أو تفضل بزيارتنا في العنوان التالي: Boulevard Mohamed 5, Tighssaline 54003."
+            imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312221.jpg"
+            mediaAnimation="slide-up"
+            buttonText="طلب عبر واتساب"
+            onSubmit={() => window.open('https://wa.me/212626980870', '_blank')}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "الرئيسية",              href: "#hero"},
-            {
-              label: "القائمة",              href: "#products"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "واتساب",              href: "https://wa.me/212626980870"},
-            {
-              label: "العنوان",              href: "#contact"},
-          ],
-        },
-      ],
-      logoText="Snack CoQ d'Or"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  { label: "الرئيسية", href: "#hero" },
+                  { label: "القائمة", href: "#products" }
+                ]
+              },
+              {
+                items: [
+                  { label: "واتساب", href: "https://wa.me/212626980870" },
+                  { label: "العنوان", href: "#contact" }
+                ]
+              }
+            ]}
+            logoText="Snack CoQ d'Or"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1