"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { CheckCircle, Star, TrendingUp, Zap, Shield, Gauge } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="AutoExpert"
          navItems={[
            { name: "Vehicles", id: "vehicles" },
            { name: "Reviews", id: "reviews" },
            { name: "Comparisons", id: "comparisons" },
            { name: "Insights", id: "insights" }
          ]}
          button={{ text: "Start Exploring", href: "#hero" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Find Your Perfect Car Today"
          description="Compare thousands of vehicles, read expert reviews, and make confident buying decisions. Whether you're shopping new or used, we've got the specs and insights you need."
          background={{ variant: "radial-gradient" }}
          tag="Trusted by Enthusiasts"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            { text: "Start Exploring", href: "#vehicles" },
            { text: "Learn More", href: "#features" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/a-stunning-luxury-sedan-or-sports-car-ph-1774015686358-4d52fa73.png?_wi=1"
          imageAlt="Luxury vehicle showcase"
          mediaAnimation="slide-up"
          imagePosition="right"
          testimonials={[
            {
              name: "Sarah Mitchell",              handle: "@sarahmitchell",              testimonial: "Found the perfect sedan with detailed comparisons. Best research tool for car buyers!",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-a-satisfied-car-1774015685853-e15bf162.png?_wi=1",              imageAlt: "Sarah Mitchell"
            },
            {
              name: "James Chen",              handle: "@jameschen_auto",              testimonial: "Incredible specs database and expert reviews. Changed how I approach vehicle research.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-an-automotive-e-1774015686892-cd9fb643.png?_wi=1",              imageAlt: "James Chen"
            },
            {
              name: "Emma Rodriguez",              handle: "@emmarod_drives",              testimonial: "The comparison tools are phenomenal. Made my buying decision so much easier.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-a-vehicle-owner-1774015687025-d59ebfb7.png?_wi=1",              imageAlt: "Emma Rodriguez"
            },
            {
              name: "Michael Park",              handle: "@parkautoenthusiast",              testimonial: "Professional, comprehensive, and trustworthy. This is the car resource I wish existed years ago.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-a-satisfied-cus-1774015686119-d3461787.png?_wi=1",              imageAlt: "Michael Park"
            }
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-a-satisfied-car-1774015685853-e15bf162.png", alt: "Sarah Mitchell" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-an-automotive-e-1774015686892-cd9fb643.png", alt: "James Chen" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-a-vehicle-owner-1774015687025-d59ebfb7.png", alt: "Emma Rodriguez" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-a-satisfied-cus-1774015686119-d3461787.png", alt: "Michael Park" }
          ]}
          avatarText="Trusted by 50K+ car buyers"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="The Automotive Authority"
          metrics={[
            { icon: TrendingUp, label: "Vehicle Database", value: "50,000+" },
            { icon: CheckCircle, label: "Expert Reviews", value: "10,000+" },
            { icon: Star, label: "User Satisfaction", value: "4.9/5" },
            { icon: Gauge, label: "Specs Updated Daily", value: "Real-time" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Everything You Need to Know"
          description="Comprehensive vehicle information, expert analysis, and comparison tools designed to simplify your automotive research and buying journey."
          tag="Buyer Resources"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              id: "detailed-specs",              label: "Detailed Specifications",              title: "Complete Technical Details",              items: [
                "Engine performance and horsepower metrics",                "Fuel efficiency and emission standards",                "Transmission and drivetrain information",                "Dimension and weight specifications"
              ]
            },
            {
              id: "expert-reviews",              label: "Expert Reviews",              title: "In-Depth Analysis",              items: [
                "Professional automotive journalist reviews",                "Real-world performance assessments",                "Reliability and durability ratings",                "Value for money evaluations"
              ]
            },
            {
              id: "comparison-tools",              label: "Comparison Tools",              title: "Side-by-Side Analysis",              items: [
                "Compare up to 5 vehicles simultaneously",                "Feature-by-feature breakdown",                "Price and financing options",                "Historical pricing trends"
              ]
            },
            {
              id: "maintenance-guides",              label: "Ownership Insights",              title: "Long-term Ownership",              items: [
                "Maintenance schedules and costs",                "Common issues and recalls",                "Warranty information",                "Owner community feedback"
              ]
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Vehicles"
          description="Browse our curated selection of vehicles across multiple categories, from compact sedans to luxury SUVs."
          tag="Popular Models"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="bento-grid"
          useInvertedBackground={false}
          products={[
            {
              id: "compact-sedan",              name: "Urban Compact Sedan",              price: "$22,500 - $28,000",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/sleek-compact-sedan-photographed-from-th-1774015685741-eff46bc2.png",              imageAlt: "Compact sedan"
            },
            {
              id: "family-suv",              name: "Family SUV Crossover",              price: "$32,000 - $42,000",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/sporty-suv-or-crossover-vehicle-dynamic--1774015687386-abeddcb7.png",              imageAlt: "Family SUV"
            },
            {
              id: "luxury-sedan",              name: "Premium Luxury Sedan",              price: "$55,000 - $75,000",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/premium-luxury-sedan-or-executive-vehicl-1774015686450-199656b6.png",              imageAlt: "Luxury sedan"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Real Stories from Real Buyers"
          description="Discover how our platform has helped thousands of customers make confident automotive decisions."
          tag="Success Stories"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "buyer-1",              name: "David Thompson",              role: "First-Time Car Buyer",              testimonial: "The detailed comparisons and expert reviews gave me confidence in my purchase. I saved thousands by finding exactly what I needed.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-a-satisfied-car-1774015685853-e15bf162.png?_wi=2",              imageAlt: "David Thompson"
            },
            {
              id: "buyer-2",              name: "Jennifer Lee",              role: "Automotive Enthusiast",              testimonial: "As someone who loves cars, this resource is invaluable. The specs database is incredibly detailed and always accurate.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-an-automotive-e-1774015686892-cd9fb643.png?_wi=2",              imageAlt: "Jennifer Lee"
            },
            {
              id: "buyer-3",              name: "Robert Martinez",              role: "Used Car Researcher",              testimonial: "Finding reliable used vehicles became so much easier. The maintenance history and reliability ratings are game-changers.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-a-vehicle-owner-1774015687025-d59ebfb7.png?_wi=2",              imageAlt: "Robert Martinez"
            },
            {
              id: "buyer-4",              name: "Lisa Anderson",              role: "Fleet Manager",              testimonial: "For business vehicle acquisitions, this platform provides exactly the data-driven insights we need to make smart purchases.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-a-satisfied-cus-1774015686119-d3461787.png?_wi=2",              imageAlt: "Lisa Anderson"
            },
            {
              id: "buyer-5",              name: "Marcus Johnson",              role: "Performance Car Aficionado",              testimonial: "The performance metrics and technical specs are unmatched. Finally a resource that takes car enthusiasts seriously.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-a-satisfied-car-1774015685853-e15bf162.png?_wi=3",              imageAlt: "Marcus Johnson"
            },
            {
              id: "buyer-6",              name: "Nicole Garcia",              role: "Practical Buyer",              testimonial: "I appreciated the honest reviews and transparent pricing information. Helped me make the right choice for my family.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-an-automotive-e-1774015686892-cd9fb643.png?_wi=3",              imageAlt: "Nicole Garcia"
            }
          ]}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardTwo
          title="Automotive Insights & News"
          description="Stay informed with expert analysis, buying guides, maintenance tips, and industry news."
          tag="Latest Updates"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          blogs={[
            {
              id: "blog-1",              category: "Technology",              title: "The Future of Automotive Technology: What's Next?",              excerpt: "Explore emerging technologies including autonomous driving, AI integration, and electric powertrains shaping the automotive industry.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/close-up-of-cutting-edge-automotive-tech-1774015686412-c45a98a7.png",              imageAlt: "Modern car dashboard technology",              authorName: "Sarah Mitchell",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-a-satisfied-car-1774015685853-e15bf162.png",              date: "March 15, 2025"
            },
            {
              id: "blog-2",              category: "Maintenance",              title: "Complete Guide to Vehicle Maintenance: Keep Your Car Running Strong",              excerpt: "Learn essential maintenance schedules, common issues to watch for, and how proper care extends your vehicle's lifespan.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-automotive-maintenance-scen-1774015686308-7f9aa3c7.png",              imageAlt: "Professional automotive maintenance",              authorName: "James Chen",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-an-automotive-e-1774015686892-cd9fb643.png",              date: "March 10, 2025"
            },
            {
              id: "blog-3",              category: "Buying Guide",              title: "New vs. Used: Making the Right Choice for Your Budget",              excerpt: "Comprehensive analysis of buying new versus used vehicles, total cost of ownership, and factors to consider in your decision.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/two-different-vehicles-side-by-side-phot-1774015686541-ec6db500.png",              imageAlt: "Vehicle comparison photography",              authorName: "Emma Rodriguez",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/professional-headshot-of-a-vehicle-owner-1774015687025-d59ebfb7.png",              date: "March 5, 2025"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Find answers to frequently asked questions about vehicle research, comparisons, and buying decisions."
          textPosition="left"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "faq-1",              title: "How accurate is your vehicle database?",              content: "Our database is updated daily with manufacturer specifications, real-time pricing data, and verified user reviews. We work directly with dealers and manufacturers to ensure accuracy across all vehicle listings."
            },
            {
              id: "faq-2",              title: "Can I compare vehicles from different years?",              content: "Absolutely! Our comparison tool allows you to compare any vehicles regardless of year, make, or model. You can analyze pricing trends, specification changes, and feature evolution over time."
            },
            {
              id: "faq-3",              title: "Are the reviews from actual users or professional critics?",              content: "We feature a mix of both professional expert reviews and verified owner feedback. You'll see detailed journalist analysis alongside real-world owner experiences to give you a complete picture."
            },
            {
              id: "faq-4",              title: "How do you determine reliability ratings?",              content: "Reliability ratings are based on comprehensive data including manufacturer warranty information, recall history, owner feedback, maintenance costs, and long-term durability studies from multiple sources."
            },
            {
              id: "faq-5",              title: "Can I get financing information on your site?",              content: "Yes, we provide estimated financing information including typical interest rates, loan terms, and monthly payment calculations. For specific pre-approved rates, you'll need to contact lenders directly."
            },
            {
              id: "faq-6",              title: "Is my personal information secure when browsing?",              content: "Your privacy and security are paramount. We use industry-standard encryption, never share personal data with third parties, and comply with all data protection regulations."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about a vehicle or need expert advice? We're here to help you find the perfect car."
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/modern-office-or-automotive-showroom-spa-1774015686945-81879b4d.png"
          imageAlt="Contact us at our showroom"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "your@email.com", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about the vehicle you're interested in or ask your automotive question...",            rows: 5,
            required: true
          }}
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDFBNLQZ1gV5dEThzyzpNHEK2N/a-stunning-luxury-sedan-or-sports-car-ph-1774015686358-4d52fa73.png?_wi=2"
          imageAlt="AutoExpert - Your trusted automotive resource"
          logoText="AutoExpert"
          copyrightText="© 2025 AutoExpert | Your Trusted Automotive Resource"
          columns={[
            {
              title: "Resources",              items: [
                { label: "Vehicle Database", href: "#vehicles" },
                { label: "Expert Reviews", href: "#reviews" },
                { label: "Comparison Tools", href: "#comparisons" },
                { label: "Buying Guides", href: "#guides" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Owner Forums", href: "#forums" },
                { label: "User Reviews", href: "#user-reviews" },
                { label: "Maintenance Tips", href: "#maintenance" },
                { label: "Submit a Review", href: "#submit-review" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "#careers" },
                { label: "Blog", href: "#blog" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms of Service", href: "#terms" },
                { label: "Cookie Policy", href: "#cookies" },
                { label: "Disclaimer", href: "#disclaimer" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}