"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="large"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Equipment", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" },
            { name: "Support", id: "about" }
          ]}
          brandName="Sunbelt Rentals"
          bottomLeftText="Lemon Grove, CA"
          bottomRightText="619-460-7300"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="SUNBELT RENTALS"
          description="Find the right equipment for your project. From skid steers to generators, scissor lifts and more. All equipment and power tool rentals backed by 24/7 customer support including delivery and pickup."
          buttons={[
            { text: "Start Renting", href: "#pricing" },
            { text: "Browse Equipment", href: "#features" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/beard-worker-man-suit-construction-worker-safety-orange-helmet-sunglasses-against-tractor-with-mobile-phone-hand_627829-11387.jpg"
          imageAlt="Professional construction equipment at Sunbelt Rentals Lemon Grove location"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Whether you need earthmoving equipment for your jobsite or a small tool rental for DIY projects, we have thousands of general tool and equipment types to meet any job need."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Get Support", href: "#contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Equipment & Tools Built for Your Project"
          description="Explore our comprehensive range of equipment available at our Lemon Grove location, including everything from heavy machinery to precision tools."
          tag="Available Equipment"
          imageSrc="https://img.b2bpic.net/free-photo/implements-carpenter-wooden-table_23-2148180593.jpg"
          imageAlt="Variety of professional power tools available for rent"
          accordionItems={[
            {
              id: "1",              title: "Aerial Work Platforms & Scaffolding",              content: "Scissor lifts, boom lifts, and professional scaffolding systems for safe elevated work access. All equipment includes safety certifications and operator support."
            },
            {
              id: "2",              title: "Earthmoving & Heavy Equipment",              content: "Skid steers, excavators, and compact equipment for construction and landscaping projects. Equipment maintenance and fuel options available."
            },
            {
              id: "3",              title: "Power Tools & Generators",              content: "Complete selection of power tools and generators for all project sizes. Backup power solutions with flexible rental periods and 24/7 support."
            },
            {
              id: "4",              title: "Delivery & Pickup Services",              content: "Fast, reliable equipment delivery and pickup service available 24/7. Same-day delivery options for qualified projects in the Lemon Grove area."
            }
          ]}
          buttons={[
            { text: "View Equipment Details", href: "#" }
          ]}
          useInvertedBackground="invertDefault"
          mediaPosition="left"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Flexible Rental Plans"
          description="Choose the perfect rental period for your project. Flexible terms with competitive rates and inclusive support."
          tag="Rental Options"
          plans={[
            {
              id: "daily",              price: "Daily",              name: "Daily Rental",              buttons: [
                { text: "Rent Now", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Perfect for short-term projects",                "24-hour rental period",                "Pickup or delivery available",                "Equipment maintenance included",                "24/7 customer support"
              ]
            },
            {
              id: "weekly",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "Weekly",              name: "Weekly Rental",              buttons: [
                { text: "Rent Now", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Ideal for medium-term projects",                "7-day rental period",                "Free delivery in Lemon Grove",                "Equipment inspection included",                "24/7 technical support"
              ]
            },
            {
              id: "monthly",              price: "Monthly",              name: "Monthly Rental",              buttons: [
                { text: "Rent Now", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Best value for ongoing projects",                "30-day rental period",                "Free delivery and pickup",                "Regular maintenance service",                "Priority support line"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Why Choose Sunbelt Rentals"
          description="Industry-leading equipment rental services with proven reliability and customer satisfaction."
          tag="Our Strength"
          metrics={[
            {
              id: "1",              value: "24/7",              title: "Customer Support",              description: "Round-the-clock assistance for all your rental needs",              imageSrc: "https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288192.jpg",              imageAlt: "Professional customer support team"
            },
            {
              id: "2",              value: "500+",              title: "Equipment Types",              description: "Thousands of tools available for immediate rental",              imageSrc: "https://img.b2bpic.net/free-photo/implements-carpenter-wooden-table_23-2148180593.jpg",              imageAlt: "Comprehensive equipment inventory"
            },
            {
              id: "3",              value: "Fast",              title: "Delivery Service",              description: "Same-day equipment delivery available in Lemon Grove",              imageSrc: "https://img.b2bpic.net/free-photo/civil-engineers-work-large-road-machinery-conditions_1150-24326.jpg",              imageAlt: "Quick delivery truck service"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about equipment rental? Our team at Sunbelt Rentals Lemon Grove is ready to help. Call us at 619-460-7300 or fill out the form below for immediate assistance."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "equipment", type: "text", placeholder: "Equipment Needed", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your project and rental needs",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/scenic-view-glasswalled-building-with-bright-sunlight-passing-through-sunset_181624-57603.jpg"
          imageAlt="Sunbelt Rentals Lemon Grove location"
          mediaPosition="right"
          buttonText="Request Rental"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Sunbelt Rentals"
          columns={[
            {
              title: "Equipment",              items: [
                { label: "Aerial Work Platforms", href: "#" },
                { label: "Earthmoving Equipment", href: "#" },
                { label: "Power Tools", href: "#" },
                { label: "Generators", href: "#" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Equipment Delivery", href: "#" },
                { label: "24/7 Support", href: "#" },
                { label: "Equipment Maintenance", href: "#" },
                { label: "Project Planning", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Contact", href: "#contact" },
                { label: "Sustainability", href: "#" },
                { label: "Blog", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Sunbelt Rentals | Lemon Grove, CA 91945 | 619-460-7300"
        />
      </div>
    </ThemeProvider>
  );
}