"use client"

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Smartphone, Award, TrendingUp, Zap, Shield, Heart, Info, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="iPhone Store"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Experience iPhone Excellence"
          description="Discover the latest iPhone models with cutting-edge technology, premium design, and unmatched performance. Find your perfect device today."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "10M+", label: "Happy Customers" },
            { value: "99.8%", label: "Satisfaction Rate" },
            { value: "Free", label: "Fast Shipping" }
          ]}
          enableKpiAnimation={true}
          tag="Apple's Finest Devices"
          tagIcon={Smartphone}
          imageSrc="https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg"
          imageAlt="Latest iPhone showcase"
          imagePosition="right"
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Shop Our Latest Collection"
          description="Browse our premium selection of iPhones with exclusive pricing and availability"
          products={[
            {
              id: "1",              name: "iPhone 15 Pro Max",              price: "$1,199",              imageSrc: "https://img.b2bpic.net/free-vector/smartphone-home-screen_23-2148738357.jpg",              imageAlt: "iPhone 15 Pro Max",              initialQuantity: 1
            },
            {
              id: "2",              name: "iPhone 15 Pro",              price: "$999",              imageSrc: "https://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036887.jpg",              imageAlt: "iPhone 15 Pro",              initialQuantity: 1
            },
            {
              id: "3",              name: "iPhone 15",              price: "$799",              imageSrc: "https://img.b2bpic.net/free-vector/elegant-home-screen-template-smartphone_23-2148736065.jpg",              imageAlt: "iPhone 15",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="New Arrivals"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Flexible Pricing Plans"
          description="Choose the iPhone model that fits your needs and budget"
          plans={[
            {
              id: "basic",              title: "iPhone 15",              price: "$799",              period: "one-time",              imageSrc: "https://img.b2bpic.net/free-vector/elegant-home-screen-template-smartphone_23-2148736065.jpg",              imageAlt: "iPhone 15",              button: { text: "Add to Cart", href: "#products" },
              features: [
                "6.1-inch display",                "A17 Pro chip",                "Advanced camera system",                "All-day battery life",                "Water resistant design"
              ]
            },
            {
              id: "pro",              title: "iPhone 15 Pro",              price: "$999",              period: "one-time",              imageSrc: "https://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036887.jpg",              imageAlt: "iPhone 15 Pro",              button: { text: "Add to Cart", href: "#products" },
              features: [
                "6.1-inch Super Retina display",                "A17 Pro chip",                "Pro camera system",                "Titanium design",                "Action button included"
              ]
            },
            {
              id: "max",              title: "iPhone 15 Pro Max",              price: "$1,199",              period: "one-time",              imageSrc: "https://img.b2bpic.net/free-vector/smartphone-home-screen_23-2148738357.jpg",              imageAlt: "iPhone 15 Pro Max",              button: { text: "Add to Cart", href: "#products" },
              features: [
                "6.7-inch Super Retina display",                "A17 Pro chip",                "Advanced Pro camera system",                "Longest battery life",                "Titanium with superior durability"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Best Value"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Why Choose Us"
          description="Industry-leading performance and customer satisfaction"
          metrics={[
            {
              id: "1",              icon: Award,
              title: "Premium Quality",              value: "100%"
            },
            {
              id: "2",              icon: TrendingUp,
              title: "Customer Growth",              value: "250%"
            },
            {
              id: "3",              icon: Zap,
              title: "Performance",              value: "5G"
            },
            {
              id: "4",              icon: Shield,
              title: "Security",              value: "Best"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              name: "Jessica Taylor",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              imageAlt: "Jessica Taylor"
            },
            {
              id: "6",              name: "Robert Brown",              imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageAlt: "Robert Brown"
            }
          ]}
          cardTitle="Join 10 million+ satisfied customers worldwide who trust us for their iPhone purchases"
          cardTag="See what they say"
          cardTagIcon={Heart}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="iPhone Features"
          description="Discover what makes iPhone the world's most loved smartphone"
          features={[
            {
              id: "1",              title: "Advanced Camera",              description: "Capture stunning photos and videos with our pro-level camera system",              tag: "Photography",              imageSrc: "https://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg",              imageAlt: "Camera feature"
            },
            {
              id: "2",              title: "All-Day Battery",              description: "Stay connected with industry-leading battery life and fast charging",              tag: "Performance",              imageSrc: "https://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg",              imageAlt: "Battery feature"
            },
            {
              id: "3",              title: "Secure & Private",              description: "Your privacy is protected with Face ID and advanced security features",              tag: "Security",              imageSrc: "https://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg",              imageAlt: "Security feature"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="Technology"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Your Trusted iPhone Retailer"
          description="We are committed to providing authentic Apple iPhones with exceptional customer service. With years of experience in the mobile retail industry, we ensure every customer receives premium products at competitive prices with dedicated support."
          metrics={[
            { value: "15+", title: "Years of Experience" },
            { value: "50K+", title: "Happy Customers" }
          ]}
          tag="About Us"
          tagIcon={Info}
          imageSrc="https://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg"
          imageAlt="Our store"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Updated"
          description="Subscribe to our newsletter for exclusive deals, product launches, and iPhone tips delivered to your inbox."
          tagIcon={Mail}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Shop",              items: [
                { label: "iPhone 15", href: "#products" },
                { label: "iPhone 15 Pro", href: "#products" },
                { label: "iPhone 15 Pro Max", href: "#products" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#" },
                { label: "Shipping", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 iPhone Store. All rights reserved."
          bottomRightText="Authorized Apple Retailer"
        />
      </div>
    </ThemeProvider>
  );
}