"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Package, Zap, Star, CreditCard, Crown, Smartphone, HelpCircle, Mail } from "lucide-react";
import TeamSection from '@/components/sections/team/TeamSection';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="medium"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="iPhone Store"
          navItems={[
            { name: "Products", id: "products" },
            { name: "Features", id: "features" },
            { name: "Support", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="The Latest iPhone Experience"
          description="Discover our complete lineup of premium iPhones with cutting-edge technology, stunning displays, and exceptional performance."
          tag="New Models Available"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-vector/neon-home-screen-template-smartphone_23-2148736060.jpg"
          imageAlt="Latest iPhone models"
          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">
        <ProductCardFour
          title="Our iPhone Collection"
          description="Choose from our premium selection of iPhone models, each engineered for excellence and designed to inspire."
          tag="Featured Models"
          tagIcon={Package}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
          products={[
            {
              id: "iphone-15-pro",              name: "iPhone 15 Pro",              price: "$1,099",              variant: "Titanium · 128GB - 1TB",              imageSrc: "https://img.b2bpic.net/free-photo/smartphone-bokeh-background_23-2147983809.jpg",              imageAlt: "iPhone 15 Pro",              isFavorited: false
            },
            {
              id: "iphone-15",              name: "iPhone 15",              price: "$799",              variant: "Black · 128GB - 512GB",              imageSrc: "https://img.b2bpic.net/free-vector/neon-home-screen-template-smartphone_23-2148736061.jpg",              imageAlt: "iPhone 15",              isFavorited: false
            },
            {
              id: "iphone-se",              name: "iPhone SE",              price: "$429",              variant: "Midnight · 64GB - 256GB",              imageSrc: "https://img.b2bpic.net/free-vector/colorful-defocused-mobile-wallpapers_23-2147658286.jpg",              imageAlt: "iPhone SE",              isFavorited: false
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Why Choose iPhone"
          description="Engineered to make a difference. From innovative hardware to intelligent software."
          tag="Premium Technology"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Advanced Camera System",              description: "Capture stunning photos and videos with our revolutionary computational photography and pro-level manual controls.",              imageSrc: "https://img.b2bpic.net/free-photo/smartphone-bokeh-background_23-2147983809.jpg"
            },
            {
              id: 2,
              title: "Powerful Performance",              description: "Lightning-fast processing with industry-leading chip technology for gaming, creative work, and everyday tasks.",              imageSrc: "https://img.b2bpic.net/free-vector/neon-home-screen-template-smartphone_23-2148736061.jpg"
            },
            {
              id: 3,
              title: "All-Day Battery Life",              description: "Intelligent battery management technology keeps you powered throughout your day with exceptional endurance.",              imageSrc: "https://img.b2bpic.net/free-vector/colorful-defocused-mobile-wallpapers_23-2147658286.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Real feedback from thousands of satisfied iPhone users worldwide."
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Product Designer",              company: "Creative Studio",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"
            },
            {
              id: "2",              name: "Michael Rodriguez",              role: "Entrepreneur",              company: "Tech Startup",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg"
            },
            {
              id: "3",              name: "Emma Johnson",              role: "Digital Marketer",              company: "Global Agency",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"
            },
            {
              id: "4",              name: "David Kim",              role: "Software Engineer",              company: "Innovation Labs",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg"
            },
            {
              id: "5",              name: "Lisa Wang",              role: "Content Creator",              company: "Media House",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg"
            },
            {
              id: "6",              name: "James Mitchell",              role: "Business Consultant",              company: "Consulting Firm",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-cheerful-businesswoman_1262-21021.jpg"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Simple, Transparent Pricing"
          description="All iPhone models come with comprehensive warranty and support options."
          tag="Financing Available"
          tagIcon={CreditCard}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "iphone-15-pro-plan",              tag: "iPhone 15 Pro",              tagIcon: Crown,
              price: "$1,099",              period: "one-time",              description: "Premium flagship with titanium design and advanced features",              button: {
                text: "Buy Now",                href: "products"
              },
              featuresTitle: "What's Included:",              features: [
                "2-year warranty",                "Priority support",                "AppleCare+ eligible",                "Free engraving",                "Fast shipping"
              ]
            },
            {
              id: "iphone-15-plan",              tag: "iPhone 15",              tagIcon: Smartphone,
              price: "$799",              period: "one-time",              description: "Powerful performance in a refined design",              button: {
                text: "Buy Now",                href: "products"
              },
              featuresTitle: "What's Included:",              features: [
                "2-year warranty",                "Standard support",                "AppleCare+ available",                "Free engraving",                "Free shipping"
              ]
            },
            {
              id: "iphone-se-plan",              tag: "iPhone SE",              price: "$429",              period: "one-time",              description: "Great value with essential features and performance",              button: {
                text: "Buy Now",                href: "products"
              },
              featuresTitle: "What's Included:",              features: [
                "1-year warranty",                "Basic support",                "AppleCare+ available",                "Free engraving",                "Standard shipping"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our iPhones and services."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What's the difference between iPhone 15 and iPhone 15 Pro?",              content: "iPhone 15 Pro features a titanium design, advanced camera system with 48MP main sensor, ProMotion display, and action button. iPhone 15 offers excellent performance with A17 chip in a lighter design. Choose Pro for professional features and enhanced capabilities."
            },
            {
              id: "2",              title: "Do you offer financing options?",              content: "Yes! We offer flexible financing through major credit providers. You can spread payments over 12-24 months with approved credit. Contact our sales team for current rates and terms."
            },
            {
              id: "3",              title: "What warranty coverage is included?",              content: "All iPhones come with a standard 1-2 year limited warranty covering manufacturing defects. AppleCare+ is available for extended coverage, accidental damage protection, and priority service."
            },
            {
              id: "4",              title: "How long does shipping take?",              content: "Standard shipping takes 5-7 business days. Express shipping (2-3 days) and overnight shipping are available. Free standard shipping on orders over $500."
            },
            {
              id: "5",              title: "Can I return or exchange my iPhone?",              content: "Yes, we offer a 30-day return policy. You can exchange for a different model or storage size within 30 days of purchase with original receipt and packaging."
            },
            {
              id: "6",              title: "Is trade-in available for my old iPhone?",              content: "Absolutely! We offer competitive trade-in values for used iPhones. Visit our store or contact us with your device details to get an instant quote."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Ready to Upgrade?"
          description="Subscribe to our newsletter for exclusive offers, new product launches, and special promotions."
          tagIcon={Mail}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime with one click."
        />
      </div>

      <div id="team" data-section="team">
        <TeamSection title="Meet Our Team" subtitle="Our dedicated team is here to ensure you have the best iPhone experience." teamMembers={[
          {name: "John Doe", role: "CEO", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"},
          {name: "Jane Smith", role: "Head of Sales", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"},
          {name: "Mike Johnson", role: "Customer Support Manager", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"},
          {name: "Emily Davis", role: "Marketing Director", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"}
        ]} />
      </div>

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