src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { LayoutGrid, Users, CheckCircle } from 'lucide-react';
+import { LayoutGrid, Users, CheckCircle, Languages } from 'lucide-react';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
@@ -14,6 +14,12 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 
 export default function LandingPage() {
+  const toggleLanguage = () => {
+    const isRTL = document.documentElement.dir === 'rtl';
+    document.documentElement.dir = isRTL ? 'ltr' : 'rtl';
+    document.documentElement.lang = isRTL ? 'en' : 'ar';
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -35,6 +41,7 @@ export default function LandingPage() {
         { name: "Services", id: "services" },
         { name: "Testimonials", id: "testimonials" },
         { name: "Contact", id: "contact" },
+        { name: "🌐", id: "lang" },
       ]}
       brandName="GreenScapes"
     />
@@ -134,12 +141,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        { id: "f1", title: "Do you offer quotes?", content: "Yes, we provide free onsite consultations." },
-        { id: "f2", title: "Are you licensed?", content: "Yes, all our gardeners are fully certified." },
-        { id: "f3", title: "What areas do you serve?", content: "We cover the entire metro area." },
+        { id: "f1", title: "Do you offer quotes?", content: "Yes, we provide free onsite consultations. | نعم، نقدم استشارات مجانية في الموقع." },
+        { id: "f2", title: "Are you licensed?", content: "Yes, all our gardeners are fully certified. | نعم، جميع بستانيينا معتمدون بالكامل." },
+        { id: "f3", title: "What areas do you serve?", content: "We cover the entire metro area. | نحن نغطي منطقة المترو بأكملها." },
       ]}
-      title="Common Questions"
-      description="Get answers about our landscaping processes."
+      title="Common Questions | أسئلة شائعة"
+      description="Get answers about our landscaping processes. | احصل على إجابات حول عمليات تنسيق الحدائق الخاصة بنا."
       faqsAnimation="slide-up"
     />
   </div>
@@ -147,13 +154,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Get Started Today"
-      description="Contact us to schedule a lawn consultation."
+      title="Get Started Today | ابدأ اليوم"
+      description="Contact us to schedule a lawn consultation. | اتصل بنا لحجز استشارة للحديقة."
       inputs={[
-        { name: "name", type: "text", placeholder: "Your Name", required: true },
-        { name: "email", type: "email", placeholder: "Your Email", required: true },
+        { name: "name", type: "text", placeholder: "Your Name | اسمك", required: true },
+        { name: "email", type: "email", placeholder: "Your Email | بريدك الإلكتروني", required: true },
       ]}
-      textarea={{ name: "message", placeholder: "Tell us about your garden project", rows: 4, required: true }}
+      textarea={{ name: "message", placeholder: "Tell us about your garden project | أخبرنا عن مشروع حديقتك", rows: 4, required: true }}
       imageSrc="http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131210.jpg"
       imageAlt="professional tools landscaping"
     />
@@ -162,20 +169,25 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterMedia
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-rocky-mountain-river-surrounded-with-plants-trees-daylight_181624-19345.jpg"
-      logoText="GreenScapes"
+      logoText="GreenScapes | جرين سكيبس"
       columns={[
         {
-          title: "Company",          items: [
-            { label: "About Us", href: "#" },
-            { label: "Services", href: "#services" },
+          title: "Company | الشركة",          items: [
+            { label: "About Us | من نحن", href: "#" },
+            { label: "Services | خدماتنا", href: "#services" },
           ],
         },
         {
-          title: "Support",          items: [
-            { label: "FAQ", href: "#faq" },
-            { label: "Contact", href: "#contact" },
+          title: "Support | الدعم",          items: [
+            { label: "FAQ | أسئلة شائعة", href: "#faq" },
+            { label: "Contact | اتصل بنا", href: "#contact" },
           ],
         },
+        {
+          title: "Language | اللغة",          items: [
+            { label: "Switch Language | تغيير اللغة", href: "#", onClick: toggleLanguage },
+          ],
+        }
       ]}
       imageAlt="garden summer sunset"
     />
@@ -183,4 +195,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}