"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Zap, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="medium"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Lense"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Products", id: "products" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "https://shop.example.com"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Lense"
          description="Revolutionary sunglasses engineered for the future. Experience clarity, protection, and style like never before."
          buttons={[
            { text: "Explore Collection", href: "products" },
            { text: "Watch Demo", href: "features" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924142.jpg"
          imageAlt="Futuristic sunglasses showcase"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Innovation in Motion"
          description="Discover the cutting-edge features that set Lense apart from traditional eyewear."
          tag="Features"
          tagIcon={Zap}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Smart Adaptive Lenses",              description: "Automatically adjust tint and clarity based on light conditions in real-time. Experience perfect vision in any environment with intelligent lens technology.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/dating-app-interface-concept_23-2148508147.jpg",                imageAlt: "Smart lens interface phone 1"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/pastel-home-screen-template-smartphone_23-2148725130.jpg",                imageAlt: "Smart lens interface phone 2"
              }
            },
            {
              id: 2,
              title: "Biometric Integration",              description: "Built-in sensors track eye health metrics and sync with your wearables. Get real-time health insights and personalized recommendations.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/dating-app-interface-concept_23-2148508147.jpg",                imageAlt: "Biometric tracking interface phone 1"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/pastel-home-screen-template-smartphone_23-2148725130.jpg",                imageAlt: "Biometric tracking interface phone 2"
              }
            },
            {
              id: 3,
              title: "AR Display System",              description: "Integrated augmented reality displays information directly in your field of vision. Navigate, communicate, and stay informed without looking away.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/dating-app-interface-concept_23-2148508147.jpg",                imageAlt: "AR display interface phone 1"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/pastel-home-screen-template-smartphone_23-2148725130.jpg",                imageAlt: "AR display interface phone 2"
              }
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Premium Collections"
          description="Explore our curated lineup of high-performance sunglasses designed for innovation seekers."
          tag="Best Sellers"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Lense",              name: "Quantum Pro",              price: "$299.99",              rating: 5,
              reviewCount: "1.2k",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-woman-grey-jacket-white-shirt-sunglasses-with-red-lipstick-is-touching-hair-posing-near-her-house-beautiful-lady-grey-oversize-jacket-pants-walks-outside_291650-2564.jpg",              imageAlt: "Quantum Pro sunglasses"
            },
            {
              id: "2",              brand: "Lense",              name: "Infinity Elite",              price: "$349.99",              rating: 5,
              reviewCount: "890",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-smiling-model-dressed-elegant-summer-clothes-sexy-carefree-girl-sitting-street-trendy-modern-businesswoman-sunglasses-having-fun_158538-6691.jpg",              imageAlt: "Infinity Elite sunglasses"
            },
            {
              id: "3",              brand: "Lense",              name: "Nexus Classic",              price: "$249.99",              rating: 5,
              reviewCount: "2.3k",              imageSrc: "https://img.b2bpic.net/free-photo/carefree-caucasian-woman-with-red-lips-enjoying-city-views-warm-windy-day-outdoor-photo-cute-female-lady-trendy-jakcet-drinking-coffee-summer-terrace-european-town_291650-2560.jpg",              imageAlt: "Nexus Classic sunglasses"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Engineered for Excellence. Trusted by thousands of vision enthusiasts worldwide."
          tag="Impact"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "50,000+",              description: "Happy customers experiencing crystal-clear vision with Lense technology across the globe."
            },
            {
              id: "2",              value: "99.8%",              description: "Customer satisfaction rate backed by rigorous quality testing and premium materials."
            },
            {
              id: "3",              value: "15 Years",              description: "Average lens durability with our proprietary coating technology and advanced materials."
            },
            {
              id: "4",              value: "360°",              description: "Complete UV and blue light protection providing comprehensive eye care solutions."
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Lense has completely transformed my daily life. The adaptive lens technology is incredible, and I love how they integrate with my smart devices. It's not just eyewear—it's the future of vision."
          rating={5}
          author="Alex Chen, Tech Entrepreneur"
          useInvertedBackground="invertDefault"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Customer 1"
            },
            {
              src: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              alt: "Customer 2"
            },
            {
              src: "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",              alt: "Customer 3"
            },
            {
              src: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              alt: "Customer 4"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              alt: "Customer 5"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              alt: "Customer 6"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Questions About Lense?"
          description="Everything you need to know about our revolutionary eyewear technology and services."
          tag="Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288189.jpg"
          imageAlt="Customer support specialist"
          mediaPosition="left"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How do the adaptive lenses work?",              content: "Our adaptive lenses use advanced photochromic technology combined with smart sensors to detect light levels in real-time. The embedded microelectronics adjust the lens tint within milliseconds, ensuring optimal visual clarity and protection in any lighting condition—from bright sunlight to indoor environments."
            },
            {
              id: "2",              title: "Are Lense sunglasses water-resistant?",              content: "Yes! All Lense sunglasses are fully water-resistant with an IP67 rating, meaning they can withstand submersion in up to 1 meter of water for 30 minutes. They're perfect for water sports, beach days, and everyday use in any weather. The electronic components are sealed with our proprietary hydrophobic coating."
            },
            {
              id: "3",              title: "What's the battery life?",              content: "Our battery technology provides up to 7 days of continuous use on a single charge for the smart features. With moderate daily use, most customers get 10-14 days between charges. The battery is fully replaceable and recyclable, supporting our commitment to sustainability."
            },
            {
              id: "4",              title: "Can I customize my Lense?",              content: "Absolutely! We offer extensive customization options including frame colors, lens tint preferences, AR display settings, and health tracking parameters. Each pair can be personalized through our mobile app to match your lifestyle and preferences perfectly."
            },
            {
              id: "5",              title: "What warranty do you offer?",              content: "All Lense sunglasses come with a comprehensive 2-year warranty covering manufacturing defects, electronic components, and lens quality. We also offer an optional premium protection plan that covers accidental damage, loss, and extends coverage to 5 years."
            },
            {
              id: "6",              title: "Do you ship internationally?",              content: "Yes, we ship to over 150 countries worldwide. International orders typically arrive within 7-10 business days. We handle all customs documentation and provide track-and-trace updates for your peace of mind."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",              items: [
                { label: "Collections", href: "products" },
                { label: "Features", href: "features" },
                { label: "Technology", href: "features" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "https://example.com/about" },
                { label: "Careers", href: "https://example.com/careers" },
                { label: "Blog", href: "https://example.com/blog" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact Us", href: "https://example.com/contact" },
                { label: "Returns", href: "https://example.com/returns" }
              ]
            }
          ]}
          copyrightText="© 2025 Lense. All rights reserved. Innovation starts here."
        />
      </div>
    </ThemeProvider>
  );
}