"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Battery, Camera, CheckCircle, Film, ShoppingBag, Sparkles, Star, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="iPhone Store"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Pricing", id: "pricing" },
            { name: "Features", id: "features" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Shop Now", href: "products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Experience the Future of Technology"
          description="The latest iPhone models with cutting-edge technology, stunning cameras, and all-day battery life. Discover innovation in every detail."
          tag="2025 Collection"
          imageSrc="https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg"
          imageAlt="Latest iPhone Model"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "features" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured iPhone Models"
          description="Explore our latest iPhone lineup with premium features and exceptional performance."
          tag="New Arrivals"
          products={[
            {
              id: "1",              name: "iPhone 15 Pro Max",              price: "$1,199",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063043.jpg",              imageAlt: "iPhone 15 Pro Max with titanium design"
            },
            {
              id: "2",              name: "iPhone 15 Pro",              price: "$999",              imageSrc: "https://img.b2bpic.net/free-vector/futuristic-mobile-technology-with-circuit-lines_1017-30932.jpg",              imageAlt: "iPhone 15 Pro in multiple colors"
            },
            {
              id: "3",              name: "iPhone 15",              price: "$799",              imageSrc: "https://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074279.jpg",              imageAlt: "iPhone 15 standard model"
            },
            {
              id: "4",              name: "iPhone 14 Pro",              price: "$699",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063043.jpg",              imageAlt: "iPhone 14 Pro previous generation"
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Choose Your iPhone Plan"
          description="Select from our flexible purchasing and upgrade options to find the perfect plan for your needs."
          tag="Flexible Options"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "purchase",              badge: "Outright Purchase",              price: "From $799",              subtitle: "Own it immediately with full warranty",              buttons: [{ text: "Buy Now", href: "contact" }],
              features: [
                "Full ownership",                "24-month warranty",                "Free technical support",                "Extended AppleCare+ available",                "Trade-in credit eligible"
              ]
            },
            {
              id: "carrier",              badge: "Carrier Payment Plans",              badgeIcon: Sparkles,
              price: "From $33/mo",              subtitle: "Spread payments over 24 months",              buttons: [{ text: "View Plans", href: "contact" }],
              features: [
                "24-month installments",                "Upgrade yearly option",                "Device insurance included",                "24/7 customer support",                "Wireless service plans available"
              ]
            },
            {
              id: "apple-upgrade",              badge: "Apple Upgrade Program",              price: "From $41/mo",              subtitle: "Upgrade to the latest iPhone annually",              buttons: [{ text: "Enroll Now", href: "contact" }],
              features: [
                "Annual upgrade eligibility",                "AppleCare+ included",                "No interest or credit required",                "Simple upgrade process",                "Wireless plan not required"
              ]
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureProcessSteps
          title="Why Choose iPhone"
          description="Discover the revolutionary features that make iPhone the most advanced smartphone in the world."
          tag="Innovation"
          useInvertedBackground="invertDefault"
          steps={[
            {
              number: "01",              title: "ProMotion Technology",              tag: "Display",              description: "Experience incredibly smooth scrolling and gameplay with up to 120Hz refresh rate for responsive touch interactions."
            },
            {
              number: "02",              title: "Advanced Camera System",              tag: "Photography",              description: "Capture stunning photos and videos with Pro camera systems featuring Night mode, computational photography, and 48MP main sensor."
            },
            {
              number: "03",              title: "A-Series Chip Performance",              tag: "Power",              description: "Experience lightning-fast performance with our custom-designed processors delivering desktop-class performance in your pocket."
            },
            {
              number: "04",              title: "All-Day Battery Life",              tag: "Endurance",              description: "Stay connected all day with intelligent battery management and fast charging that gets you to 50% in just 30 minutes."
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTwo
          title="Customer Reviews"
          description="See what iPhone users around the world have to say about their experience."
          tag="5-Star Reviews"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Photographer",              testimonial: "The camera system is absolutely incredible. The low-light performance and color accuracy have transformed my mobile photography. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageAlt: "Sarah Johnson",              icon: Camera
            },
            {
              id: "2",              name: "Michael Chen",              role: "Software Engineer",              testimonial: "The performance is blazing fast. App launches are instant, multitasking is seamless, and gaming has never been better on a mobile device.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Michael Chen",              icon: Zap
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Business Professional",              testimonial: "Battery life gets me through my entire workday without needing to charge. The design is elegant and the ecosystem integration is seamless.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Emily Rodriguez",              icon: Battery
            },
            {
              id: "4",              name: "David Kim",              role: "Student",              testimonial: "Best investment I've made. The display is stunning, performance is unmatched, and the support is outstanding. Worth every penny.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "David Kim",              icon: Star
            },
            {
              id: "5",              name: "Jessica Martinez",              role: "Content Creator",              testimonial: "The ProMotion display and camera capabilities are perfect for my content creation. Incredibly smooth and professional quality.",              imageSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              imageAlt: "Jessica Martinez",              icon: Film
            },
            {
              id: "6",              name: "Thomas Anderson",              role: "Business Executive",              testimonial: "Reliability and performance are unmatched. This phone integrates perfectly with my entire ecosystem and keeps me productive everywhere.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "Thomas Anderson",              icon: CheckCircle
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="By The Numbers"
          description="iPhone leadership in innovation and customer satisfaction."
          tag="Global Impact"
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              value: "2B+",              description: "Active Users Worldwide"
            },
            {
              id: "2",              value: "98%",              description: "Customer Satisfaction Rating"
            },
            {
              id: "3",              value: "#1",              description: "Smartphone Brand Globally"
            },
            {
              id: "4",              value: "48MP",              description: "Main Camera Sensor"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Upgrade"
          tagIcon={ShoppingBag}
          title="Get Your iPhone Today"
          description="Browse our complete lineup, compare models, and find the perfect iPhone for you. Expert support available to answer all your questions."
          buttons={[
            { text: "Shop All Models", href: "products" },
            { text: "Schedule Consultation", href: "contact" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
        />
      </div>

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