"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Camera, Briefcase, Star, Instagram, Linkedin, Twitter } from 'lucide-react';
import Link from "next/link";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="large"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Alesha"
          navItems={[
            { name: "About", id: "/about" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Get in Touch",            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Alesha"
          description="Elite modeling agency representing the world's most sought-after talent"
          buttons={[
            { text: "View Portfolio", href: "/portfolio" },
            { text: "Book a Model", href: "/contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-posing_176420-3741.jpg"
          imageAlt="Professional fashion model portrait"
          showDimOverlay={true}
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Alesha"
          tagIcon={Sparkles}
          title="Elevating Talent to Iconic Status"
          description="Alesha represents the pinnacle of modeling excellence, representing over 150 elite talent across fashion, commercial, runway, and editorial sectors. With two decades of industry experience, we've cultivated relationships with top fashion houses, luxury brands, and leading publications worldwide. Our agency combines strategic career development with personalized representation, ensuring each model reaches their full potential."
          metrics={[
            { value: "150+", title: "Represented Models" },
            { value: "20+", title: "Years Industry Excellence" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-women-testing-colours_23-2150538663.jpg"
          imageAlt="Alesha agency workspace and team"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardOne
          title="Featured Models"
          description="Discover our most in-demand talent across fashion, commercial, and editorial verticals"
          tag="Portfolio"
          tagIcon={Camera}
          products={[
            {
              id: "1",              name: "Sophia Laurent",              price: "High Fashion",              imageSrc: "https://img.b2bpic.net/free-photo/young-transgender-person-looking-away_23-2148827036.jpg",              imageAlt: "Sophia Laurent - Elite fashion model"
            },
            {
              id: "2",              name: "Marcus Sterling",              price: "Commercial & Runway",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling_176420-3742.jpg",              imageAlt: "Marcus Sterling - Versatile commercial model"
            },
            {
              id: "3",              name: "Aria Chen",              price: "Editorial & Commercial",              imageSrc: "https://img.b2bpic.net/free-photo/young-transgender-person-using-hair-net_23-2148827030.jpg",              imageAlt: "Aria Chen - Editorial specialist model"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[{ text: "View All Models", href: "/portfolio" }]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Industry Recognition"
          description="Trusted by leading brands and industry professionals worldwide"
          tag="Testimonials"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Victoria Rossi",              role: "Creative Director",              testimonial: "Alesha consistently provides exceptional talent that elevates our editorial vision. Their models are not just beautiful, but true professionals who understand the craft.",              imageSrc: "https://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg",              imageAlt: "Victoria Rossi - Creative Director"
            },
            {
              id: "2",              name: "Jacques Laurent",              role: "Fashion Designer",              testimonial: "Working with Alesha's roster for fashion week has been transformative. They understand our design aesthetic and provide perfectly matched talent every season.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",              imageAlt: "Jacques Laurent - Fashion Designer"
            },
            {
              id: "3",              name: "Emma Thompson",              role: "Event Director",              testimonial: "The professionalism and reliability of Alesha's team is unmatched. They've been our go-to agency for high-profile commercial campaigns and brand ambassadorships.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg",              imageAlt: "Emma Thompson - Event Director"
            },
            {
              id: "4",              name: "Marco Bianchi",              role: "Photographer",              testimonial: "Every model I've worked with from Alesha has been punctual, prepared, and genuinely collaborative. It's a pleasure working with such a well-managed roster.",              imageSrc: "https://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg",              imageAlt: "Marco Bianchi - Photographer"
            }
          ]}
          animationType="slide-up"
          carouselMode="auto"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterCard
        logoText="Alesha"
        copyrightText="© 2025 Alesha Model Agency. All rights reserved."
        socialLinks={[
          { icon: Instagram, href: "https://instagram.com/alesha-models", ariaLabel: "Instagram" },
          { icon: Linkedin, href: "https://linkedin.com/company/alesha-models", ariaLabel: "LinkedIn" },
          { icon: Twitter, href: "https://twitter.com/alesha-models", ariaLabel: "Twitter" }
        ]}
      />
    </ThemeProvider>
  );
}