"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Award, Gem, Hammer, Lightbulb, Shield, Star, Zap, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="large"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="OPTIK"
          button={{
            text: "Shop Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Crafted Precision. Timeless Style."
          description="Experience the pinnacle of Danish eyewear design. Premium frames handcrafted with meticulous attention to detail, combining Scandinavian minimalism with luxury materials."
          tag="Copenhagen's Finest"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Collection", href: "#products" },
            { text: "Book Consultation", href: "#contact" }
          ]}
          background={{ variant: "radial-gradient" }}
          carouselItems={[
            {
              id: "1",              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: "Premium sunglasses collection"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26106.jpg",              imageAlt: "Designer optical frames"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2148760475.jpg",              imageAlt: "Classic prescription glasses"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-talking-phone_23-2148760476.jpg",              imageAlt: "Luxury eyewear display"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/brunette-tanned-lady-sunglasses-talks-phone-charming-asian-woman-black-white-outfit-poses-outside_197531-27947.jpg",              imageAlt: "Fashion forward frames"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-pretty-lady-touching-her-sunglasses-outside_291650-545.jpg",              imageAlt: "Complete eyewear collection"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Heritage of Exceptional Craftsmanship"
          description="Since 2008, OPTIK has been synonymous with premium eyewear in Copenhagen. Each frame is meticulously handcrafted by master opticians using the finest Italian acetate, German titanium, and Japanese precision engineering."
          tag="Our Story"
          tagIcon={Award}
          buttons={[
            { text: "Learn More", href: "#features" }
          ]}
          bulletPoints={[
            {
              title: "Premium Materials",              description: "Italian acetate and German titanium combined with Japanese precision for unmatched durability",              icon: Gem
            },
            {
              title: "Master Craftsmanship",              description: "Each frame hand-assembled by experienced opticians in our Copenhagen atelier",              icon: Hammer
            },
            {
              title: "Timeless Design",              description: "Scandinavian minimalism meets luxury aesthetics in every collection",              icon: Lightbulb
            },
            {
              title: "Lifetime Value",              description: "Comprehensive warranty and lifetime maintenance support for all frames",              icon: Shield
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65196.jpg"
          imageAlt="Artisan crafting premium eyeglasses"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Collections"
          description="Discover our curated selection of premium eyewear, each piece a masterwork of design and engineering"
          tag="Featured"
          tagIcon={Star}
          buttons={[
            { text: "View All Products", href: "#" }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Urban Titanium",              price: "DKK 2,890",              imageSrc: "https://img.b2bpic.net/free-photo/woman-posing-man-few-meters-defocused_1153-2080.jpg",              imageAlt: "Urban Titanium frames",              initialQuantity: 1
            },
            {
              id: "2",              name: "Heritage Acetate",              price: "DKK 3,290",              imageSrc: "https://img.b2bpic.net/free-photo/woman-wearing-beige-coat-walking-street-christmas_1303-26107.jpg",              imageAlt: "Heritage Acetate collection",              initialQuantity: 1
            },
            {
              id: "3",              name: "Performance Hybrid",              price: "DKK 2,590",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-sitting-backyard-using-phone_1303-22121.jpg",              imageAlt: "Performance Hybrid glasses",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureProcessSteps
          title="Why Choose OPTIK"
          description="Our commitment to excellence extends beyond frames. We deliver an experience that celebrates individuality and precision vision care."
          tag="Premium Benefits"
          tagIcon={Zap}
          buttons={[
            { text: "Schedule Fitting", href: "#contact" }
          ]}
          steps={[
            {
              number: "01",              title: "Expert Consultation",              description: "One-on-one fitting sessions with certified opticians to find your perfect frame match",              tag: "Personalized"
            },
            {
              number: "02",              title: "Premium Lenses",              description: "Advanced lens technology including blue light filtering and anti-reflective coatings",              tag: "Advanced"
            },
            {
              number: "03",              title: "Lifetime Support",              description: "Complimentary adjustments, repairs, and professional cleaning services for life",              tag: "Lifetime"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Trusted by Thousands"
          description="Join thousands of satisfied customers who have discovered their perfect vision solution with OPTIK"
          tag="Impact"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "15K+",              title: "Happy Customers",              description: "Eyewear enthusiasts across Scandinavia",              imageSrc: "https://img.b2bpic.net/free-photo/woman-posing-man-few-meters-defocused_1153-2080.jpg",              imageAlt: "Satisfied customer wearing premium glasses"
            },
            {
              id: "2",              value: "100%",              title: "Quality Assurance",              description: "Every frame passes rigorous quality control",              imageSrc: "https://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65196.jpg",              imageAlt: "Quality inspection process"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="OPTIK transformed not just how I see, but how I feel. The craftsmanship is unparalleled, and the customer service exemplifies Scandinavian excellence. These frames are an investment in quality that lasts a lifetime."
          rating={5}
          author="Dr. Alexandra Møller, Architect"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              alt: "Customer Alexandra"
            },
            {
              src: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              alt: "Customer Marcus"
            },
            {
              src: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              alt: "Customer Sophia"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-elegant-professional-businesswoman_23-2150917266.jpg",              alt: "Customer Jakob"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Begin Your Journey"
          description="Visit our Copenhagen atelier for a personal consultation with our master opticians. Let's find your perfect pair."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/focused-business-colleagues-working-together-sitting-workplace-speaking-cellphone-using-computer-teamwork-communication-concept_74855-11707.jpg"
          imageAlt="Modern optical consultation room"
          mediaPosition="right"
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "your@email.com",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "+45 XXXX XXXX",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your vision needs and preferences...",            rows: 5,
            required: true
          }}
          buttonText="Schedule Consultation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="OPTIK"
          ariaLabel="OPTIK Premium Eyewear footer"
        />
      </div>
    </ThemeProvider>
  );
}
