"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Users, Star, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="medium"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="iPhone"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Products", id: "products" },
            { name: "Pricing", id: "pricing" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Shop Now", href: "products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="IPHONE"
          description="Experience the ultimate in innovation with cutting-edge technology, stunning design, and powerful performance."
          buttons={[
            { text: "Explore Products", href: "products" },
            { text: "Learn More", href: "features" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/smartphone-bokeh-background_23-2147983809.jpg",              imageAlt: "iPhone Latest Model"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/proud-joyful-charming-cheerful-blond-european-woman-stylish-silver-shiny-dress-hold-hand-waist-co_1258-134478.jpg",              imageAlt: "iPhone Camera Features"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/modern-workspace-featuring-cellphone-setup_58702-17222.jpg",              imageAlt: "iPhone Design Innovation"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          products={[
            {
              id: "1",              name: "iPhone 15 Pro Max",              price: "$1,199",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-smartphone-with-duct-tape_23-2149404217.jpg",              imageAlt: "iPhone 15 Pro Max"
            },
            {
              id: "2",              name: "iPhone 15 Pro",              price: "$999",              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg",              imageAlt: "iPhone 15 Pro"
            },
            {
              id: "3",              name: "iPhone 15",              price: "$799",              imageSrc: "https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg",              imageAlt: "iPhone 15"
            },
            {
              id: "4",              name: "iPhone 14",              price: "$699",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-smartphone-composition_23-2149437146.jpg",              imageAlt: "iPhone 14"
            },
            {
              id: "5",              name: "iPhone SE",              price: "$429",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-smartphone-composition_23-2149437074.jpg",              imageAlt: "iPhone SE"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          animationType="slide-up"
          title="Featured Products"
          description="Discover our complete range of iPhone models, each designed to deliver exceptional performance and style."
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          features={[
            {
              id: "1",              title: "Pro Camera System",              author: "Photography Excellence",              description: "Capture stunning photos and videos with our advanced multi-lens camera system. Perfect for professionals and enthusiasts alike.",              tags: ["Camera", "Photography"],
              imageSrc: "https://img.b2bpic.net/free-photo/young-couple-taking-photos-with-mobile_1301-5146.jpg",              imageAlt: "Pro Camera System"
            },
            {
              id: "2",              title: "All-Day Battery Life",              author: "Performance & Reliability",              description: "Stay powered throughout the day with advanced battery technology. Fast charging gets you to 80% in just 30 minutes.",              tags: ["Battery", "Performance"],
              imageSrc: "https://img.b2bpic.net/free-photo/human-hand-taking-picture-suspension-bridge-cellphone-rainforest-costa-rica_23-2148248806.jpg",              imageAlt: "Battery Technology"
            }
          ]}
          animationType="slide-up"
          title="Key Features"
          description="Explore the innovations that make iPhone the most advanced smartphone on the market."
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          plans={[
            {
              id: "iphone-se",              tag: "iPhone SE",              price: "$429",              period: "One-time",              description: "Perfect entry point to iPhone with powerful A15 Bionic chip and classic design.",              button: { text: "Buy Now", href: "contact" },
              featuresTitle: "What's Included:",              features: [
                "A15 Bionic chip",                "5G connectivity",                "Water resistant",                "12MP camera",                "1-year warranty"
              ]
            },
            {
              id: "iphone-15",              tag: "iPhone 15",              price: "$799",              period: "One-time",              description: "Advanced performance with all-new Ceramic Shield and Dynamic Island.",              button: { text: "Buy Now", href: "contact" },
              featuresTitle: "What's Included:",              features: [
                "A17 Pro chip",                "Dual camera system",                "All-day battery",                "Ceramic Shield",                "1-year warranty"
              ]
            },
            {
              id: "iphone-15-pro",              tag: "iPhone 15 Pro",              price: "$999",              period: "One-time",              description: "Professional-grade camera system with titanium design and action mode.",              button: { text: "Buy Now", href: "contact" },
              featuresTitle: "What's Included:",              features: [
                "Pro camera system",                "Action mode",                "Titanium design",                "2x optical zoom",                "1-year warranty"
              ]
            },
            {
              id: "iphone-15-pro-max",              tag: "iPhone 15 Pro Max",              price: "$1,199",              period: "One-time",              description: "The ultimate iPhone with largest display and most advanced features.",              button: { text: "Buy Now", href: "contact" },
              featuresTitle: "What's Included:",              features: [
                "6.7-inch display",                "Advanced camera array",                "Action mode",                "Up to 5x zoom",                "1-year warranty"
              ]
            }
          ]}
          animationType="slide-up"
          title="Transparent Pricing"
          description="Choose the iPhone model that fits your needs and budget. All prices include manufacturer warranty."
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          metrics={[
            {
              id: "1",              icon: Users,
              title: "Active Users",              value: "2M+"
            },
            {
              id: "2",              icon: Star,
              title: "Customer Rating",              value: "4.8/5"
            },
            {
              id: "3",              icon: TrendingUp,
              title: "Market Share",              value: "28%"
            },
            {
              id: "4",              icon: Zap,
              title: "Performance",              value: "5x Faster"
            }
          ]}
          carouselMode="buttons"
          animationType="slide-up"
          uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
          title="Why Choose iPhone"
          description="Leading the industry in innovation, customer satisfaction, and performance metrics."
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          testimonials={[
            {
              id: "1",              name: "Sarah Anderson",              role: "Professional Photographer",              testimonial: "The iPhone camera is absolutely incredible. The Pro Max has completely changed how I approach mobile photography. The zoom capabilities and image processing are unmatched.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Sarah Anderson"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Tech Entrepreneur",              testimonial: "iPhone's ecosystem is seamless. From development to daily use, everything just works. The performance optimization is exceptional.",              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: "Michael Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Creative Director",              testimonial: "The design is stunning, the battery life is impressive, and the display quality is remarkable. iPhone is the perfect device for creative professionals.",              imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "James Park",              role: "Business Executive",              testimonial: "Security and privacy are paramount in my work, and iPhone delivers on both fronts. I trust my iPhone with sensitive information.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "James Park"
            },
            {
              id: "5",              name: "Lisa Thompson",              role: "Content Creator",              testimonial: "The video capabilities are world-class. Action mode is a game-changer for content creation. My production quality has improved significantly.",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg",              imageAlt: "Lisa Thompson"
            },
            {
              id: "6",              name: "David Kim",              role: "Student",              testimonial: "For the price, iPhone SE offers incredible value. Great performance, beautiful design, and all the features I need for school and daily life.",              imageSrc: "https://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",              imageAlt: "David Kim"
            }
          ]}
          carouselMode="buttons"
          animationType="slide-up"
          uniformGridCustomHeightClasses="min-h-none"
          title="Customer Reviews"
          description="See what thousands of satisfied customers say about their iPhone experience."
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to upgrade to iPhone? Get in touch with our sales team today for personalized recommendations and exclusive offers."
          animationType="entrance-slide"
          buttons={[
            { text: "Contact Sales", href: "contact" },
            { text: "Visit Store", href: "contact" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/two-friends-taking-selfie-smartphone_23-2147828216.jpg"
          imageAlt="Technology Background"
          columns={[
            {
              title: "Shop",              items: [
                { label: "iPhone 15 Pro", href: "products" },
                { label: "iPhone 15", href: "products" },
                { label: "iPhone SE", href: "products" },
                { label: "Compare Models", href: "products" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Technical Support", href: "contact" },
                { label: "Warranty Info", href: "contact" },
                { label: "Returns & Exchanges", href: "contact" },
                { label: "Contact Us", href: "contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About iPhone", href: "about" },
                { label: "Innovation", href: "about" },
                { label: "Privacy Policy", href: "privacy" },
                { label: "Terms of Service", href: "terms" }
              ]
            }
          ]}
          logoText="iPhone"
          copyrightText="© 2025 Apple iPhone Retail. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}