"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Instagram, Linkedin, Twitter } from "lucide-react";

export default function VitalkaPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="large"
      background="plain"
      cardStyle="gradient-bordered"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Vitalka"
          navItems={[
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Success", id: "metrics" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Join Talent", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit
          tag="Talent Agency"
          title="Discover Elite Talent for Your Brand"
          description="Vitalka represents world-class models, influencers, and creative professionals. From runway to campaigns, we connect extraordinary talent with iconic brands worldwide."
          buttons={[
            { text: "Explore Portfolio", href: "portfolio" },
            { text: "Represent Yourself", href: "contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg"
          imageAlt="Featured model portrait"
          frameStyle="browser"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardSeven
          title="Our Featured Talent"
          description="Meet our roster of exceptional models and creative professionals representing the best in the industry"
          tag="Portfolio"
          textboxLayout="default"
          products={[
            {
              id: "model-1",              name: "Alexandra Chen",              price: "Runway & Commercial",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-young-female-wearing-formal-suit_23-2148880265.jpg",              imageAlt: "Alexandra Chen - Fashion Model"
            },
            {
              id: "model-2",              name: "Marcus Johnson",              price: "Commercial & Editorial",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-stylish-young-girl-business-clothes-posing-light-background-studio-concept-stylish-clothes-sophistication_78826-3395.jpg",              imageAlt: "Marcus Johnson - Commercial Model"
            },
            {
              id: "model-3",              name: "Elena Rodriguez",              price: "Luxury & High Fashion",              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: "Elena Rodriguez - High Fashion Model"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          title="Vitalka Agency"
          description="Leading the future of talent representation with innovation, integrity, and industry excellence"
          tag="About"
          textboxLayout="default"
          contentTag="OUR MISSION"
          contentTitle="Elevating Talent, Creating Opportunities"
          contentDescription="Since 2010, Vitalka has been at the forefront of talent management, connecting exceptional models, influencers, and creative professionals with world-leading brands. We pride ourselves on representing diverse talent, fostering careers, and delivering measurable results for our partners."
          contentButtons={[{ text: "Learn More", href: "#" }]}
          imageSrc="https://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg"
          imageAlt="Vitalka Agency Team"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEight
          title="Industry Leading Results"
          metrics={[
            { id: "1", value: "500+", title: "Models Represented" },
            { id: "2", value: "1,200+", title: "Successful Campaigns" },
            { id: "3", value: "14", title: "Years of Excellence" },
            { id: "4", value: "150+", title: "Brand Partners" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-beautiful-young-female-wearing-formal-suit_23-2148880265.jpg"
          imageAlt="Agency Success"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by leading photographers, brands, and casting directors worldwide"
          cardTag="Client Testimonials"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "David Park",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "David Park"
            },
            {
              id: "3",              name: "Lisa Fontaine",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageAlt: "Lisa Fontaine"
            },
            {
              id: "4",              name: "James Sullivan",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "James Sullivan"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about working with Vitalka and joining our talent roster"
          textPosition="left"
          faqs={[
            {
              id: "1",              title: "How do I apply to Vitalka?",              content: "We accept applications year-round through our online talent submission form. Visit our contact section and submit your portfolio, headshots, and professional information. Our scouting team reviews all applications within 2 weeks."
            },
            {
              id: "2",              title: "What are the requirements to be represented?",              content: "Requirements vary by category (runway, commercial, editorial, influencer). Generally, we look for professionalism, dedication to the craft, and alignment with our brand values. Height and measurements differ depending on the modeling sector."
            },
            {
              id: "3",              title: "Do you work with international models?",              content: "Yes! Vitalka represents talent from around the world. We have partnerships with agencies globally and can facilitate work across multiple countries and markets."
            },
            {
              id: "4",              title: "What commission does Vitalka take?",              content: "Standard commission is 15-20% depending on the contract type and opportunities. This covers scouting, development, marketing, and ongoing support for your career growth."
            },
            {
              id: "5",              title: "Can brands contact you directly for casting?",              content: "Absolutely. Brands, photographers, and casting directors can reach out through our website or contact our casting team directly. We maintain strong relationships with industry leaders for seamless collaborations."
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Join the Vitalka Family"
          description="Whether you're a rising talent seeking representation or a brand looking for the perfect model, let's create something extraordinary together. Subscribe for casting calls and industry updates."
          imageSrc="https://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg"
          imageAlt="Vitalka Contact"
          mediaPosition="right"
          inputPlaceholder="your.email@example.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Updates only, no spam. Unsubscribe anytime."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Vitalka"
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Model Representation", href: "#" },
                { label: "Casting Services", href: "#" },
                { label: "Brand Partnerships", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact Us", href: "contact" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
          copyrightText="© Vitalka Agency, 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}