"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Calendar, Compass, MapPin, Smartphone, Sun } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Explore",
          id: "features",
        },
        {
          name: "Plans",
          id: "pricing",
        },
        {
          name: "Support",
          id: "faq",
        },
      ]}
      brandName="La Tehtaar"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      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: "#",
        },
      ]}
      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",
        },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      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.",
        },
      ]}
      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",
        },
      ]}
      title="Top Activity Spots"
      description="Explore the most trending destinations across Jordan."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      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",
        },
      ]}
      title="Business Growth Plans"
      description="Join our community of providers to boost your visibility and bookings."
    />
  </div>

  <div id="social" data-section="social">
      <SocialProofOne
      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
      textboxLayout="split"
      useInvertedBackground={false}
      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.",
        },
      ]}
      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: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      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: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
