"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Linkedin, Mail, Instagram, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="plain"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Biba dlya Boy"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Models", id: "models" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Discover Premium Talent"
          description="Biba dlya Boy represents the finest models in the industry. Stunning portfolios, diverse talent, and proven track records."
          tag="Elite Agency"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Models", href: "#models" },
            { text: "Get in Touch", href: "#contact" }
          ]}
          carouselItems={[
            { id: "1", 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: "Featured Model 1" },
            { id: "2", imageSrc: "https://img.b2bpic.net/free-photo/young-transgender-person-using-hair-net_23-2148827030.jpg", imageAlt: "Featured Model 2" },
            { id: "3", imageSrc: "https://img.b2bpic.net/free-photo/young-transgender-person-looking-away_23-2148827036.jpg", imageAlt: "Featured Model 3" },
            { id: "4", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-posing_176420-3741.jpg", imageAlt: "Featured Model 4" },
            { id: "5", imageSrc: "https://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275135.jpg", imageAlt: "Featured Model 5" },
            { id: "6", imageSrc: "https://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg", imageAlt: "Featured Model 6" }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Biba dlya Boy"
          description="Industry-leading modeling agency with a reputation for excellence"
          tabs={[
            {
              id: "expertise",              label: "Expertise",              description: "With over 15 years in the modeling industry, we've perfected the art of talent management. Our team of experienced agents works tirelessly to match models with the perfect opportunities that align with their career goals."
            },
            {
              id: "network",              label: "Network",              description: "Our extensive network spans top fashion houses, advertising agencies, and media companies worldwide. We maintain strong relationships with industry leaders to ensure our models access the best opportunities available."
            },
            {
              id: "support",              label: "Support",              description: "We provide comprehensive support including professional coaching, portfolio development, and career guidance. Our dedicated team is committed to nurturing talent and building successful careers."
            },
            {
              id: "diversity",              label: "Diversity",              description: "We celebrate diversity and inclusion in fashion. Our roster showcases models of all backgrounds, body types, and identities, believing beauty comes in many forms."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-colleagues-discussing-project_23-2149721918.jpg"
          imageAlt="Biba dlya Boy Agency Team"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="models" data-section="models">
        <FeatureCardMedia
          title="Featured Models"
          description="Explore our hand-picked selection of exceptional talent ready for their next big opportunity"
          features={[
            {
              id: "model-1",              title: "Elena Rossi",              description: "High fashion model specializing in runway and editorial work. Featured in major international campaigns.",              tag: "High Fashion",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-indigenous-person-integrated-into-modern-life_23-2151102537.jpg",              imageAlt: "Elena Rossi - High Fashion Model",              buttons: [{ text: "View Portfolio", href: "#" }]
            },
            {
              id: "model-2",              title: "Marcus Johnson",              description: "Versatile male model excelling in commercial and lifestyle photography. Strong portfolio with luxury brands.",              tag: "Commercial",              imageSrc: "https://img.b2bpic.net/free-photo/young-transgender-person-front-view_23-2148827046.jpg",              imageAlt: "Marcus Johnson - Commercial Model",              buttons: [{ text: "View Portfolio", href: "#" }]
            },
            {
              id: "model-3",              title: "Sophia Laurent",              description: "Plus-size model breaking barriers in the fashion industry. Advocate for body positivity and inclusion.",              tag: "Plus-Size",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling_176420-3742.jpg",              imageAlt: "Sophia Laurent - Plus-Size Model",              buttons: [{ text: "View Portfolio", href: "#" }]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Success by Numbers"
          description="Proven results and industry-leading achievements"
          metrics={[
            { id: "1", value: "200+", description: "Active Models in Portfolio" },
            { id: "2", value: "500+", description: "Successful Placements Annually" },
            { id: "3", value: "15+", description: "Years of Industry Experience" },
            { id: "4", value: "95%", description: "Client Satisfaction Rate" }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Working with Biba dlya Boy transformed my modeling career. Their dedicated team provided exceptional guidance, opened doors I never thought possible, and truly invested in my success. I couldn't be happier with the results."
          rating={5}
          author="Isabella Martinez, International Model"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186122.jpg", alt: "Client Avatar 1" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2148827181.jpg", alt: "Client Avatar 2" },
            { src: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601457.jpg", alt: "Client Avatar 3" },
            { src: "https://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg", alt: "Client Avatar 4" },
            { src: "https://img.b2bpic.net/free-photo/medium-shot-beautiful-woman-work_23-2149304145.jpg", alt: "Client Avatar 5" },
            { src: "https://img.b2bpic.net/free-photo/woman-with-blond-short-hair-tanned-smiling-cute-gazing-camera-with-friendly_176420-44610.jpg", alt: "Client Avatar 6" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Leadership"
          description="Experienced professionals dedicated to advancing your modeling career"
          members={[
            {
              id: "1",              name: "Victoria Chen",              role: "Founder & CEO",              description: "Industry veteran with 20+ years experience managing top international talent.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Victoria Chen - CEO",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Mail, url: "mailto:victoria@bibadlaboy.com" }
              ]
            },
            {
              id: "2",              name: "Alexander Petrov",              role: "Director of Operations",              description: "Expert in strategic placement and brand partnerships with global fashion houses.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageAlt: "Alexander Petrov - Director",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Mail, url: "mailto:alexander@bibadlaboy.com" }
              ]
            },
            {
              id: "3",              name: "Sophie Laurent",              role: "Talent Development Manager",              description: "Specializes in nurturing emerging talent and building sustainable modeling careers.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Sophie Laurent - Talent Manager",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Mail, url: "mailto:sophie@bibadlaboy.com" }
              ]
            },
            {
              id: "4",              name: "Marco Rossi",              role: "Business Development",              description: "Builds and maintains relationships with top brands and casting directors worldwide.",              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Marco Rossi - Business Development",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Mail, url: "mailto:marco@bibadlaboy.com" }
              ]
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our agency and services"
          faqs={[
            {
              id: "1",              title: "How do I apply to the agency?",              content: "We welcome submissions from aspiring models of all types. Visit our website, fill out the application form, and submit your photos and measurements. Our team reviews all submissions and contacts promising candidates for in-person consultations."
            },
            {
              id: "2",              title: "What are your commission rates?",              content: "Our standard commission is 20% of gross earnings from professional bookings. This includes agency representation, portfolio development, and career guidance. We're transparent about all fees and provide detailed breakdowns in our representation agreements."
            },
            {
              id: "3",              title: "Do you provide training for new models?",              content: "Yes! We offer comprehensive training programs covering runway techniques, posing, interview skills, and professional etiquette. We also provide guidance on nutrition, fitness, and skincare to help models maintain their competitive edge."
            },
            {
              id: "4",              title: "Can I work with other agencies?",              content: "We typically work on exclusive representation terms, but we're flexible depending on your circumstances. Discuss your needs with our team to find an arrangement that works best for your career goals."
            },
            {
              id: "5",              title: "What types of modeling do you represent?",              content: "We represent models across multiple categories including runway, commercial, print, editorial, plus-size, and parts modeling. Our diverse roster allows us to match talent with opportunities across all segments of the industry."
            },
            {
              id: "6",              title: "How often are castings and bookings?",              content: "Booking frequency varies based on demand, model type, and season. Commercial models typically get more frequent bookings, while runway work may be seasonal. We actively pitch our models to clients and keep them informed of all suitable opportunities."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Start Your Journey?"
          ctaDescription="Get in touch with our team today to discuss opportunities and begin your modeling career with Biba dlya Boy."
          ctaButton={{ text: "Schedule Consultation", href: "mailto:info@bibadlaboy.com" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "What information do you need for consultation?",              content: "Bring recent photos (headshot, full-body, and lifestyle), your measurements, and any existing portfolio work. We'll also discuss your goals and assess how we can best support your career development."
            },
            {
              id: "2",              title: "What happens after the initial consultation?",              content: "If we believe there's a good fit, we'll present a representation agreement outlining terms, commissions, and expectations. We'll also discuss your first steps including professional photoshoots and portfolio development."
            },
            {
              id: "3",              title: "How long does it take to get first booking?",              content: "Timeline varies by model type and market demand. Typically, commercial models see bookings within 2-4 weeks, while runway opportunities may take longer depending on castings and seasonal demand."
            },
            {
              id: "4",              title: "Do you cover photoshoot costs?",              content: "We provide guidance and connections to professional photographers. Initial test shoots may be done cost-effectively. Professional portfolio development costs may be split or financed depending on your representation package."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Biba dlya Boy"
          copyrightText="© 2025 Biba dlya Boy Models Agency. All rights reserved."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect with us on LinkedIn" },
            { icon: Mail, href: "mailto:info@bibadlaboy.com", ariaLabel: "Email us" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}