"use client";

import { Award, Eye, Heart, Leaf, Shield, Sparkles, Star } from "lucide-react";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroLogo from "@/components/sections/hero/HeroLogo";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="large"
      background="fluid"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="GELRY"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Collections", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="GELRY"
          description="Curated Nordic fashion meets timeless minimalism. Premium pieces for the refined lifestyle."
          buttons={[
            { text: "Explore Collection", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-stylish-woman-orange-overalls-with-hat-confidently-posing-camera-outdoor_574295-4350.jpg"
          imageAlt="GELRY Fashion Collection"
          showDimOverlay={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Collection"
          description="Discover our handpicked selection of premium pieces that define contemporary style"
          tag="New Arrivals"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",              brand: "GELRY",              name: "Minimalist White Blazer",              price: "1,299 kr",              rating: 5,
              reviewCount: "127",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg",              imageAlt: "White Minimalist Blazer"
            },
            {
              id: "2",              brand: "GELRY",              name: "Tailored Black Trousers",              price: "899 kr",              rating: 5,
              reviewCount: "94",              imageSrc: "http://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg",              imageAlt: "Black Tailored Trousers"
            },
            {
              id: "3",              brand: "GELRY",              name: "Premium Wool Overcoat",              price: "2,499 kr",              rating: 5,
              reviewCount: "156",              imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-tailor-makes-measurements-jeans-with-meter-sewing-workshop_613910-19033.jpg",              imageAlt: "Wool Premium Overcoat"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Heart}
          title="Crafted in Copenhagen, Worn Worldwide"
          description="GELRY represents the intersection of Nordic minimalism and contemporary luxury. Founded in 2015, we curate collections that celebrate clean lines, quality craftsmanship, and timeless elegance. Each piece is thoughtfully selected to reflect the modern lifestyle of the discerning customer."
          metrics={[
            { value: "15+", title: "Years of Fashion Excellence" },
            { value: "50k+", title: "Happy Customers Worldwide" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/pretty-woman-white-blouse-looks-lace-table-brunette-lady-beige-shirt-pants-posing-designer-office_197531-27461.jpg"
          imageAlt="GELRY Design Studio in Copenhagen"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBento
          title="Why Choose GELRY"
          description="Premium quality, sustainable practices, and timeless design"
          tag="Collections"
          tagIcon={Award}
          features={[
            {
              title: "Premium Materials",              description: "Sourced from Europe's finest mills and manufacturers",              bentoComponent: "reveal-icon",              icon: Shield
            },
            {
              title: "Sustainable Production",              description: "Ethical manufacturing with minimal environmental impact",              bentoComponent: "reveal-icon",              icon: Leaf
            },
            {
              title: "Timeless Design",              description: "Pieces that transcend seasons and trends",              bentoComponent: "reveal-icon",              icon: Sparkles
            },
            {
              title: "Expert Curation",              description: "Handpicked by our team of fashion specialists",              bentoComponent: "reveal-icon",              icon: Eye
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Loved by Our Customers"
          description="Hear from those who've discovered GELRY"
          tag="Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sophie Hansen",              handle: "@sophiestyles",              testimonial: "GELRY's pieces are the foundation of my wardrobe. The quality and fit are unmatched. Worth every krone.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1",              imageAlt: "Sophie Hansen"
            },
            {
              id: "2",              name: "Ingrid Andersen",              handle: "@ingridminimal",              testimonial: "Finally found a brand that gets Nordic design. Every item I've purchased has become a closet staple.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2",              imageAlt: "Ingrid Andersen"
            },
            {
              id: "3",              name: "Maja Larsson",              handle: "@majadesign",              testimonial: "The attention to detail is incredible. This is investment fashion done right.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=3",              imageAlt: "Maja Larsson"
            },
            {
              id: "4",              name: "Astrid Bergman",              handle: "@astridwears",              testimonial: "I've been a customer for 5 years. GELRY never disappoints. Exceptional quality and timeless pieces.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=4",              imageAlt: "Astrid Bergman"
            }
          ]}
          showRating={true}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Featured In"
          description="Trusted by leading fashion publications and lifestyle media"
          tag="Press"
          tagIcon={Award}
          names={["Vogue", "Elle", "Harper's Bazaar", "GQ", "Forbes", "Esquire", "Vogue Italia", "WWD"]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg"
          imageAlt="GELRY Copenhagen Boutique"
          logoText="GELRY"
          copyrightText="© 2025 GELRY CPH. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "New Arrivals", href: "#products" },
                { label: "Collections", href: "#features" },
                { label: "Sale", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://www.instagram.com/gelry_cph" },
                { label: "Twitter", href: "#" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
