"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="NEXUS"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Started", href: "/contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="NEXUS"
          description="Grow your brand's reach by 300% with our proven data-driven strategies, captivating content creation, and targeted campaigns that deliver measurable results."
          imageSrc="https://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-16157.jpg"
          imageAlt="Creative social media team collaborating on strategy"
          frameStyle="card"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="NEXUS transformed our social media presence completely. Their strategic approach and creative excellence drove unprecedented engagement and sales growth. We've never seen better results."
          rating={5}
          author="Sarah Mitchell, CEO of Luxe Fashion"
          useInvertedBackground="invertDefault"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", alt: "Sarah Mitchell" },
            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "James Chen" },
            { src: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "Elena Rodriguez" },
            { src: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Michael Thompson" },
            { src: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Lisa Anderson" },
            { src: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "David Park" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="NEXUS"
          columns={[
            {
              items: [
                { label: "Services", href: "services" },
                { label: "Portfolio", href: "portfolio" },
                { label: "Pricing", href: "pricing" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Team", href: "about" },
                { label: "Careers", href: "https://nexus-agency.com/careers" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "hello@nexus-agency.com", href: "mailto:hello@nexus-agency.com" },
                { label: "+1 (555) 123-4567", href: "tel:+15551234567" }
              ]
            },
            {
              items: [
                { label: "Twitter", href: "https://twitter.com/nexus-agency" },
                { label: "Instagram", href: "https://instagram.com/nexus-agency" },
                { label: "LinkedIn", href: "https://linkedin.com/company/nexus-agency" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}