Update src/app/page.tsx

src/app/page.tsx

@@ -5,12 +5,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
-import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Sparkles, MessageCircle, ShoppingBag, Award, Users, Star, Package, Sparkle } from "lucide-react";
+import ProductCardThree from "@/components/sections/product/ProductCardThree";
+import { Sparkles, ShoppingBag, Award, Users, Star, Sparkle, Zap } from "lucide-react";
 
 export default function BeautyDjelfaPage() {
   return (
@@ -22,7 +22,7 @@ export default function BeautyDjelfaPage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
@@ -32,34 +32,51 @@ export default function BeautyDjelfaPage() {
           navItems={[
             { name: "Skincare", id: "skincare" },
             { name: "Makeup", id: "makeup" },
+            { name: "Offers", id: "offers" },
             { name: "Reviews", id: "reviews" },
-            { name: "Contact", id: "contact" },
           ]}
           button={{ text: "WhatsApp", href: "https://wa.me/" }}
         />
         <HeroSplitDoubleCarousel
-          title="True Beauty Djelfa: تجربة جمال راقية"
-          description="نقدم لكِ أرقى المنتجات العالمية الأصلية لتتألقي في كل يوم. اكتشفي مجموعتنا المختارة من العناية بالبشرة والمكياج بلمسة احترافية في قلب الجلفة."
-          tag="منتجات أصلية 100%"
+          title="True Beauty Djelfa: لجمالك لمسة خاصة"
+          description="نقدم لكِ أرقى المنتجات العالمية الأصلية لتباني بيهم. اكتشفي مجموعتنا المختارة من العناية بالبشرة والمكياج بلمسة احترافية في قلب الجلفة."
+          tag="100% Original"
           tagIcon={Sparkle}
           tagAnimation="slide-up"
           background={{ variant: "canvas-reveal" }}
           buttons={[
-            { text: "Shop Now", href: "#products" },
+            { text: "شوفي العروض", href: "#offers" },
             { text: "واتساب", href: "https://wa.me/" },
           ]}
           buttonAnimation="slide-up"
           carouselPosition="right"
           leftCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-gua-sha-face-products_23-2149401501.jpg", imageAlt: "Premium Skincare Collection" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-gua-sha-face-products_23-2149401501.jpg?_wi=1", imageAlt: "Premium Skincare Collection" },
             { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-covid-party-with-mask-drink_23-2149299871.jpg", imageAlt: "Luxury Beauty Products" },
           ]}
           rightCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/eyeshadows-arrangement-red-silk_23-2148978183.jpg", imageAlt: "Elegant Makeup Selection" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-face-roller-gua-sha_23-2149357163.jpg", imageAlt: "Beauty Care Essentials" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/eyeshadows-arrangement-red-silk_23-2148978183.jpg?_wi=1", imageAlt: "Elegant Makeup Selection" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-face-roller-gua-sha_23-2149357163.jpg?_wi=1", imageAlt: "Beauty Care Essentials" },
           ]}
           carouselItemClassName="!aspect-[4/5]"
         />
+        <div id="offers">
+          <ProductCardThree
+            title="عروضنا الخاصة"
+            description="اغتنمي الفرصة قبل ما يخلصو! عروض حصرية غير متوفرة في بلاصة أخرى."
+            tag="Promos"
+            tagIcon={Zap}
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "promo-1", name: "Promo of the Week: Skincare Kit", price: "2500 DA", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gua-sha-face-products_23-2149401501.jpg?_wi=2" },
+              { id: "promo-2", name: "Pack Spéciale: Makeup Essentials", price: "3200 DA", imageSrc: "http://img.b2bpic.net/free-photo/eyeshadows-arrangement-red-silk_23-2148978183.jpg?_wi=2" },
+              { id: "promo-3", name: "Combo Glow: Routine complète", price: "4500 DA", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-face-roller-gua-sha_23-2149357163.jpg?_wi=2" },
+            ]}
+          />
+        </div>
         <MetricCardOne
           title="ثقة زبوناتنا"
           description="نحن نعتز بكوننا الوجهة المفضلة لكل امرأة تبحث عن الجودة والجمال في الجلفة."
@@ -81,62 +98,34 @@ export default function BeautyDjelfaPage() {
           animationType="slide-up"
           buttons={[{ text: "اكتشفي المزيد", href: "#categories" }]}
           features={[
-            {
-              title: "العناية بالبشرة",              description: "سيروم، كريمات، ومنظفات عالمية لبشرة مشرقة.",              bentoComponent: "reveal-icon",              icon: Sparkles,
-            },
-            {
-              title: "المكياج الفاخر",              description: "ألوان وأدوات تبرز جمالك الطبيعي بكل فخامة.",              bentoComponent: "reveal-icon",              icon: Package,
-            },
-            {
-              title: "مستلزمات الجمال",              description: "أدوات تجميل ضرورية لكل حقيبة نسائية.",              bentoComponent: "reveal-icon",              icon: ShoppingBag,
-            },
+            { title: "العناية بالبشرة", description: "سيروم، كريمات، ومنظفات عالمية لبشرة مشرقة.", icon: Sparkles, bentoComponent: "reveal-icon" },
+            { title: "المكياج الفاخر", description: "ألوان وأدوات تبرز جمالك الطبيعي بكل فخامة.", icon: ShoppingBag, bentoComponent: "reveal-icon" },
+            { title: "مستلزمات الجمال", description: "أدوات تجميل ضرورية لكل حقيبة نسائية.", icon: ShoppingBag, bentoComponent: "reveal-icon" },
           ]}
         />
         <TestimonialCardFifteen
           testimonial="بصراحة، المنتجات التي اشتريتها من True Beauty Djelfa أصلية 100% والتوصيل كان سريع جداً. شكراً على التعامل الراقي والجودة العالية!"
           rating={5}
           author="— سارة، من الجلفة"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/pretty-woman-armchair_23-2147762383.jpg", alt: "سارة" },
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
+          avatars={[{ src: "http://img.b2bpic.net/free-photo/pretty-woman-armchair_23-2147762383.jpg", alt: "سارة" }]}
+          ratingAnimation="none"
+          avatarsAnimation="none"
           useInvertedBackground={false}
         />
-        <ContactCTA
+        <ContactCenter
           tag="تواصل معنا"
           title="جاهزة للتألق؟"
           description="اطلبي منتجاتك المفضلة مباشرة عبر الواتساب أو زورينا في الجلفة. نحن هنا لنساعدك في اختيار ما يناسب جمالك."
-          buttons={[
-            { text: "واتساب الآن", href: "https://wa.me/" },
-          ]}
-          buttonAnimation="slide-up"
+          background={{ variant: "canvas-reveal" }}
           useInvertedBackground={false}
         />
         <FooterBase
           logoText="True Beauty Djelfa"
           copyrightText="© 2025 | جميع الحقوق محفوظة"
           columns={[
-            {
-              title: "المتجر",              items: [
-                { label: "Skincare", href: "#" },
-                { label: "Makeup", href: "#" },
-                { label: "الجديد", href: "#" },
-              ],
-            },
-            {
-              title: "خدمة الزبونات",              items: [
-                { label: "اتصل بنا", href: "https://wa.me/" },
-                { label: "التوصيل", href: "#" },
-                { label: "سياسة الاستبدال", href: "#" },
-              ],
-            },
-            {
-              title: "تواصل اجتماعي",              items: [
-                { label: "Instagram", href: "#" },
-                { label: "Facebook", href: "#" },
-              ],
-            },
+            { title: "المتجر", items: [{ label: "Skincare", href: "#" }, { label: "Makeup", href: "#" }, { label: "الجديد", href: "#" }] },
+            { title: "خدمة الزبونات", items: [{ label: "اتصل بنا", href: "https://wa.me/" }, { label: "التوصيل", href: "#" }, { label: "سياسة الاستبدال", href: "#" }] },
+            { title: "تواصل اجتماعي", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
           ]}
         />
       </ReactLenis>