"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="medium"
      background="noiseDiagonalGradient"
      cardStyle="solid"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Sosibiby"
          navItems={[
            { name: "Models", id: "portfolio" },
            { name: "Agency", id: "about" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Apply Now",            href: "contact"
          }}
          buttonClassName="text-sm font-semibold"
          buttonTextClassName="font-serif"
        />
      </div>

      <div id="hero" data-section="hero" style={{ backgroundColor: "#f0e6ff" }}>
        <HeroBillboardCarouselSplit
          title="Discover Premium Talent with Sosibiby"
          mediaItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698829767-sl4kacxs.jpg", imageAlt: "Professional model portrait" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698830838-spuir4pu.jpg", imageAlt: "Fashion model in studio" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698831556-lvx31nt1.jpg", imageAlt: "Runway model pose" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704133121-pum6pkge.jpg", imageAlt: "Beauty portrait model" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704134693-ae8j5sqw.jpg", imageAlt: "Professional photoshoot" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704135402-u7zernwu.jpg", imageAlt: "Elegant model portrait" }
          ]}
          buttons={[
            { text: "Browse Models", href: "portfolio" },
            { text: "Become a Model", href: "contact" }
          ]}
          ariaLabel="Hero section with featured models carousel"
          titleClassName="font-serif text-5xl md:text-6xl font-bold"
        />
      </div>

      <div id="about" data-section="about" style={{ backgroundColor: "#e6f0ff" }}>
        <MediaAbout
          title="Representing Excellence in Modeling"
          description="Sosibiby is a premier modeling agency dedicated to discovering, developing, and promoting the most talented models in the industry. With over a decade of experience, we connect exceptional talent with world-class opportunities in fashion, beauty, commercial, and entertainment sectors. Our commitment to professionalism and personalized representation sets us apart."
          tag="About Us"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704146532-ar9x0ctq.jpg"
          imageAlt="Sosibiby agency team"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Portfolio", href: "portfolio" }
          ]}
        />
      </div>

      <div id="portfolio" data-section="portfolio" style={{ backgroundColor: "#1cde5d" }}>
        <ProductCardOne
          title="Featured Models"
          description="Explore our exclusive roster of talented professionals ready for your next project"
          tag="Portfolio"
          products={[
            {
              id: "model-1",              name: "Alexandra Moore",              price: "Premium",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698832494-ef367cnz.jpg",              imageAlt: "Alexandra Moore model portfolio"
            },
            {
              id: "model-2",              name: "James Chen",              price: "Elite",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704136081-8k0zkwbl.jpg",              imageAlt: "James Chen model portfolio"
            },
            {
              id: "model-3",              name: "Sofia Rodriguez",              price: "Premium",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704136830-ylcnl9cx.jpg",              imageAlt: "Sofia Rodriguez model portfolio"
            },
            {
              id: "model-4",              name: "Emma Watson",              price: "Elite",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704137466-21tu2neg.jpg",              imageAlt: "Emma Watson model portfolio"
            },
            {
              id: "model-5",              name: "Lucas Malik",              price: "Premium",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704138002-s3dum7vh.jpg",              imageAlt: "Lucas Malik model portfolio"
            },
            {
              id: "model-6",              name: "Isabelle Laurent",              price: "Elite",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704138796-3jhwj20w.jpg",              imageAlt: "Isabelle Laurent model portfolio"
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="team" data-section="team" style={{ backgroundColor: "#f5e6ff" }}>
        <TeamCardTen
          title="Meet the Sosibiby Team"
          tag="Leadership"
          members={[
            {
              id: "1",              name: "Victoria Chen",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704139352-zzdkijiu.jpg",              imageAlt: "Victoria Chen, Founder & CEO"
            },
            {
              id: "2",              name: "Marcus Thompson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704139921-3qkxpvn3.jpg",              imageAlt: "Marcus Thompson, Head of Talent"
            },
            {
              id: "3",              name: "Sophia Petrov",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704140616-gerpgiei.jpg",              imageAlt: "Sophia Petrov, Booking Director"
            },
            {
              id: "4",              name: "Aisha Okonkwo",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704139352-zzdkijiu.jpg",              imageAlt: "Aisha Okonkwo, Marketing Director"
            },
            {
              id: "5",              name: "David Lee",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704139921-3qkxpvn3.jpg",              imageAlt: "David Lee, Operations Manager"
            }
          ]}
          memberVariant="default"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="testimonials" data-section="testimonials" style={{ backgroundColor: "#fff0e6" }}>
        <TestimonialCardEleven
          title="Client Success Stories"
          description="Hear from photographers, brands, and industry leaders who trust Sosibiby talent"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              nameTitle: "Paris Fashion Week Organizer",              quote: "The models Sosibiby provided were absolutely exceptional. Professional, punctual, and photogenic. They elevated our entire runway show.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704141101-0h0ejuib.jpg",              imageAlt: "Fashion week organizer"
            },
            {
              id: "2",              nameTitle: "David Kim, Leading Photographer",              quote: "Working with Sosibiby's roster has been transformative for my studio. Their talent management is unparalleled in professionalism.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704141703-ibok9no2.jpg",              imageAlt: "Professional photographer"
            },
            {
              id: "3",              nameTitle: "Luxury Brand Director",              quote: "We've collaborated with Sosibiby for multiple campaigns. Their models understand brand vision and deliver exceptional results every time.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704142274-szqu4u27.jpg",              imageAlt: "Brand director testimonial"
            },
            {
              id: "4",              nameTitle: "Emily Rodriguez, Content Creator",              quote: "Sosibiby matched me with the perfect model for my project. The booking process was seamless and the talent was incredibly professional.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704142981-6upbidzq.jpg",              imageAlt: "Content creator"
            },
            {
              id: "5",              nameTitle: "James Park, Commercial Director",              quote: "The diversity and quality of talent at Sosibiby is remarkable. They consistently deliver models who exceed expectations.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704143875-f16fklle.jpg",              imageAlt: "Commercial director"
            },
            {
              id: "6",              nameTitle: "Laura Bennett, Casting Agent",              quote: "Sosibiby is my go-to agency for premium talent. Every model is well-prepared and brings professionalism to every shoot.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704145116-37i3w6eg.jpg",              imageAlt: "Casting agent testimonial"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact" style={{ backgroundColor: "#fff5f0" }}>
        <ContactCenter
          tag="Get Started"
          title="Join the Sosibiby Family"
          description="Whether you're an aspiring model or a brand looking for premium talent, we'd love to hear from you. Sign up to stay connected with exclusive opportunities."
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email address"
          buttonText="Sign Up"
          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. We respect your privacy and will only use your information for modeling opportunities."
        />
      </div>

      <div id="footer" data-section="footer" style={{ backgroundColor: "#f0ebff" }}>
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704145507-m665a9i0.jpg"
          imageAlt="Sosibiby runway models"
          logoText="Sosibiby"
          copyrightText="© 2025 Sosibiby Models Agency. All rights reserved."
          columns={[
            {
              title: "Agency",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Models", href: "#portfolio" },
                { label: "Careers", href: "#careers" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Blog", href: "#blog" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms of Service", href: "#terms" },
                { label: "Cookie Policy", href: "#cookies" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
