"use client"

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSignup from '@/components/sections/hero/HeroSignup';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Leaf, Zap, Sparkles, Battery, Crown, Heart, Users, Globe, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="medium"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="EcoFlow"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" }
          ]}
          button={{
            text: "Shop Now",            href: "#pricing"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSignup
          title="Power Your Adventures with Clean Energy"
          description="Revolutionary portable power stations designed for outdoor enthusiasts, travelers, and eco-conscious families. Experience unlimited freedom with sustainable energy."
          tag="Sustainable Energy"
          tagIcon={Leaf}
          background={{ variant: "sparkles-gradient" }}
          inputPlaceholder="Enter your email"
          buttonText="Explore Products"
          onSubmit={(email) => console.log('signup')}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Power Stations"
          description="Discover our best-selling portable power solutions engineered for reliability and performance"
          tag="Best Sellers"
          tagIcon={Zap}
          products={[
            {
              id: "1",              name: "EcoFlow Delta Pro",              price: "$3,699",              variant: "16kWh Expandable Capacity",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-fog-machine-movie_23-2149066386.jpg",              imageAlt: "EcoFlow Delta Pro power station",              isFavorited: false
            },
            {
              id: "2",              name: "EcoFlow River 2 Pro",              price: "$799",              variant: "768Wh Fast Charging",              imageSrc: "https://img.b2bpic.net/free-photo/usb-charging-gadgets-blurred-background-room-closeup_169016-15156.jpg",              imageAlt: "EcoFlow River 2 Pro portable power",              isFavorited: false
            },
            {
              id: "3",              name: "EcoFlow Ace Portable Power Bank",              price: "$249",              variant: "30000mAh Capacity",              imageSrc: "https://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15559.jpg",              imageAlt: "EcoFlow Ace power bank",              isFavorited: false
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Why Choose EcoFlow"
          description="Industry-leading technology combined with sustainable design for uncompromised power and reliability"
          tag="Innovation"
          tagIcon={Sparkles}
          features={[
            {
              id: "01",              title: "Rapid Recharge Technology",              description: "Charge from 0-80% in under an hour using advanced fast-charging systems",              imageSrc: "https://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205416.jpg",              imageAlt: "Fast charging technology"
            },
            {
              id: "02",              title: "Go Anywhere Power",              description: "Lightweight and portable designs perfect for camping, travel, and off-grid adventures",              imageSrc: "https://img.b2bpic.net/free-photo/hipster-red-backpack-map-forest_1150-45024.jpg",              imageAlt: "Portable power solutions"
            },
            {
              id: "03",              title: "Military-Grade Safety",              description: "Advanced BMS with 15 protective measures ensuring maximum safety in all conditions",              imageSrc: "https://img.b2bpic.net/free-photo/investors-examine-solar-panel-surface-using-tablet-discussing-design-efficiency_482257-123393.jpg",              imageAlt: "Safety certification"
            },
            {
              id: "04",              title: "Smart App Control",              description: "Monitor and control your power station remotely via intuitive mobile application",              imageSrc: "https://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311500.jpg",              imageAlt: "Smart technology interface"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Committed to Sustainable Energy"
          description="Since 2017, EcoFlow has revolutionized portable power with innovative solutions that empower individuals and families to live more sustainably without compromising on convenience or performance."
          tag="Our Mission"
          imageSrc="https://img.b2bpic.net/free-photo/concept-energy-efficient-light-bulb_329181-19233.jpg"
          imageAlt="EcoFlow sustainable energy mission"
          buttons={[
            {
              text: "Learn Our Story",              href: "#"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Impact"
          description="Trusted by millions of customers worldwide who've switched to clean, portable energy solutions"
          metrics={[
            {
              id: "1",              value: "5M+",              title: "Active Users",              description: "Customers powering their lifestyle sustainably",              icon: Users
            },
            {
              id: "2",              value: "100B+",              title: "Wh Delivered",              description: "Clean energy distributed globally",              icon: Zap
            },
            {
              id: "3",              value: "150+",              title: "Countries",              description: "EcoFlow solutions available worldwide",              icon: Globe
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Simple, Transparent Pricing"
          description="Choose the power solution that fits your lifestyle and budget"
          tag="Flexible Options"
          tagIcon={Sparkles}
          plans={[
            {
              id: "portable",              badge: "Essential",              badgeIcon: Zap,
              price: "$249",              subtitle: "Perfect for personal use",              buttons: [
                {
                  text: "Shop Now",                  href: "#"
                },
                {
                  text: "Learn More",                  href: "#"
                }
              ],
              features: [
                "30000mAh capacity",                "Multiple device charging",                "1-year warranty",                "Portable design"
              ]
            },
            {
              id: "mid-range",              badge: "Professional",              badgeIcon: Battery,
              price: "$799",              subtitle: "Best for outdoor adventures",              buttons: [
                {
                  text: "Shop Now",                  href: "#"
                },
                {
                  text: "Learn More",                  href: "#"
                }
              ],
              features: [
                "768Wh capacity",                "Fast charging (1-2 hours)",                "13 outputs",                "2-year warranty"
              ]
            },
            {
              id: "premium",              badge: "Elite",              badgeIcon: Crown,
              price: "$3,699",              subtitle: "Ultimate power solution",              buttons: [
                {
                  text: "Shop Now",                  href: "#"
                },
                {
                  text: "Consult Expert",                  href: "#"
                }
              ],
              features: [
                "16kWh expandable",                "15+ protective measures",                "Smart app control",                "3-year warranty"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Loved by Adventure Seekers"
          description="Real stories from real customers who've transformed their outdoor experiences"
          tag="Customer Reviews"
          tagIcon={Heart}
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahmitchell",              testimonial: "The River 2 Pro has completely changed my camping trips. I never worry about battery life anymore, and the fast charging is incredible!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jameschen",              testimonial: "Outstanding quality and reliability. This is my third EcoFlow product and each one exceeds expectations. Highly recommend!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmaoutdoors",              testimonial: "Finally can power my entire setup off-grid. The Delta Pro is a game-changer for serious outdoor enthusiasts.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Park",              handle: "@techlovermichael",              testimonial: "The app control feature is brilliant. I can monitor everything from my phone. Worth every penny!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",              imageAlt: "Michael Park"
            },
            {
              id: "5",              name: "Lisa Anderson",              handle: "@lisatravels",              testimonial: "Perfect for van life. Lightweight, reliable, and sustainable. This is the future of portable power.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg",              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",              name: "David Thompson",              handle: "@davidtech",              testimonial: "After 2 years of use, still works flawlessly. Best investment in my adventure gear collection.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              imageAlt: "David Thompson"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Go Solar?"
          ctaDescription="Join thousands of customers who've switched to sustainable, portable power. Get expert guidance on choosing the right EcoFlow solution for your needs."
          ctaButton={{
            text: "Schedule Consultation",            href: "#"
          }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "How long do EcoFlow products last?",              content: "EcoFlow products are built for durability with extensive testing. Most units maintain 80%+ capacity after 5 years with proper care. We offer comprehensive warranties on all products."
            },
            {
              id: "2",              title: "Can I expand my power station capacity?",              content: "Yes! Our modular systems like the Delta Pro allow you to stack additional batteries to increase capacity up to 16kWh. Perfect for growing power needs."
            },
            {
              id: "3",              title: "What's the fastest way to charge?",              content: "AC charging is the fastest method. Our River 2 Pro charges 0-80% in just 1 hour, while solar options provide sustainable charging during outdoor use."
            },
            {
              id: "4",              title: "Do you offer financing options?",              content: "Yes, we partner with multiple financing providers offering flexible payment plans. Check out our financing options during checkout."
            },
            {
              id: "5",              title: "What warranty coverage is included?",              content: "All EcoFlow products come with manufacturer's warranty (1-3 years depending on model). Extended warranty options are available at checkout."
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="EcoFlow"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Terms of Service",            href: "#"
          }}
        />
      </div>
    </ThemeProvider>
  );
}