"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
        {
          name: "Areas",
          id: "/service-areas",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/eagle-logo-icon-heraldic-style_126523-770.jpg"
      logoAlt="Eagle Towing Company Logo"
      brandName="Eagle Towing"
      button={{
        text: "Call Now: (314) 123-4567",
        href: "tel:+13141234567",
      }}
    />
  </div>

  <div id="detailed-services" data-section="detailed-services">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "s-emergency-tow",
          label: "Emergency Towing",
          title: "Immediate Response for Critical Situations",
          items: [
            "24/7 dispatch for urgent breakdowns and accidents.",
            "Rapid deployment to your exact location in St. Louis.",
            "Safe and swift transport to your desired destination.",
          ],
        },
        {
          id: "s-local-tow",
          label: "Local Towing",
          title: "Efficient & Affordable City Towing",
          items: [
            "Reliable towing for short distances within St. Louis.",
            "Perfect for transport to a local mechanic or home.",
            "Damage-free towing by experienced local drivers.",
          ],
        },
        {
          id: "s-long-distance-tow",
          label: "Long Distance Towing",
          title: "Secure Transport Across States",
          items: [
            "Safe and secure long-haul vehicle transportation.",
            "Ideal for relocations, purchases, or specialized events.",
            "Enclosed options available for luxury and classic cars.",
          ],
        },
        {
          id: "s-roadside-assist",
          label: "Roadside Assistance",
          title: "Comprehensive On-the-Spot Support",
          items: [
            "Fast help for flat tires, dead batteries, lockouts, and more.",
            "Trained technicians for various minor mechanical issues.",
            "Get moving again without needing a full tow.",
          ],
        },
        {
          id: "s-jump-starts",
          label: "Jump Starts & Battery Service",
          title: "Power When You Need It Most",
          items: [
            "Quick jump-start service for dead car batteries.",
            "Mobile battery testing and replacement services.",
            "Avoid being stranded with our reliable battery solutions.",
          ],
        },
        {
          id: "s-lockouts",
          label: "Vehicle Lockouts",
          title: "Fast & Damage-Free Entry",
          items: [
            "Professional tools and techniques for safe vehicle entry.",
            "Access your keys locked inside your car without damage.",
            "Quick resolution to get you back in your vehicle.",
          ],
        },
        {
          id: "s-fuel-delivery",
          label: "Fuel Delivery",
          title: "Never Run Dry Again",
          items: [
            "Emergency fuel delivery to your stranded location.",
            "Gas or diesel delivered directly to your vehicle.",
            "A convenient solution when you run out of gas unexpectedly.",
          ],
        },
        {
          id: "s-tire-changes",
          label: "Tire Changes",
          title: "Quick Fix for Flat Tires",
          items: [
            "Professional tire changing service on the roadside.",
            "We'll use your spare or help arrange a tow for repair.",
            "Safe and efficient flat tire solutions to keep you moving.",
          ],
        },
        {
          id: "s-accident-recovery",
          label: "Accident Recovery",
          title: "Expert Handling for Accident Scenes",
          items: [
            "Specialized equipment for safe vehicle recovery post-collision.",
            "Coordination with emergency services as needed.",
            "Secure transport of damaged vehicles from accident sites.",
          ],
        },
        {
          id: "s-motorcycle-tow",
          label: "Motorcycle Towing",
          title: "Specialized Care for Your Bike",
          items: [
            "Dedicated flatbeds and equipment for motorcycle transport.",
            "Secure and damage-free towing for all types of motorcycles.",
            "Trust your bike to experts who understand its value.",
          ],
        },
        {
          id: "s-flatbed-tow",
          label: "Flatbed Towing",
          title: "The Safest Tow for Any Vehicle",
          items: [
            "Recommended for luxury, classic, AWD, and lowered vehicles.",
            "Eliminates wear and tear during transport.",
            "Ensures maximum safety and stability for your vehicle.",
          ],
        },
      ]}
      title="Our Full Range of Towing & Roadside Services"
      description="Eagle Towing provides comprehensive automotive assistance for any situation, day or night, across the St. Louis metropolitan area. Your safety and convenience are our priority."
    />
  </div>

  <div id="service-pricing" data-section="service-pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "price-local",
          title: "Standard Local Tow",
          price: "$75+",
          period: "starting rate",
          features: [
            "Up to 5 miles",
            "Standard vehicle type",
            "24/7 availability",
            "Professional driver",
          ],
          button: {
            text: "Get Local Tow Quote",
            href: "/contact#quote",
          },
          imageSrc: "http://img.b2bpic.net/free-vector/gradient-star-with-check-mark_78370-4437.jpg",
          imageAlt: "google reviews logo badge",
        },
        {
          id: "price-roadside",
          title: "Roadside Assistance Call",
          price: "$65+",
          period: "starting rate",
          features: [
            "Jump Start",
            "Fuel Delivery",
            "Tire Change",
            "Vehicle Lockout",
          ],
          button: {
            text: "Request Roadside Help",
            href: "/contact#quote",
          },
          imageSrc: "http://img.b2bpic.net/free-vector/eagle-logo-icon-heraldic-style_126523-770.jpg",
          imageAlt: "google reviews logo badge",
        },
        {
          id: "price-accident",
          title: "Accident Recovery",
          price: "Custom Quote",
          period: "per incident",
          features: [
            "Complex vehicle extraction",
            "Safe site clearing",
            "Damage-free transport",
            "Insurance coordination",
          ],
          button: {
            text: "Call for Accident Help",
            href: "tel:+13141234567",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001284.jpg?_wi=2",
          imageAlt: "google reviews logo badge",
        },
      ]}
      title="Transparent Pricing for Our St. Louis Services"
      description="At Eagle Towing, we believe in honest and upfront pricing. While every situation is unique, here are typical rates for our most common services. Call for an exact quote!"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/eagle-logo-icon-heraldic-style_126523-770.jpg"
      logoAlt="Eagle Towing Logo"
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Services",
              href: "/services",
            },
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Reviews",
              href: "/reviews",
            },
          ],
        },
        {
          items: [
            {
              label: "Service Areas",
              href: "/service-areas",
            },
            {
              label: "Contact Us",
              href: "/contact",
            },
            {
              label: "Get a Quote",
              href: "/contact#quote",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "Call 24/7",
              href: "tel:+13141234567",
            },
            {
              label: "Email: info@eagletowingstl.com",
              href: "mailto:info@eagletowingstl.com",
            },
            {
              label: "St. Louis, MO",
              href: "/service-areas#st-louis",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/eagletowing",
            },
          ],
        },
      ]}
      logoText="Eagle Towing - St. Louis's most trusted 24/7 roadside partner."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
