Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -12,7 +12,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, CheckCircle, Zap } from "lucide-react";
+import { Award, CheckCircle, Zap, MessageSquare, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "الرئيسية", id: "hero" },
-          name: "الرئيسية",
+        { name: "عن الشركة", id: "about" },
-          id: "hero",
+        { name: "المنتجات", id: "products" },
-        },
+        { name: "المواصفات", id: "specs" },
-        {
+        { name: "اتصل بنا", id: "contact" },
-          name: "عن الشركة",
-          id: "about",
-        },
-        {
-          name: "المنتجات",
-          id: "products",
-        },
-        {
-          name: "الحلول",
-          id: "solutions",
-        },
-        {
-          name: "اتصل بنا",
-          id: "contact",
-        },
       ]}
       brandName="بن عبدالقوي للطاقة"
     />
@@ -59,83 +44,21 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="ريادة في تخزين الطاقة.. حلول ذكية لمستقبل مستدام"
       description="شركة بن عبدالقوي توفر لك أحدث تقنيات بطاريات الليثيوم LiFePO4 وأنظمة الطاقة الشمسية المتكاملة، لضمان استمرارية الطاقة في منزلك ومنشأتك بأعلى معايير الأمان."
       kpis={[
-        {
+        { value: "32kWh", label: "سعة التخزين" },
-          value: "32kWh",
+        { value: "6000+", label: "دورة شحن" },
-          label: "سعة التخزين",
+        { value: "5 سنوات", label: "ضمان شامل" },
-        },
-        {
-          value: "6000+",
-          label: "دورة شحن",
-        },
-        {
-          value: "5 سنوات",
-          label: "ضمان شامل",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
-        {
+        { text: "احصل على استشارة مجانية", href: "#products" },
-          text: "استكشف منتجاتنا",
+        { text: "تحدث معنا", href: "https://wa.me/966781499932" },
-          href: "#products",
-        },
-        {
-          text: "احصل على استشارة فنية",
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048217.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/aerial-shot-photovoltaics-eco-friendly-warehouse-3d-illustration_482257-78152.jpg",
-          alt: "Aerial shot of photovoltaics in eco friendly warehouse 3D illustration",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/natural-background-water-pool-texture-close-up_169016-22523.jpg",
-          alt: "Natural background water pool texture close up",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-eco-project-environment-with-solar-pannels_23-2148907424.jpg",
-          alt: "3d eco project for environment with solar pannels",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-recycle-batteries_23-2148907390.jpg",
-          alt: "3d recycle batteries",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/technology-future-electronics-integrated-system_1204-190.jpg",
-          alt: "technology future electronics integrated system",
-        },
-      ]}
-      avatarText="موثوق به من قبل 500+ عميل"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "كفاءة عالية",
-        },
-        {
-          type: "text",
-          text: "أمان فائق",
-        },
-        {
-          type: "text",
-          text: "صديق للبيئة",
-        },
-        {
-          type: "text",
-          text: "دعم فني 24/7",
-        },
-        {
-          type: "text",
-          text: "تكنولوجيا مبتكرة",
-        },
-      ]}
     />
   </div>
 
@@ -144,21 +67,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="نحن نجمع بين الخبرة والهندسة"
       metrics={[
-        {
+        { icon: CheckCircle, label: "جودة عالية", value: "Grade A+" },
-          icon: CheckCircle,
+        { icon: Award, label: "ضمان ذهبي", value: "5 سنوات" },
-          label: "جودة عالية",
+        { icon: Zap, label: "نظام ذكي", value: "BMS مدمج" },
-          value: "Grade A+",
-        },
-        {
-          icon: Award,
-          label: "ضمان شامل",
-          value: "5 سنوات",
-        },
-        {
-          icon: Zap,
-          label: "نظام ذكي",
-          value: "BMS مدمج",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -171,188 +82,38 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "BAQ-32 Lite", price: "SAR 15,000", variant: "Home Basic", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-using-rotary-switch_23-2149308949.jpg" },
-          id: "p1",
+        { id: "p2", name: "BAQ-32 Pro", price: "SAR 25,000", variant: "Home Advanced", imageSrc: "http://img.b2bpic.net/free-photo/solar-power-power-station_1387-62.jpg" },
-          name: "BAQ-32 Lite",
-          price: "SAR 15,000",
-          variant: "Home Basic",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-using-rotary-switch_23-2149308949.jpg",
-        },
-        {
-          id: "p2",
-          name: "BAQ-32 Pro",
-          price: "SAR 25,000",
-          variant: "Home Advanced",
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-power-power-station_1387-62.jpg",
-        },
-        {
-          id: "p3",
-          name: "BAQ-64 Industrial",
-          price: "SAR 45,000",
-          variant: "Enterprise",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-solar-pannels_23-2148907392.jpg",
-        },
-        {
-          id: "p4",
-          name: "Solar Array",
-          price: "SAR 10,000",
-          variant: "Addition",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-house-with-solar-pannels_23-2148907394.jpg",
-        },
-        {
-          id: "p5",
-          name: "BMS Module",
-          price: "SAR 2,000",
-          variant: "Accessory",
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-with-copy-space_23-2148895412.jpg",
-        },
-        {
-          id: "p6",
-          name: "Smart Inverter",
-          price: "SAR 5,000",
-          variant: "Accessory",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-house-with-solar-pannels_23-2148907395.jpg",
-        },
       ]}
       title="نظام تخزين الطاقة الفائق (BAQ-32)"
       description="نقدم حلول تخزين طاقة متطورة مصممة لتحمل أصعب الظروف وضمان استمرارية الطاقة."
     />
   </div>
 
-  <div id="solutions" data-section="solutions">
-      <FeatureCardTwentyEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          title: "حلول سكنية",
-          subtitle: "استقلالية كاملة",
-          category: "المنازل",
-          value: "صامت وآمن",
-        },
-        {
-          id: "s2",
-          title: "حلول تجارية",
-          subtitle: "استمرارية العمل",
-          category: "الشركات",
-          value: "موثوقية عالية",
-        },
-        {
-          id: "s3",
-          title: "تصميم وتركيب",
-          subtitle: "خدمة متكاملة",
-          category: "الخدمات",
-          value: "من الفكرة للتشغيل",
-        },
-      ]}
-      title="حلول الطاقة المتكاملة"
-      description="نقدم خدمات مصممة لتلبية احتياجاتك السكنية والتجارية مع التركيز على الأداء العالي."
-    />
-  </div>
-
   <div id="specs" data-section="specs">
       <MetricCardFourteen
       useInvertedBackground={true}
-      title="المواصفات الفنية"
+      title="مواصفات بطارية 32kWh الذكية"
-      tag="BAQ-32"
+      tag="تقنية متطورة"
       metrics={[
-        {
+        { id: "m1", value: "32kWh", description: "سعة تخزينية" },
-          id: "m1",
+        { id: "m2", value: "LiFePO4", description: "خلايا ليثيوم آمنة" },
-          value: "32kWh",
+        { id: "m3", value: "6000+", description: "دورة شحن" },
-          description: "سعة تخزينية هائلة",
+        { id: "m4", value: "5 سنوات", description: "ضمان شامل" },
-        },
-        {
-          id: "m2",
-          value: "LiFePO4",
-          description: "خلايا ليثيوم آمنة",
-        },
-        {
-          id: "m3",
-          value: "6000+",
-          description: "دورة شحن كاملة",
-        },
-        {
-          id: "m4",
-          value: "10 سنوات",
-          description: "عمر افتراضي طويل",
-        },
       ]}
       metricsAnimation="slide-up"
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="لقد غيرت أنظمة بن عبدالقوي من مفهوم الاعتماد على الطاقة في مصنعنا، أداء مذهل وموثوقية عالية جداً."
-      rating={5}
-      author="محمد العتيبي"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/colleagues-with-masks-working-together-environment-project_23-2148894093.jpg",
-          alt: "Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-pointing-aside-with-hand-open-palm-showing-copy-space-smiling-confident-isolated-blue-wall_141793-14081.jpg",
-          alt: "Michael",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg",
-          alt: "Emily",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/serious-senior-business-woman-office-desk_1262-3824.jpg",
-          alt: "David",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-working-energy-power-innovation_23-2148820148.jpg",
-          alt: "Alex",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "هل بطاريات الليثيوم آمنة؟",
-          content: "نعم، نستخدم خلايا LiFePO4 وهي الأكثر أماناً عالمياً ومحمية بنظام إدارة متطور.",
-        },
-        {
-          id: "f2",
-          title: "كم تدوم البطارية؟",
-          content: "تدوم لأكثر من 6000 دورة شحن، مما يعني أكثر من 10 سنوات من الاستخدام المستمر.",
-        },
-        {
-          id: "f3",
-          title: "هل تحتاج صيانة؟",
-          content: "أنظمتنا ذكية ومصممة لتكون صامتة ولا تحتاج لصيانة دورية معقدة.",
-        },
-      ]}
-      sideTitle="أسئلة شائعة"
-      sideDescription="إجابات على أهم تساؤلات عملائنا حول تقنيات التخزين."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
+      tag="اتصل بنا"
-      }}
+      title="تواصل معنا للحصول على عرض سعر فوري"
-      tag="تواصل معنا"
+      description="سواء كنت تتصل أو تراسلنا عبر الواتساب على 781499932، نحن هنا لتقديم أفضل عرض سعر لبطاريات الطاقة الحديثة."
-      title="ابدأ رحلتك نحو استقلال الطاقة"
+      inputPlaceholder="بريدك الإلكتروني"
-      description="فريقنا مستعد للإجابة على استفساراتك وتقديم الحلول المناسبة لاحتياجاتك."
+      buttonText="إرسال"
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/circuit-code-blue-screen-icon_53876-167105.jpg"
     />
   </div>
 
@@ -360,58 +121,21 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="بن عبدالقوي"
       columns={[
-        {
+        { title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "المنتجات", href: "#products" }] },
-          title: "روابط سريعة",
+        { title: "قانوني", items: [{ label: "سياسة الخصوصية", href: "#" }] },
-          items: [
-            {
-              label: "الرئيسية",
-              href: "#hero",
-            },
-            {
-              label: "المنتجات",
-              href: "#products",
-            },
-            {
-              label: "اتصل بنا",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "خدماتنا",
-          items: [
-            {
-              label: "حلول سكنية",
-              href: "#solutions",
-            },
-            {
-              label: "حلول تجارية",
-              href: "#solutions",
-            },
-            {
-              label: "تصميم وتركيب",
-              href: "#solutions",
-            },
-          ],
-        },
-        {
-          title: "قانوني",
-          items: [
-            {
-              label: "سياسة الخصوصية",
-              href: "#",
-            },
-            {
-              label: "شروط الخدمة",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      copyrightText="© 2024 جميع الحقوق محفوظة لشركة بن عبدالقوي للطاقة الحديثة."
+      copyrightText="© 2025 بن عبدالقوي للطاقة الحديثة."
     />
   </div>
+
+  {/* AI Chatbot & WhatsApp Floating Button */}
+  <div style={{ position: 'fixed', bottom: '20px', right: '20px', zIndex: 1000, display: 'flex', flexDirection: 'column', gap: '10px' }}>
+    <a href="https://wa.me/966781499932" target="_blank" style={{ background: '#25D366', padding: '15px', borderRadius: '50%', color: 'white' }}>
+      <MessageSquare />
+    </a>
+  </div>
+
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}