"use client";

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Star, Heart, Zap, MessageSquare } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Young Women"
          navItems={[
            { name: "Models", id: "models" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Talent",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Discover Elite Talent"
          description="Young Women represents the most talented and versatile models in the industry. From runway to editorial, our roster delivers excellence across all segments of fashion and entertainment."
          tag="Premium Talent Agency"
          tagIcon={Sparkles}
          kpis={[
            { value: "50+", label: "Professional Models" },
            { value: "100%", label: "Client Satisfaction" },
            { value: "500+", label: "Successful Placements" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-young-brunette-woman-black-sweater-with-crossed-arms-chest_613910-7044.jpg"
          imageAlt="Young Women Models - Premium talent showcase"
          imagePosition="right"
          enableKpiAnimation={true}
          buttons={[
            { text: "Browse Models", href: "#models" },
            { text: "Partner With Us", href: "#contact" }
          ]}
        />
      </div>

      <div id="models" data-section="models">
        <ProductCardFour
          title="Featured Models"
          description="Meet our most sought-after talent. Each model brings unique charisma, professionalism, and versatility to every project."
          tag="Our Talent"
          tagIcon={Star}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "model-1",              name: "Sophia Laurent",              price: "Runway",              variant: "Fashion Model • 5'10\"",              imageSrc: "https://img.b2bpic.net/free-photo/beauty-young-woman-wears-white-shirt-portrait_633478-1300.jpg",              imageAlt: "Sophia Laurent - Fashion Model"
            },
            {
              id: "model-2",              name: "Victoria Chen",              price: "Editorial",              variant: "Talent Model • 5'9\"",              imageSrc: "https://img.b2bpic.net/free-photo/seductive-close-up-photo-beautiful-blonde-girl-cocktail-silk-dress-seduces-someone-touching-her-lips-by-her-finger_639032-835.jpg",              imageAlt: "Victoria Chen - Editorial Model"
            },
            {
              id: "model-3",              name: "Jasmine Moore",              price: "Commercial",              variant: "Versatile Model • 5'8\"",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-asian-girl-looking-camera-contrast-portrait_633478-538.jpg",              imageAlt: "Jasmine Moore - Commercial Model"
            },
            {
              id: "model-4",              name: "Isabella Santos",              price: "Lookbook",              variant: "Rising Talent • 5'9\"",              imageSrc: "https://img.b2bpic.net/free-photo/indoor-shot-lovely-woman-black-posing-camera_291650-662.jpg",              imageAlt: "Isabella Santos - Emerging Model"
            }
          ]}
          buttons={[
            { text: "View Full Roster", href: "#contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Young Women"
          tagIcon={Heart}
          title="Where Talent Meets Opportunity"
          description="Founded in 2015, Young Women has become a premier modeling agency dedicated to nurturing diverse talent and creating career opportunities. We combine industry expertise with personalized attention to ensure every model reaches their full potential. Our commitment to professionalism, integrity, and innovation sets us apart."
          metrics={[
            { value: "18+", title: "Years of Industry Excellence" },
            { value: "4.9/5", title: "Average Client Rating" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/cheerful-lady-boss-talking-employees_1262-7176.jpg"
          imageAlt="Young Women Talent Agency - Team photo"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSixteen
          title="Why Choose Young Women Agency"
          description="We go beyond traditional representation to provide comprehensive support and career guidance."
          tag="Our Services"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          negativeCard={{
            items: [
              "Limited career development support",              "Inconsistent communication",              "No exclusive opportunities",              "Generic representation strategy"
            ]
          }}
          positiveCard={{
            items: [
              "Dedicated career coaching and mentorship",              "24/7 responsive support team",              "Exclusive high-profile opportunities",              "Personalized representation strategy"
            ]
          }}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Clients Say"
          description="Success stories from models and fashion brands who trust Young Women Agency."
          tag="Client Reviews"
          tagIcon={MessageSquare}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Maria Rodriguez",              role: "Fashion Model",              company: "Freelance Talent",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",              imageAlt: "Maria Rodriguez - Model at Young Women Agency"
            },
            {
              id: "2",              name: "Emma Thompson",              role: "Creative Director",              company: "Fashion Brand Co.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Emma Thompson - Fashion Brand Client"
            },
            {
              id: "3",              name: "Lisa Wang",              role: "Editorial Model",              company: "Magazine Features",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Lisa Wang - Editorial Model"
            },
            {
              id: "4",              name: "Jessica Blake",              role: "Commercial Director",              company: "Advertising Agency",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Jessica Blake - Advertising Professional"
            },
            {
              id: "5",              name: "Sophie Martin",              role: "Model Manager",              company: "Boutique Agency",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Sophie Martin - Industry Professional"
            },
            {
              id: "6",              name: "Rachel Green",              role: "Runway Model",              company: "Elite Talent",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Rachel Green - Runway Model"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to launch or advance your modeling career? Connect with our team today to explore exclusive opportunities."
          animationType="background-highlight"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Get in Touch", href: "mailto:info@youngwomen.agency" },
            { text: "Schedule a Meeting", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Young Women"
          columns={[
            {
              title: "Agency",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Models", href: "#models" },
                { label: "Services", href: "#services" }
              ]
            },
            {
              title: "For Brands",              items: [
                { label: "Casting Services", href: "#" },
                { label: "Book Talent", href: "#contact" },
                { label: "Partnerships", href: "#" }
              ]
            },
            {
              title: "For Models",              items: [
                { label: "Apply Now", href: "#" },
                { label: "Career Resources", href: "#" },
                { label: "Industry News", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Instagram", href: "#" },
                { label: "LinkedIn", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Young Women Agency. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}