Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -3,12 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import { Award, TrendingUp, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -29,50 +31,52 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        { name: "الرئيسية", id: "home" },
+        { name: "Home", id: "home" },
-        { name: "عن الشركة", id: "about" },
+        { name: "About", id: "about" },
-        { name: "خدماتنا", id: "services" },
+        { name: "Testimonials", id: "testimonials" },
-        { name: "اتصل بنا", id: "contact" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
-      brandName="BusinessPro العربية"
+      brandName="BusinessPro Saudi Arabia"
-      button={{ text: "تواصل", href: "#contact" }}
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroOverlay
-      title="تمكين رؤية أعمالك في المملكة"
+      title="Elevating Your Business Vision"
-      description="نقدم استراتيجيات مبتكرة وحلول عالية الجودة لمساعدة أعمالك على النمو بكفاءة في السوق السعودي والعالمي."
+      description="We provide innovative strategies and high-quality solutions to help your business scale efficiently in the Saudi Arabian market."
-      buttons={[{ text: "ابدأ الآن", href: "#contact" }]}
+      buttons={[{ text: "Get Started", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/angry-female-ceo-yelling-her-executive-assistants-due-business-failure_482257-120044.jpg"
+      showBlur={true}
     />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric
-      title="نمو مدفوع بالأداء"
+      useInvertedBackground={false}
+      title="Impact Driven Growth in KSA"
       metrics={[
-        { icon: Users, label: "عملاؤنا", value: "500+" },
+        { icon: Users, label: "Clients Served", value: "500+" },
-        { icon: TrendingUp, label: "معدل النمو", value: "150%" },
+        { icon: TrendingUp, label: "Growth Rate", value: "150%" },
-        { icon: Award, label: "الجوائز", value: "25+" },
+        { icon: Award, label: "Awards Won", value: "25+" },
       ]}
       metricsAnimation="slide-up"
-      useInvertedBackground={false}
     />
   </div>
 
   <div id="services" data-section="services">
       <FeatureCardTwentyOne
-      title="خدمات الأعمال الشاملة"
-      description="نقدم خدمات استراتيجية متكاملة لدعم نمو وتحسين أعمالكم."
-      accordionItems={[
-        { id: "f1", title: "الاستشارات الاستراتيجية", content: "خرائط طريق مخصصة لنمو مستدام." },
-        { id: "f2", title: "التحول الرقمي", content: "تحديث الأنظمة باستخدام أحدث التقنيات." },
-        { id: "f3", title: "تطوير العلامة التجارية", content: "بناء هويات تجارية قوية ومؤثرة." },
-      ]}
-      videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
-      mediaAnimation="slide-up"
       useInvertedBackground={false}
+      title="Comprehensive Business Services"
+      description="Tailored solutions for modern business growth and operations in Saudi Arabia."
+      accordionItems={[
+        { id: "f1", title: "Strategic Consulting", content: "Roadmaps aligned with Vision 2030 objectives." },
+        { id: "f2", title: "Digital Transformation", content: "Modernizing legacy systems with localized tech solutions." },
+        { id: "f3", title: "Brand Development", content: "Creating identities that resonate with the Saudi market." },
+      ]}
+      mediaAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/multiethnic-leaders-business-meeting-brainstorming-growth-strategy_482257-124049.jpg"
     />
   </div>
 
@@ -81,35 +85,64 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
-      products={[
-        { id: "p1", name: "مجموعة البداية", price: "١٩٩$", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-office-desk-arrangement_23-2148707946.jpg" },
-        { id: "p2", name: "تحليلات برو", price: "٤٩٩$", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-carpenter-showing-digital-tablet-his-hand_23-2147945078.jpg" },
-      ]}
-      title="أدوات استراتيجية"
-      description="موارد متميزة لدفع مسيرة عملك."
       useInvertedBackground={false}
+      products={[
+        { id: "p1", name: "KSA Starter Toolkit", price: "SAR 750", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-office-desk-arrangement_23-2148707946.jpg" },
+        { id: "p2", name: "Analytics Pro", price: "SAR 1900", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-carpenter-showing-digital-tablet-his-hand_23-2147945078.jpg" },
+        { id: "p3", name: "SaaS Enterprise", price: "SAR 3400", imageSrc: "http://img.b2bpic.net/free-photo/staistics-business-strategy-planning-research-digital-tablet-concept_53876-26413.jpg" },
+      ]}
+      title="Strategic Toolkits"
+      description="Premium resources and tools optimized for the local market."
+    />
+  </div>
+
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialCardThirteen
+      title="Customer Success Stories"
+      description="What our partners across the Kingdom say about working with us."
+      showRating={true}
+      useInvertedBackground={false}
+      animationType="slide-up"
+      textboxLayout="default"
+      testimonials={[
+        { id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "Exceptional service that helped us grow significantly in the Saudi market.", rating: 5 },
+        { id: "t2", name: "John Davis", handle: "@jdavis", testimonial: "Strategic guidance provided was truly transformative for our regional operations.", rating: 5 },
+        { id: "t3", name: "Amira Khalid", handle: "@akhalid", testimonial: "Professionalism and efficiency at every step. Excellent local insights.", rating: 5 },
+      ]}
+    />
+  </div>
+
+  <div id="faq" data-section="faq">
+      <FaqBase
+      title="Payment Plans"
+      description="Everything you need to know about our local payment options."
+      faqsAnimation="slide-up"
+      useInvertedBackground={false}
+      textboxLayout="split"
+      faqs={[
+        { id: "q1", title: "Do you support local payment methods?", content: "Yes, we support Mada, STC Pay, and all major regional banking transfers." },
+        { id: "q2", title: "Is VAT applicable?", content: "Yes, all prices mentioned are subject to 15% VAT as per KSA regulations." },
+        { id: "q3", title: "Can I pay in SAR?", content: "Absolutely, our services are priced and invoiced in SAR for local businesses." },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactText
-      tag="تواصل معنا"
+      text="Our Riyadh and Jeddah offices are ready to assist you. Contact us for local inquiries."
-      title="هل أنت مستعد لتطوير عملك؟"
-      description="نحن هنا لدعم نمو أعمالك في المملكة العربية السعودية. تواصل معنا اليوم."
-      buttonText="إرسال"
-      background={{ variant: "animated-grid" }}
       useInvertedBackground={false}
+      background={{ variant: "plain" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
-      logoText="BusinessPro"
+      logoText="BusinessPro KSA"
+      copyrightText="© 2025 BusinessPro Saudi Arabia. All rights reserved."
       columns={[
-        { title: "عن الشركة", items: [{ label: "من نحن", href: "#" }] },
+        { title: "Operations", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
-        { title: "خدماتنا", items: [{ label: "الاستشارات", href: "#" }] }
+        { title: "Compliance", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
-      copyrightText="© 2025 جميع الحقوق محفوظة لشركة BusinessPro"
     />
   </div>
       </ReactLenis>