"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="iPhone"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Features", id: "features" },
            { name: "Tech Specs", id: "specs" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Welcome to iPhone Store"
          description="Discover the latest iPhone models with cutting-edge technology and stunning design. Experience innovation at your fingertips."
          background={{ variant: "plain" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hynqgp"
          imageAlt="Latest iPhone 16 Pro models displayed"
          buttons={[
            { text: "Shop Now", href: "#products" },
            { text: "Learn More", href: "#features" }
          ]}
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardFour
          title="iPhone Models"
          description="Choose from our premium selection of iPhone models, each engineered for performance and elegance."
          products={[
            {
              id: "iphone-16-pro",              name: "iPhone 16 Pro",              price: "$999",              variant: "Space Black, Silver, Gold, Deep Purple",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7xxfl8",              imageAlt: "iPhone 16 Pro in Space Black"
            },
            {
              id: "iphone-16-pro-max",              name: "iPhone 16 Pro Max",              price: "$1,199",              variant: "Space Black, Silver, Gold, Deep Purple",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1641f2",              imageAlt: "iPhone 16 Pro Max in Deep Purple"
            },
            {
              id: "iphone-16",              name: "iPhone 16",              price: "$799",              variant: "Black, White, Blue, Green, Pink",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pyxu4u",              imageAlt: "iPhone 16 in Blue"
            },
            {
              id: "iphone-16-plus",              name: "iPhone 16 Plus",              price: "$899",              variant: "Black, White, Blue, Green, Pink",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rysok0",              imageAlt: "iPhone 16 Plus in Green"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardThree
          title="Advanced Technology"
          description="Every iPhone is engineered with powerful features designed to enhance your daily experience."
          features={[
            {
              id: "01",              title: "A18 Pro Chip",              description: "The fastest smartphone processor ever. Incredible performance for gaming, photography, and AI.",              imageSrc: "https://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174340.jpg",              imageAlt: "processor chip technology circuit microchip"
            },
            {
              id: "02",              title: "Advanced Camera",              description: "Capture stunning photos and videos with our pro-level camera system featuring advanced computational photography.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-taking-coffee-photos_23-2149294500.jpg",              imageAlt: "camera smartphone lens photography technology"
            },
            {
              id: "03",              title: "All-Day Battery",              description: "Advanced battery technology keeps your iPhone running strong from morning to night.",              imageSrc: "https://img.b2bpic.net/free-vector/dark-technology-background_23-2147498829.jpg",              imageAlt: "battery charging power energy technology"
            },
            {
              id: "04",              title: "Retina Display",              description: "Vibrant Super Retina XDR display with dynamic refresh rates for immersive viewing.",              imageSrc: "https://img.b2bpic.net/free-vector/cyber-monday-banner-digital-style-banner_1017-22302.jpg",              imageAlt: "display screen retina pixel oled"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="specs" data-section="specs">
        <MetricCardFourteen
          title="Industry-leading performance and innovation drive iPhone excellence and customer satisfaction."
          tag="Performance"
          metrics={[
            {
              id: "1",              value: "6.7\"",              description: "Stunning Pro Max display with dynamic refresh up to 120Hz for incredible visual experience."
            },
            {
              id: "2",              value: "48MP",              description: "Main camera with advanced computational photography and night mode capabilities."
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="reviews" data-section="reviews">
        <TestimonialCardFifteen
          testimonial="The iPhone 16 Pro has completely transformed how I work and create content. The camera system is phenomenal, and the overall build quality is exceptional. Highly recommend to anyone looking for a premium smartphone."
          rating={5}
          author="Sarah Mitchell, Professional Photographer"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              alt: "Sarah Mitchell"
            },
            {
              src: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              alt: "Customer 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              alt: "Customer 3"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          title="Subscribe for Updates"
          description="Get the latest iPhone news, exclusive offers, and product launches delivered to your inbox."
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c3vck0"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/attractive-woman-short-black-dress-chair-holding-phone-glass-cappuccino_197531-1115.jpg"
          imageAlt="iPhone Store Footer"
          logoText="iPhone Store"
          copyrightText="© 2025 iPhone Store. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Products", href: "#products" },
                { label: "iPhone 16 Pro", href: "#products" },
                { label: "Accessories", href: "#products" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Technical Support", href: "https://support.apple.com" },
                { label: "Warranty Info", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}