From 503bde6f676c1039f506654e1bb363f1449fb126 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 04:26:00 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 178 +++++++++++------------------------------------
 1 file changed, 39 insertions(+), 139 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 99c6501..7c59979 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,64 +32,40 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Products",
-          id: "products",
-        },
+          name: "Products",          id: "products"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Mutluluk Dokunusu"
+      button={{
+        text: "تسوق الآن",        href: "#products"
+      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="جمال شعرك.. هو زينة رمضان السنادي"
       description="مع كل استخدام لماسك Mutluluk، شعرك بيحكي قصة حيوية جديدة. ترطيب، لمعان، وقوة طبيعية 100% بالأرجان والروزماري."
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-calm-ginger-woman-with-long-hair-lying-mirror-table-with-bottle-lotion-while-looking_171337-948.jpg",
-          imageAlt: "Natural hair care",
-        },
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-calm-ginger-woman-with-long-hair-lying-mirror-table-with-bottle-lotion-while-looking_171337-948.jpg",          imageAlt: "Natural hair care"},
         {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440626.jpg",
-          imageAlt: "Organic beauty bottle",
-        },
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440626.jpg",          imageAlt: "Organic beauty bottle"},
         {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-soap-honey-honey-dipper-hush-white-surface_23-2147927128.jpg",
-          imageAlt: "Natural hair treatment",
-        },
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-soap-honey-honey-dipper-hush-white-surface_23-2147927128.jpg",          imageAlt: "Natural hair treatment"},
         {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292015.jpg",
-          imageAlt: "Skin care product",
-        },
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292015.jpg",          imageAlt: "Skin care product"},
         {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669161.jpg",
-          imageAlt: "Rosemary essence",
-        },
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669161.jpg",          imageAlt: "Rosemary essence"},
         {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-banner-beauty-products_23-2149446551.jpg",
-          imageAlt: "Organic beauty serum",
-        },
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-banner-beauty-products_23-2149446551.jpg",          imageAlt: "Organic beauty serum"},
       ]}
     />
   </div>
@@ -115,41 +91,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "ماسك الأرجان والروزماري",
-          price: "150 EGP",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-argan-oil-arrangement_23-2148955845.jpg",
-        },
+          id: "p1",          name: "ماسك الأرجان والروزماري",          price: "150 EGP",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-argan-oil-arrangement_23-2148955845.jpg"},
         {
-          id: "p2",
-          name: "سيروم العناية المكثفة",
-          price: "120 EGP",
-          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-balm-brush-composition_23-2152010117.jpg",
-        },
+          id: "p2",          name: "سيروم العناية المكثفة",          price: "120 EGP",          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-balm-brush-composition_23-2152010117.jpg"},
         {
-          id: "p3",
-          name: "زيت الروزماري النقي",
-          price: "100 EGP",
-          imageSrc: "http://img.b2bpic.net/free-photo/cannabis-oil-cbd-oil-cannabis-extract-medical-cannabis-concept_1150-13453.jpg",
-        },
+          id: "p3",          name: "زيت الروزماري النقي",          price: "100 EGP",          imageSrc: "http://img.b2bpic.net/free-photo/cannabis-oil-cbd-oil-cannabis-extract-medical-cannabis-concept_1150-13453.jpg"},
         {
-          id: "p4",
-          name: "بلسم التنعيم الطبيعي",
-          price: "90 EGP",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-plants_23-2149339775.jpg",
-        },
+          id: "p4",          name: "بلسم التنعيم الطبيعي",          price: "90 EGP",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-plants_23-2149339775.jpg"},
         {
-          id: "p5",
-          name: "ماسك الترطيب العميق",
-          price: "130 EGP",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-body-butter-cream-plain-background_23-2148305473.jpg",
-        },
+          id: "p5",          name: "ماسك الترطيب العميق",          price: "130 EGP",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-body-butter-cream-plain-background_23-2148305473.jpg"},
         {
-          id: "p6",
-          name: "زيت الأرجان المغربي",
-          price: "180 EGP",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-colored-background-bottles-cosmetics-face-body-care_127032-3592.jpg",
-        },
+          id: "p6",          name: "زيت الأرجان المغربي",          price: "180 EGP",          imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-colored-background-bottles-cosmetics-face-body-care_127032-3592.jpg"},
       ]}
       title="منتجاتنا الطبيعية"
       description="اكتشفي مجموعتنا المختارة من منتجات العناية الطبيعية التي ستعيد الحيوية واللمعان لشعرك وبشرتك."
@@ -163,26 +115,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "26",
-          title: "منشور",
-          description: "منتجات وحلول متنوعة",
-          imageSrc: "http://img.b2bpic.net/free-photo/aloe-vera-leaves-with-beauty-cream-bottle_23-2148173864.jpg",
-        },
+          id: "m1",          value: "26",          title: "منشور",          description: "منتجات وحلول متنوعة",          imageSrc: "http://img.b2bpic.net/free-photo/aloe-vera-leaves-with-beauty-cream-bottle_23-2148173864.jpg"},
         {
-          id: "m2",
-          value: "75",
-          title: "عميل سعيد",
-          description: "ثقتكم هي هدفنا",
-          imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-jar-moisturizing-cream_23-2147926880.jpg",
-        },
+          id: "m2",          value: "75",          title: "عميل سعيد",          description: "ثقتكم هي هدفنا",          imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-jar-moisturizing-cream_23-2147926880.jpg"},
         {
-          id: "m3",
-          value: "184",
-          title: "متابع",
-          description: "انضموا إلى عائلتنا",
-          imageSrc: "http://img.b2bpic.net/free-photo/cleaning-disks-cosmetics-products_23-2148574921.jpg",
-        },
+          id: "m3",          value: "184",          title: "متابع",          description: "انضموا إلى عائلتنا",          imageSrc: "http://img.b2bpic.net/free-photo/cleaning-disks-cosmetics-products_23-2148574921.jpg"},
       ]}
       title="أرقامنا في سطور"
       description="نحن فخورون بالثقة التي منحتمونا إياها، ويسعدنا دائماً تقديم الأفضل لكم."
@@ -194,30 +131,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "سارة محمد",
-          imageSrc: "http://img.b2bpic.net/free-photo/looking-good-happy-cheerful-redhead-middleaged-s-woman-smiling-delighted-hold-hands-chin_1258-229218.jpg",
-        },
+          id: "t1",          name: "سارة محمد",          imageSrc: "http://img.b2bpic.net/free-photo/looking-good-happy-cheerful-redhead-middleaged-s-woman-smiling-delighted-hold-hands-chin_1258-229218.jpg"},
         {
-          id: "t2",
-          name: "نور أحمد",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-brushes_23-2147611454.jpg",
-        },
+          id: "t2",          name: "نور أحمد",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-brushes_23-2147611454.jpg"},
         {
-          id: "t3",
-          name: "هبة محمود",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg",
-        },
+          id: "t3",          name: "هبة محمود",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg"},
         {
-          id: "t4",
-          name: "منى علي",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-communication-technology_53876-16002.jpg",
-        },
+          id: "t4",          name: "منى علي",          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-communication-technology_53876-16002.jpg"},
         {
-          id: "t5",
-          name: "فاطمة يوسف",
-          imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
-        },
+          id: "t5",          name: "فاطمة يوسف",          imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg"},
       ]}
       cardTitle="آراء عميلاتنا"
       cardTag="سعداء بخدمتكم"
@@ -231,20 +153,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "هل المنتجات طبيعية 100%؟",
-          content: "نعم، نعتمد على مكونات طبيعية بالكامل خالية من المواد الكيميائية الضارة.",
-        },
+          id: "f1",          title: "هل المنتجات طبيعية 100%؟",          content: "نعم، نعتمد على مكونات طبيعية بالكامل خالية من المواد الكيميائية الضارة."},
         {
-          id: "f2",
-          title: "كيف أختار المنتج المناسب؟",
-          content: "نحن هنا للمساعدة! يمكنك مراسلتنا وتحديد نوع شعرك لنرشح لكِ الأنسب.",
-        },
+          id: "f2",          title: "كيف أختار المنتج المناسب؟",          content: "نحن هنا للمساعدة! يمكنك مراسلتنا وتحديد نوع شعرك لنرشح لكِ الأنسب."},
         {
-          id: "f3",
-          title: "كيف يمكنني الطلب؟",
-          content: "ببساطة تواصل معنا عبر رسائل الصفحة أو أرقام التواصل الموضحة.",
-        },
+          id: "f3",          title: "كيف يمكنني الطلب؟",          content: "ببساطة تواصل معنا عبر رسائل الصفحة أو أرقام التواصل الموضحة."},
       ]}
       title="أسئلة شائعة"
       description="تعرفي أكثر على كيفية العناية بمنتجاتنا."
@@ -256,8 +169,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="تواصل معنا"
       title="هل لديك استفسار؟"
       description="سعداء دائماً بسماع آرائكم والإجابة على استفساراتكم."
@@ -269,33 +181,21 @@ export default function LandingPage() {
       logoText="Mutluluk Dokunusu"
       columns={[
         {
-          title: "روابط سريعة",
-          items: [
+          title: "روابط سريعة",          items: [
             {
-              label: "الصفحة الرئيسية",
-              href: "#hero",
-            },
+              label: "الصفحة الرئيسية",              href: "#hero"},
             {
-              label: "حولنا",
-              href: "#about",
-            },
+              label: "حولنا",              href: "#about"},
             {
-              label: "المنتجات",
-              href: "#products",
-            },
+              label: "المنتجات",              href: "#products"},
           ],
         },
         {
-          title: "تواصل",
-          items: [
+          title: "تواصل",          items: [
             {
-              label: "Instagram",
-              href: "https://www.instagram.com/mutluluk.dokunusu",
-            },
+              label: "Instagram",              href: "https://www.instagram.com/mutluluk.dokunusu"},
             {
-              label: "Facebook",
-              href: "https://www.facebook.com/share/15XcCb4Lp8/",
-            },
+              label: "Facebook",              href: "https://www.facebook.com/share/15XcCb4Lp8/"},
           ],
         },
       ]}
-- 
2.49.1