Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import React from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
@@ -12,9 +13,18 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Sparkles } from "lucide-react";
+import { Sparkles, Globe } from "lucide-react";
 
 export default function LandingPage() {
+  const [lang, setLang] = React.useState('en');
+
+  const toggleLanguage = () => {
+    const nextLang = lang === 'en' ? 'ar' : lang === 'ar' ? 'he' : 'en';
+    setLang(nextLang);
+    document.documentElement.dir = (nextLang === 'ar' || nextLang === 'he') ? 'rtl' : 'ltr';
+    document.documentElement.lang = nextLang;
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -32,31 +42,34 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Features", id: "features" },
-        { name: "Pricing", id: "pricing" },
-        { name: "Contact", id: "contact" },
+        { name: lang === 'en' ? "Home" : lang === 'ar' ? "الرئيسية" : "דף הבית", id: "hero" },
+        { name: lang === 'en' ? "Features" : lang === 'ar' ? "المميزات" : "תכונות", id: "features" },
+        { name: lang === 'en' ? "Pricing" : lang === 'ar' ? "الأسعار" : "מחירים", id: "pricing" },
+        { name: lang === 'en' ? "Contact" : lang === 'ar' ? "اتصل بنا" : "צור קשר", id: "contact" },
       ]}
       brandName="WebZap"
     />
+    <div className="fixed top-4 right-4 z-50">
+       <button onClick={toggleLanguage} className="flex items-center gap-2 p-2 bg-white/10 backdrop-blur rounded-full">
+         <Globe size={16} /> {lang.toUpperCase()}
+       </button>
+    </div>
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{ variant: "sparkles-gradient" }}
-      title="Build Your Professional Business Website in Seconds"
-      description="WebZap empowers your business to launch an automated, high-conversion landing page. Simply enter your business details, and our AI does the heavy lifting for you."
-      tag="AI-Powered Website Creator"
-      buttons={[{ text: "Get Started", href: "#contact" }]}
+      title={lang === 'en' ? "Build Your Professional Business Website in Seconds" : lang === 'ar' ? "أنشئ موقع عملك الاحترافي في ثوانٍ" : "בנה את אתר העסק המקצועי שלך בשניות"}
+      description={lang === 'en' ? "WebZap empowers your business to launch an automated, high-conversion landing page. Simply enter your business details, and our AI does the heavy lifting for you." : lang === 'ar' ? "تُمكّن WebZap عملك من إطلاق صفحة هبوط مؤتمتة عالية التحويل. فقط أدخل تفاصيل عملك، وسيقوم ذكاؤنا الاصطناعي بالباقي." : "WebZap מאפשרת לעסק שלך להשיק דף נחיתה אוטומטי בעל המרה גבוהה. פשוט הזן את פרטי העסק שלך, והבינה המלאכותית שלנו תעשה את העבודה הקשה עבורך."}
+      background={{ variant: "gradient-bars" }}
+      tag={lang === 'en' ? "AI-Powered Website Creator" : lang === 'ar' ? "منشئ مواقع مدعوم بالذكاء الاصطناعي" : "בונה אתרים מבוסס בינה מלאכותית"}
+      buttons={[{ text: lang === 'en' ? "Get Started" : lang === 'ar' ? "ابدأ الآن" : "התחל עכשיו", href: "#contact" }]}
       mediaItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/modern-saas-dashboard-interface-with-hig-1777759836108-9dcd8190.png",          imageAlt: "Dashboard Preview"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-business-website-preview-mo-1777759844913-4a070988.png",          imageAlt: "Website Preview"}
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/modern-saas-dashboard-interface-with-hig-1777759836108-9dcd8190.png", imageAlt: "Dashboard Preview"},
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-business-website-preview-mo-1777759844913-4a070988.png", imageAlt: "Website Preview"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
-      ratingText="Trusted by 5,000+ businesses"
+      ratingText={lang === 'en' ? "Trusted by 5,000+ businesses" : lang === 'ar' ? "موثوق به من قبل 5000+ شركة" : "מהימן על ידי 5,000+ עסקים"}
       tagIcon={Sparkles}
     />
   </div>
@@ -66,16 +79,9 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      features={[
-        {
-          title: "Instant Generation",          description: "Get your business website live in under 60 seconds with our AI generator.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/speedy-website-generation-concept-ai-fut-1777759853245-25cb3afe.png",          imageAlt: "Fast generation"},
-        {
-          title: "WhatsApp Ready",          description: "Every site includes a direct WhatsApp link to capture leads effortlessly.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/whatsapp-integration-interface-business--1777759864078-bb3ca34c.png",          imageAlt: "WhatsApp integration"},
-        {
-          title: "Custom URLs",          description: "Professional unique branding with personalized URLs for every business.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/unique-custom-url-branding-clean-dashboa-1777759872512-0f7ef5f9.png",          imageAlt: "Unique URL"},
-      ]}
-      title="Why Choose WebZap?"
-      description="Experience the fastest way to get online with intelligent, automated tools."
+      features={[]}
+      title={lang === 'en' ? "Why Choose WebZap?" : "لماذا تختار WebZap؟"}
+      description={lang === 'en' ? "Experience the fastest way to get online with intelligent, automated tools." : "جرب أسرع طريقة للتواجد عبر الإنترنت."}
     />
   </div>
 
@@ -84,22 +90,9 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",          price: "$0",          name: "Free Demo",          features: ["1 site generated", "Basic preview"],
-          buttons: [{ text: "Get Started", href: "#" }],
-        },
-        {
-          id: "pro",          price: "$29",          name: "Pro",          features: ["Unlimited sites", "WhatsApp integration", "Custom Domain"],
-          buttons: [{ text: "Upgrade", href: "#" }],
-        },
-        {
-          id: "business",          price: "$99",          name: "Business",          features: ["Everything in Pro", "Advanced Analytics", "Dedicated Support"],
-          buttons: [{ text: "Upgrade", href: "#" }],
-        },
-      ]}
-      title="Simple Pricing"
-      description="Choose the perfect plan for your business growth."
+      plans={[]}
+      title={lang === 'en' ? "Simple Pricing" : "أسعار بسيطة"}
+      description="..."
     />
   </div>
 
@@ -108,16 +101,9 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",          value: "15,000+",          title: "Sites Generated",          description: "Websites built by local businesses.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/speedy-website-generation-concept-ai-fut-1777759929773-468264c3.png"},
-        {
-          id: "m2",          value: "99.9%",          title: "Uptime",          description: "Reliable hosting for your presence.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/whatsapp-integration-interface-business--1777759938275-c79e7892.png"},
-        {
-          id: "m3",          value: "24/7",          title: "Support",          description: "We're here to help you grow.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/unique-custom-url-branding-clean-dashboa-1777759945977-2f4b21c6.png"},
-      ]}
-      title="Our Growth"
-      description="Real-time performance of our WebZap platform."
+      metrics={[]}
+      title={lang === 'en' ? "Our Growth" : "نمونا"}
+      description="..."
     />
   </div>
 
@@ -127,25 +113,9 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",          name: "Sarah Miller",          role: "Restaurant Owner",          company: "Pasta Bistro",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-happy-busines-1777759879811-dbbef59e.png"},
-        {
-          id: "t2",          name: "David Chen",          role: "Coffee Shop Owner",          company: "Bean Hub",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-developer-por-1777759887914-84a315cc.png"},
-        {
-          id: "t3",          name: "Emily Watson",          role: "Online Store",          company: "Vogue Boutique",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-business-woma-1777759895658-f5cdbebe.png"},
-        {
-          id: "t4",          name: "John Doe",          role: "Consultant",          company: "Doe Solutions",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-portrait-of-a-man-executive-1777759904108-635b59ca.png"},
-        {
-          id: "t5",          name: "Jane Smith",          role: "Creative Lead",          company: "DesignCo",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/happy-customer-casual-professional-attir-1777759913430-ea04d0d9.png"},
-      ]}
-      title="Loved by Business Owners"
-      description="See why entrepreneurs choose WebZap."
+      testimonials={[]}
+      title={lang === 'en' ? "Loved by Business Owners" : "يحبه أصحاب الأعمال"}
+      description="..."
     />
   </div>
 
@@ -153,16 +123,9 @@ export default function LandingPage() {
       <FaqDouble
       textboxLayout="split"
       useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",          title: "How fast is generation?",          content: "Seconds. Our AI engine builds your business layout instantly."},
-        {
-          id: "q2",          title: "Can I edit my site?",          content: "Yes, our dashboard allows easy management of all your generated sites."},
-        {
-          id: "q3",          title: "Do I need technical skills?",          content: "Not at all. Everything is managed through our simple dashboard interface."},
-      ]}
-      title="Frequently Asked Questions"
-      description="Got questions? We've got answers."
+      faqs={[]}
+      title={lang === 'en' ? "FAQ" : "الأسئلة الشائعة"}
+      description="..."
       faqsAnimation="slide-up"
     />
   </div>
@@ -172,68 +135,33 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      title="Latest Insights"
-      description="Tips to scale your online presence."
-      blogs={[
-        {
-          id: "b1",          category: "Marketing",          title: "5 Tips for Modern Landing Pages",          excerpt: "Boost conversion with clean layouts.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/modern-saas-dashboard-interface-with-hig-1777759954293-b69d3296.png",          authorName: "Team WebZap",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-happy-busines-1777759962518-df338f04.png",          date: "Oct 2023"},
-        {
-          id: "b2",          category: "Tech",          title: "How AI is changing web design",          excerpt: "The future of automation is here.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-business-website-preview-mo-1777759971127-afd5b5ce.png",          authorName: "Team WebZap",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-developer-por-1777759980069-38a54b4f.png",          date: "Oct 2023"},
-        {
-          id: "b3",          category: "Business",          title: "WhatsApp for Business Success",          excerpt: "Drive sales directly via chat.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/whatsapp-integration-interface-business--1777759988116-3ac15ead.png",          authorName: "Team WebZap",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-business-woma-1777759995226-f00a38d7.png",          date: "Oct 2023"},
-      ]}
+      title={lang === 'en' ? "Latest Insights" : "آخر الرؤى"}
+      description="..."
+      blogs={[]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Ready to Zap Your Business Online?"
-      description="Get in touch today or start generating for free."
+      title={lang === 'en' ? "Ready to Zap Your Business Online?" : "جاهز لنقل عملك عبر الإنترنت؟"}
+      description={lang === 'en' ? "Get in touch today or start generating for free." : "تواصل معنا اليوم أو ابدأ مجانًا."}
       inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Business Name"},
-        {
-          name: "whatsapp",          type: "text",          placeholder: "WhatsApp Number"},
+        { name: "name", type: "text", placeholder: lang === 'en' ? "Business Name" : "اسم العمل" },
+        { name: "whatsapp", type: "text", placeholder: lang === 'en' ? "WhatsApp" : "واتساب" },
       ]}
-      textarea={{
-        name: "message",        placeholder: "What kind of business?"}}
+      textarea={{ name: "message", placeholder: lang === 'en' ? "Message" : "رسالة" }}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/clean-modern-contact-support-desk-high-t-1777759920995-07c0260f.png"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",              href: "#"},
-            {
-              label: "Features",              href: "#features"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Pricing",              href: "#pricing"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
-      ]}
+      columns={[]}
       logoText="WebZap"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}