Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import { Calendar, Compass, MapPin, Smartphone, Sun } from "lucide-react";
+import { Calendar, Compass, MapPin, Smartphone, Sun, FileText, CheckCircle, ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,22 +31,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Explore",
-          id: "features",
-        },
-        {
-          name: "Plans",
-          id: "pricing",
-        },
-        {
-          name: "Support",
-          id: "faq",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Explore", id: "features" },
+        { name: "Activities", id: "activities" },
+        { name: "Plans", id: "pricing" },
+        { name: "Support", id: "faq" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="La Tehtaar"
     />
@@ -54,38 +44,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Don't Hesitate, Plan Your Jordan Adventure"
-      description="La Tehtaar generates the perfect outing plan based on your budget, group, and seasonal preferences."
-      buttons={[
-        {
-          text: "Plan My Trip",
-          href: "#",
-        },
-      ]}
+      description="La Tehtaar is your ultimate AI-powered partner for crafting the perfect outing in Jordan. We turn complex planning into simple, enjoyable experiences."
+      buttons={[{ text: "Plan My Trip", href: "#features" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-monument-valley-oljato-monument-usa_181624-28528.jpg?_wi=1",
-          imageAlt: "Jordan desert landscape",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/adventure-seeker-stands-mountain-peak-isolated-chroma-key_482257-119657.jpg",
-          imageAlt: "Petra archeological site",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/majestic-sandstone-mountain-range-tranquil-sunset-sky-generative-ai_188544-46225.jpg",
-          imageAlt: "Dead Sea relaxation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033625.jpg",
-          imageAlt: "Amman city vibes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-range-illuminated-by-sunrise-generated-by-ai_188544-11140.jpg",
-          imageAlt: "Ajloun mountain hiking",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-monument-valley-oljato-monument-usa_181624-28528.jpg?_wi=1", imageAlt: "Jordan desert" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/adventure-seeker-stands-mountain-peak-isolated-chroma-key_482257-119657.jpg", imageAlt: "Hiking in Jordan" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/majestic-sandstone-mountain-range-tranquil-sunset-sky-generative-ai_188544-46225.jpg", imageAlt: "Jordan sunset" }
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -96,257 +62,85 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
+      title="La Tehtaar: Detailed Action Plan"
+      description="Our structured approach ensures you get the most out of your Jordan trip with zero stress."
       features={[
-        {
-          icon: Sun,
-          title: "Seasonal Planning",
-          description: "Activities sorted by summer, winter, spring, and autumn weather.",
-        },
-        {
-          icon: MapPin,
-          title: "Location Services",
-          description: "Real-time navigation to restaurants, cafes, and hidden gems.",
-        },
-        {
-          icon: Smartphone,
-          title: "AI Recommendations",
-          description: "Personalized 'Today's Trip' suggestions based on your past favorites.",
-        },
-        {
-          icon: Compass,
-          title: "Local Expertise",
-          description: "Curated paths through Jordan's historic and natural wonders.",
-        },
-        {
-          icon: Calendar,
-          title: "Smart Scheduling",
-          description: "Optimize your day with efficient timing and transport planning.",
-        },
+        { icon: Sun, title: "Step 1: Preference Discovery", description: "Select your interests, budget, and group size to help our AI build your profile." },
+        { icon: MapPin, title: "Step 2: Smart Routing", description: "Our engine calculates the most efficient paths between your chosen activities." },
+        { icon: Smartphone, title: "Step 3: Real-Time Updates", description: "Receive live weather, traffic, and local event alerts directly on your device." },
+        { icon: Calendar, title: "Step 4: Seamless Scheduling", description: "Manage your day with a clear, optimized itinerary that leaves room for spontaneous discovery." },
+        { icon: CheckCircle, title: "Step 5: Effortless Enjoyment", description: "Go on your adventure knowing every detail is handled by La Tehtaar." }
       ]}
-      title="Smart Travel Planning"
-      description="Discover custom-tailored itineraries in Jordan powered by our AI planning engine."
     />
   </div>
 
   <div id="activities" data-section="activities">
       <ProductCardTwo
       animationType="slide-up"
-      textboxLayout="default"
       gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          brand: "Nature",
-          name: "Hiking in Ajloun",
-          price: "15 JOD",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033592.jpg",
-        },
-        {
-          id: "2",
-          brand: "Dining",
-          name: "Traditional Amman Cafe",
-          price: "10 JOD",
-          rating: 4,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033588.jpg",
-        },
-        {
-          id: "3",
-          brand: "History",
-          name: "Jerash Ruins",
-          price: "5 JOD",
-          rating: 5,
-          reviewCount: "200",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-rock-formations-landscape_23-2151723097.jpg",
-        },
-        {
-          id: "4",
-          brand: "Adventure",
-          name: "Wadi Rum Glamping",
-          price: "80 JOD",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762844.jpg",
-        },
-        {
-          id: "5",
-          brand: "Leisure",
-          name: "Dead Sea Beach Resort",
-          price: "45 JOD",
-          rating: 4,
-          reviewCount: "300",
-          imageSrc: "http://img.b2bpic.net/free-photo/nature-majestic-beauty-display-as-sun-sets-generative-ai_188544-12767.jpg",
-        },
-      ]}
+      textboxLayout="default"
+      useInvertedBackground={false}
       title="Top Activity Spots"
       description="Explore the most trending destinations across Jordan."
+      products={[
+        { id: "1", brand: "Nature", name: "Hiking in Ajloun", price: "15 JOD", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033592.jpg" },
+        { id: "2", brand: "Dining", name: "Traditional Amman Cafe", price: "10 JOD", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033588.jpg" },
+        { id: "3", brand: "History", name: "Jerash Ruins", price: "5 JOD", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/natural-rock-formations-landscape_23-2151723097.jpg" }
+      ]}
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardNine
+      <PricingCardThree
       animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
+      textboxLayout="split"
+      useInvertedBackground={true}
+      title="Plan Your Growth"
+      description="Flexible options for users and business partners in the Jordanian tourism sector."
       plans={[
-        {
-          id: "basic",
-          title: "Basic",
-          price: "Free",
-          period: "/mo",
-          features: [
-            "Profile creation",
-            "Standard ratings",
-            "Basic support",
-          ],
-          button: {
-            text: "Get Started",
-          },
-          imageSrc: "http://img.b2bpic.net/free-vector/weather-report-template-post-its_23-2147552821.jpg",
-          imageAlt: "minimalist weather icon",
-        },
-        {
-          id: "pro",
-          title: "Premium",
-          price: "29 JOD",
-          period: "/mo",
-          features: [
-            "Analytics tools",
-            "Priority listing",
-            "Offer promotion",
-          ],
-          button: {
-            text: "Subscribe Now",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-monument-valley-oljato-monument-usa_181624-28528.jpg?_wi=2",
-          imageAlt: "minimalist weather icon",
-        },
-        {
-          id: "vip",
-          title: "VIP",
-          price: "99 JOD",
-          period: "/mo",
-          features: [
-            "Sponsored ads",
-            "Direct booking",
-            "Full analytics",
-          ],
-          button: {
-            text: "Contact Sales",
-          },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qbelgb",
-          imageAlt: "minimalist weather icon",
-        },
-        {
-          id: "enterprise",
-          title: "Agency",
-          price: "199 JOD",
-          period: "/mo",
-          features: [
-            "Multi-location support",
-            "API access",
-            "White label branding",
-          ],
-          button: {
-            text: "Call Us",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/view-travel-adventure-essentials_23-2151383044.jpg",
-          imageAlt: "minimalist weather icon",
-        },
-        {
-          id: "partners",
-          title: "Partner",
-          price: "Custom",
-          period: "",
-          features: [
-            "Direct partnership",
-            "Revenue share",
-            "Dedicated support",
-          ],
-          button: {
-            text: "Inquire",
-          },
-          imageSrc: "http://img.b2bpic.net/free-vector/simple-travel-logo-template_742173-17619.jpg",
-          imageAlt: "minimalist weather icon",
-        },
+        { id: "free", name: "Explorer", price: "Free", features: ["Custom itinerary", "Basic search", "Seasonal filters"], buttons: [{ text: "Get Started" }] },
+        { id: "pro", name: "Premium", price: "29 JOD", features: ["Priority support", "Advanced analytics", "Custom route optimization"], buttons: [{ text: "Upgrade" }] }
       ]}
-      title="Business Growth Plans"
-      description="Join our community of providers to boost your visibility and bookings."
     />
   </div>
 
   <div id="social" data-section="social">
       <SocialProofOne
+      names={["Jordan Tourism", "Amman Eats", "Wadi Rum Adventures", "Petra Heritage"]}
+      title="Trusted by Industry Leaders"
+      description="We collaborate with Jordan's most prominent travel and tourism entities."
+      useInvertedBackground={false}
       textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Jordan Tourism Board",
-        "Amman Eats",
-        "Wadi Rum Adventures",
-        "Petra Heritage Fund",
-        "Ajloun Eco-Resort",
-        "Dead Sea Resorts",
-        "Salt Heritage Society",
-      ]}
-      title="Trusted Partners"
-      description="Collaborating with Jordan's leading tourism businesses and organizations."
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitMedia
+      faqsAnimation="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
+      title="Common Questions"
+      description="Get answers about how our AI planning technology works."
       faqs={[
-        {
-          id: "q1",
-          title: "How does AI planning work?",
-          content: "Our engine analyzes your preferences and provides a custom schedule.",
-        },
-        {
-          id: "q2",
-          title: "Can I split expenses?",
-          content: "Yes, our app features a built-in split expense calculator for group outings.",
-        },
-        {
-          id: "q3",
-          title: "How to register as a business?",
-          content: "Head to the register screen and select Business Account to get started.",
-        },
-        {
-          id: "q4",
-          title: "Is the app free?",
-          content: "Basic features are free, with premium analytics available for partners.",
-        },
-        {
-          id: "q5",
-          title: "Supported regions?",
-          content: "We currently cover all major governorates in Jordan.",
-        },
+        { id: "q1", title: "How is the plan generated?", content: "Our AI uses proprietary algorithms combined with local Jordanian data." },
+        { id: "q2", title: "Can I modify the plan?", content: "Yes, you can edit your itinerary at any time before or during your trip." }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/keyboard-headphones-desktop_23-2147830011.jpg"
-      title="Common Questions"
-      description="Everything you need to know about La Tehtaar."
-      faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready to discover Jordan? Get in touch with us for partnerships or feedback."
-      buttons={[
-        {
-          text: "Send Feedback",
-          href: "#",
-        },
+      <ContactSplitForm
+      title="Start Your Mobile App Journey"
+      description="Send us your website link and we'll help you convert it into a mobile app."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+        { name: "link", type: "url", placeholder: "Your Website Link", required: true }
       ]}
+      textarea={{ name: "message", placeholder: "Tell us more about your project" }}
+      useInvertedBackground={false}
+      buttonText="Submit Project"
     />
   </div>
 
@@ -355,57 +149,8 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/thrilled-traveler-enjoying-panoramic-beauty-with-green-screen-device_482257-120692.jpg"
       logoText="La Tehtaar"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Safety",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-            {
-              label: "Cookies",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Plans", href: "#pricing" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
       ]}
     />
   </div>