"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Users, Briefcase, Award, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="radialGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Elite Models"
          navItems={[
            { name: "Portfolio", id: "featured" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Exceptional Talent"
          description="Connect with top-tier models for fashion, commercial, and high-fashion campaigns. Our curated roster of professionals brings style, professionalism, and charisma to every project."
          tag="Premium Talent Agency"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/full-shot-model-posing-black-dress_23-2149697969.jpg"
          imageAlt="Featured model portfolio"
          buttons={[
            { text: "View Portfolio", href: "featured" },
            { text: "Work With Us", href: "contact" }
          ]}
        />
      </div>

      <div id="featured" data-section="featured">
        <ProductCardTwo
          title="Featured Models"
          description="Meet our exceptional roster of talent. Each model brings unique style, professionalism, and proven experience across fashion, commercial, and editorial work."
          tag="Our Talent"
          tagIcon={Users}
          products={[
            {
              id: "1",              brand: "Elite Models",              name: "Alexandra Chen",              price: "Fashion & Editorial",              rating: 5,
              reviewCount: "12 campaigns",              imageSrc: "https://img.b2bpic.net/free-photo/modern-young-woman-black-maxi-skirt-silk-white-blouse_343629-130.jpg",              imageAlt: "Alexandra Chen - Fashion Model"
            },
            {
              id: "2",              brand: "Elite Models",              name: "Marcus Johnson",              price: "Commercial & Print",              rating: 5,
              reviewCount: "18 campaigns",              imageSrc: "https://img.b2bpic.net/free-photo/pretty-asian-girl-looking-camera-contrast-portrait_633478-538.jpg",              imageAlt: "Marcus Johnson - Commercial Model"
            },
            {
              id: "3",              brand: "Elite Models",              name: "Sofia Rodriguez",              price: "Runway & High Fashion",              rating: 5,
              reviewCount: "24 campaigns",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11557.jpg",              imageAlt: "Sofia Rodriguez - High Fashion Model"
            },
            {
              id: "4",              brand: "Elite Models",              name: "James Wilson",              price: "Editorial & Commercial",              rating: 5,
              reviewCount: "15 campaigns",              imageSrc: "https://img.b2bpic.net/free-photo/modern-young-woman-black-maxi-skirt-silk-white-blouse_343629-130.jpg",              imageAlt: "James Wilson - Professional Model"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Elite Models"
          description={[
            "Elite Models is a premier talent agency dedicated to representing the most talented and professional models in the industry. Since 2010, we've been connecting exceptional talent with leading brands, photographers, and production companies.",            "Our mission is to nurture careers, build lasting relationships, and deliver outstanding results for every project. We represent models across fashion, commercial, editorial, and runway work, ensuring each talent receives personalized management and career development.",            "With offices in major fashion capitals and a network of industry connections, we provide our models with unparalleled opportunities for growth and success."
          ]}
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          title="Our Services"
          description="Comprehensive talent management and booking solutions tailored to your needs"
          tag="What We Offer"
          tagIcon={Briefcase}
          features={[
            {
              id: 1,
              title: "Professional Representation",              description: "Our expert team manages contracts, negotiates rates, and handles all booking logistics so our models can focus on their craft.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/modern-young-woman-black-maxi-skirt-silk-white-blouse_343629-130.jpg"
              }
            },
            {
              id: 2,
              title: "Career Development",              description: "From portfolio building to coaching and industry connections, we invest in our talent's long-term success and growth.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/pretty-asian-girl-looking-camera-contrast-portrait_633478-538.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11557.jpg"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Client Testimonials"
          description="Hear what brands, photographers, and directors say about working with our talented roster"
          tag="Success Stories"
          tagIcon={Award}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sophia Laurent",              handle: "Creative Director, Haute Fashion Co",              testimonial: "Working with Elite Models is always a pleasure. Their talent roster is impeccable, and every booking runs seamlessly. The professionalism is unmatched in the industry.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sophia Laurent"
            },
            {
              id: "2",              name: "David Chen",              handle: "Lead Photographer, Urban Shots",              testimonial: "The models from Elite are incredibly professional and prepared. They consistently deliver exceptional results, making my shoots a breeze.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Emma Thompson",              handle: "Brand Manager, Luxury Cosmetics",              testimonial: "Elite Models found us the perfect face for our campaign. Their attention to detail and understanding of our brand vision was outstanding.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              imageAlt: "Emma Thompson"
            },
            {
              id: "4",              name: "Michael Brooks",              handle: "Director, Commercial Productions",              testimonial: "Year after year, Elite Models delivers talent that exceeds expectations. They're our go-to agency for all commercial and editorial work.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg",              imageAlt: "Michael Brooks"
            },
            {
              id: "5",              name: "Lucia Moretti",              handle: "Fashion Editor, Style Magazine",              testimonial: "The diversity and caliber of talent from Elite Models is remarkable. They truly represent the future of the modeling industry.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg",              imageAlt: "Lucia Moretti"
            },
            {
              id: "6",              name: "James Patterson",              handle: "CEO, Pattern Designs",              testimonial: "Elite's professionalism and commitment to their models' success is evident in every interaction. Highly recommended for any agency seeking top talent.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "James Patterson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get Your Model Booked"
          ctaDescription="Reach out to discuss your project and find the perfect talent from our roster."
          ctaButton={{
            text: "Send Inquiry",            href: "#"
          }}
          ctaIcon={Mail}
          faqs={[
            {
              id: "1",              title: "How do I book a model?",              content: "Simply contact our booking team with project details, timeline, and talent preferences. We'll match you with the perfect fit and handle all contract negotiations."
            },
            {
              id: "2",              title: "What are your rates?",              content: "Rates vary based on experience level, project type, and usage rights. Contact us for custom quotes tailored to your specific needs."
            },
            {
              id: "3",              title: "Do you represent international models?",              content: "Yes! We have a global network of talent and can arrange bookings across multiple regions with proper visa and work permit coordination."
            },
            {
              id: "4",              title: "What is your booking lead time?",              content: "We recommend contacting us at least 2-4 weeks in advance for optimal availability. Rush bookings may be available depending on schedule."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Elite Models"
        />
      </div>
    </ThemeProvider>
  );
}