"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Sparkles, Mail, Instagram, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="dotGrid"
      cardStyle="elevated-accent"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="minimal"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Krasotka"
          button={{
            text: "Get In Touch",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Discover Exceptional Talent"
          description="Krasotka is Russia's premier model agency, connecting visionary brands with extraordinary talent. Elevating careers and creating unforgettable moments."
          tag="Talent Management Agency"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698829767-sl4kacxs.jpg"
          imageAlt="Krasotka featured model portrait"
          frameStyle="card"
          buttons={[
            {
              text: "Browse Talent",              href: "#portfolio"
            },
            {
              text: "Partner With Us",              href: "#contact"
            }
          ]}
          metricsLabel="Trusted by leading fashion brands and production companies worldwide"
          metrics={[
            {
              id: "1",              value: "500+",              label: "Talented Models"
            },
            {
              id: "2",              value: "1000+",              label: "Successful Campaigns"
            },
            {
              id: "3",              value: "15+",              label: "Years of Excellence"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Legacy"
          title="We don't just represent models—we transform careers and create fashion history."
          description="Founded in 2009"
          subdescription="Krasotka Talent Management"
          icon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698834964-0907q9q0.jpg"
          imageAlt="Krasotka agency casting session"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <FeatureCardFourteen
          title="Featured Models"
          description="Explore our exclusive roster of talented models available for bookings"
          tag="Talent Portfolio"
          features={[
            {
              id: "1",              title: "Professional Excellence",              description: "Vetted models with runway, editorial, and commercial experience",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698830838-spuir4pu.jpg",              imageAlt: "Featured model in professional portfolio"
            },
            {
              id: "2",              title: "Diverse Looks",              description: "Wide range of ethnicities, ages, and types for every casting need",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698831556-lvx31nt1.jpg",              imageAlt: "Diverse model representation"
            },
            {
              id: "3",              title: "Proven Track Record",              description: "Models featured in major campaigns, runway shows, and editorials",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698832494-ef367cnz.jpg",              imageAlt: "Model with proven fashion industry experience"
            },
            {
              id: "4",              title: "Rising Stars",              description: "Emerging talent with tremendous potential and unique marketability",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698833501-8ikqvrsx.jpg",              imageAlt: "Emerging model talent"
            },
            {
              id: "5",              title: "Established Icons",              description: "Recognized faces with extensive commercial and editorial credits",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698834226-xjpfoh9l.jpg",              imageAlt: "Established model professional portrait"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardOne
          title="Our Services"
          description="Comprehensive talent management solutions for models and brands"
          tag="Agency Services"
          products={[
            {
              id: "1",              name: "Talent Representation",              price: "Industry Standard Commission",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698830838-spuir4pu.jpg",              imageAlt: "Talent representation service"
            },
            {
              id: "2",              name: "Casting Services",              price: "Custom Quote",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698831556-lvx31nt1.jpg",              imageAlt: "Professional casting services"
            },
            {
              id: "3",              name: "Brand Partnerships",              price: "Collaborative Rates",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698832494-ef367cnz.jpg",              imageAlt: "Brand partnership opportunities"
            },
            {
              id: "4",              name: "Social Media Management",              price: "Agency Managed",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698833501-8ikqvrsx.jpg",              imageAlt: "Social media management for models"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Team"
          description="Industry veterans dedicated to advancing model careers and brand success"
          tag="Leadership"
          members={[
            {
              id: "1",              name: "Irina Volkova",              role: "Founder & CEO",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698838808-gw02h4f1.jpg",              imageAlt: "Irina Volkova, Founder and CEO"
            },
            {
              id: "2",              name: "Viktor Petrov",              role: "Head of Talent",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698839351-04d2cgnt.jpg",              imageAlt: "Viktor Petrov, Head of Talent"
            },
            {
              id: "3",              name: "Svetlana Kozlov",              role: "Casting Director",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698840056-469sxps7.jpg",              imageAlt: "Svetlana Kozlov, Casting Director"
            },
            {
              id: "4",              name: "Dmitri Sokolov",              role: "Brand Relations Manager",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698840675-9zsdkzzw.jpg",              imageAlt: "Dmitri Sokolov, Brand Relations Manager"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Hear from brands and models who've experienced Krasotka excellence"
          tag="Testimonials"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Elena Marchenko",              handle: "@elenamarchenko",              testimonial: "Krasotka transformed my modeling career. The professionalism and support are unmatched. I've booked dream projects I never thought possible.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698836114-ric6d4b4.jpg",              imageAlt: "Elena Marchenko testimonial"
            },
            {
              id: "2",              name: "Mikhail Ivanov",              handle: "Fashion Director, Vogue Russia",              testimonial: "Working with Krasotka is seamless. They consistently deliver talent that exceeds our expectations and understands the vision.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698836698-ror4nxcc.jpg",              imageAlt: "Mikhail Ivanov testimonial"
            },
            {
              id: "3",              name: "Alexandra Sokolova",              handle: "@alexsokolova_model",              testimonial: "The guidance and opportunities provided by Krasotka helped me break into international markets. Truly grateful for their dedication.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698837363-fdzgux0h.jpg",              imageAlt: "Alexandra Sokolova testimonial"
            },
            {
              id: "4",              name: "Igor Zubov",              handle: "Creative Director, Luxury Brands",              testimonial: "Krasotka's roster is exceptional. Every casting with them is a success. They understand quality and professionalism.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698838082-mm326f7v.jpg",              imageAlt: "Igor Zubov testimonial"
            },
            {
              id: "5",              name: "Natalia Bereza",              handle: "@nataliabereza_",              testimonial: "From day one, Krasotka invested in my career development. The results speak for themselves—bookings have never been better.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698836114-ric6d4b4.jpg",              imageAlt: "Natalia Bereza testimonial"
            },
            {
              id: "6",              name: "Roman Petrov",              handle: "Photographer, Editorial",              testimonial: "The models Krasotka represents are professional, punctual, and incredibly talented. They're my go-to agency for editorial work.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698836698-ror4nxcc.jpg",              imageAlt: "Roman Petrov testimonial"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Ready to Book or Join Krasotka?"
          description="Whether you're a brand seeking exceptional talent or a model ready to elevate your career, we'd love to hear from you."
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Contact Us"
          termsText="We respect your privacy. We'll only use your information to discuss opportunities."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Krasotka"
          columns={[
            {
              title: "Agency",              items: [
                {
                  label: "About Us",                  href: "#about"
                },
                {
                  label: "Our Talent",                  href: "#portfolio"
                },
                {
                  label: "Services",                  href: "#services"
                }
              ]
            },
            {
              title: "Resources",              items: [
                {
                  label: "Model Application",                  href: "#apply"
                },
                {
                  label: "Casting Board",                  href: "#casting"
                },
                {
                  label: "FAQ",                  href: "#faq"
                }
              ]
            },
            {
              title: "Contact",              items: [
                {
                  label: "Email",                  href: "mailto:info@krasotka.ru"
                },
                {
                  label: "Phone",                  href: "tel:+7-XXX-XXX-XXXX"
                },
                {
                  label: "Address",                  href: "#contact"
                }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/krasotka_agency",              ariaLabel: "Instagram"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/krasotka",              ariaLabel: "LinkedIn"
            },
            {
              icon: Mail,
              href: "mailto:info@krasotka.ru",              ariaLabel: "Email"
            }
          ]}
          copyrightText="© Krasotka, Inc. 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
