"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Shield, Wallet, Map, Zap } from "lucide-react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="medium"
        background="none"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Route", id: "hero" },
        { name: "Safety", id: "safety" },
        { name: "Features", id: "features" },
        { name: "FAQ", id: "faq" },
      ]}
      brandName="Ways Mobility ®"
      button={{ text: "Get Started", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Ways Mobility ®"
      description="Smarter, Safer, Cheaper Routes — Every Journey."
      buttons={[{ text: "Find Route", href: "#" }]}
      imageSrc="http://img.b2bpic.net/free-photo/hong-kong-traffic-view_1359-1097.jpg"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg", alt: "commuter 1" },
        { src: "http://img.b2bpic.net/free-photo/amazingly-looking-african-american-man-wear-blue-blazer-with-brooch-black-turtleneck-glasses-posed-street-fashionable-black-guy-sitting-table-with-mobile-phone_627829-13007.jpg", alt: "commuter 2" },
        { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2625.jpg", alt: "commuter 3" },
        { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2626.jpg", alt: "commuter 4" },
        { src: "http://img.b2bpic.net/free-photo/attractive-young-male-standing-against-shelves_273609-12277.jpg", alt: "commuter 5" },
      ]}
      avatarText="Trusted by 10,000+ commuters"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { title: "Safety Alerts", description: "Know your route safety risk with real-time alerts.", imageSrc: "http://img.b2bpic.net/free-vector/glowing-neon-medic-healthcare-shield-background-design_1017-61325.jpg", buttonIcon: Shield },
        { title: "Fare Estimates", description: "Accurate fare pricing in Naira (₦) for your routes.", imageSrc: "http://img.b2bpic.net/free-vector/collection-virtual-foreign-currency-symbol-background-with-empty-frame_1017-52490.jpg", buttonIcon: Wallet },
        { title: "Smart Routing", description: "Optimize your journey with smart, cost-effective routing.", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204915.jpg", buttonIcon: Map },
        { title: "Real-Time Updates", description: "Stay informed with live transit updates and alerts.", imageSrc: "http://img.b2bpic.net/free-vector/vintage-audio-recorder-neon-sign_1262-16220.jpg", buttonIcon: Zap },
      ]}
      title="Why Ways Mobility"
      description="We make commuting in Nigeria effortless, affordable, and safe."
    />
  </div>

  <div id="fare-estimator" data-section="fare-estimator">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        { id: "p1", name: "BRT Bus", price: "₦250–₦400", imageSrc: "http://img.b2bpic.net/free-vector/security-25-line-filled-icon-pack-including-home-security-code-secure-password_1142-21304.jpg" },
        { id: "p2", name: "Danfo", price: "₦150–₦300", imageSrc: "http://img.b2bpic.net/free-photo/laptop-half-closed-dark-with-colourful-glow-glasses-paper-cup_169016-33951.jpg" },
        { id: "p3", name: "Keke Napep", price: "₦100–₦200", imageSrc: "http://img.b2bpic.net/free-photo/transportation-vehicle-system-automobile-freight_53876-120304.jpg" },
        { id: "p4", name: "Taxi Share", price: "₦500–₦800", imageSrc: "http://img.b2bpic.net/free-vector/flat-time-logo-templates-collection_23-2148944205.jpg" },
        { id: "p5", name: "Ride Share", price: "₦1200–₦2000", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg" },
        { id: "p6", name: "Private Car", price: "₦3000–₦5000", imageSrc: "http://img.b2bpic.net/free-vector/cryptocurrency-icon-elements-set_53876-118251.jpg" },
      ]}
      title="Transport Options"
      description="Compare costs between different transit methods in Nigeria."
    />
  </div>

  <div id="safety" data-section="safety">
      <MetricCardEleven
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "m1",          value: "Low",          title: "Route Risk",          description: "This route is currently safe to traverse.",          imageSrc: "http://img.b2bpic.net/free-vector/coronavirus-protection-shield-background_23-2148689655.jpg"},
        {
          id: "m2",          value: "Medium",          title: "Peak Risk",          description: "Higher density areas, keep belongings close.",          imageSrc: "http://img.b2bpic.net/free-vector/global-foreign-money-exchange-tech-concept-background_1017-60298.jpg"},
        {
          id: "m3",          value: "High",          title: "After 9PM",          description: "Avoid this route after 9PM if possible.",          imageSrc: "http://img.b2bpic.net/free-photo/demographic-census-concept-representation_23-2149093905.jpg"},
      ]}
      title="Safety Status"
      description="Check the risk level of your current route before starting."
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        { id: "t1", name: "Tunde Adeyemi", role: "Commuter", testimonial: "Ways Mobility saved me so much time and money commuting to work.", imageSrc: "http://img.b2bpic.net/free-photo/gadget-male-people-office-talk-ethnicity_1303-2888.jpg" },
        { id: "t2", name: "Amara Okoro", role: "Student", testimonial: "I love the safety alerts, they give me peace of mind when travelling.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-dark-skinned-student-wearing-checkered-shirt-with-confident-joyful-expression-standing-chalkboard-wall_273609-5907.jpg" },
        { id: "t3", name: "Chidi Okafor", role: "Office Worker", testimonial: "Finally, a reliable way to check BRT fares before getting to the station.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg" },
        { id: "t4", name: "Femi Johnson", role: "Professional", testimonial: "The route planning is excellent, really accurate and helpful.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-pleased-security-agent-feels-proud-his-duty_482257-122297.jpg" },
        { id: "t5", name: "Sarah Musa", role: "Student", testimonial: "Fantastic app, very easy to use and very helpful for daily travel.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-with-notebook-park_23-2147664223.jpg" },
      ]}
      title="User Stories"
      description="See why commuters in Nigeria trust Ways Mobility."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Lagos Trans",        "Abuja Express",        "Kano Movers",        "Port Harcourt Logistics",        "Ibadan Transit",        "Enugu Routes",        "Benin Transport"]}
      title="Trusted By"
      description="Leading transport and logistics partners."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        { id: "f1", title: "How is fare calculated?", content: "We use historical and real-time average transport costs for specific routes." },
        { id: "f2", title: "Is it free to use?", content: "Yes, Ways Mobility is currently free for all commuters." },
        { id: "f3", title: "How do safety alerts work?", content: "We process incident data from community reports and local security news." },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{ variant: "animated-grid" }}
      tag="Contact Us"
      title="Need Help? Reach Out."
      description="We are here for you. Contact us for any issues or suggestions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Ways Mobility ®"
      leftLink={{ text: "09152145620", href: "tel:09152145620" }}
      rightLink={{ text: "isabowei@gmail.com", href: "mailto:isabowei@gmail.com" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
