"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Zap, Sparkles, MessageSquare } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="NEXUS DIGITAL"
          button={{
            text: "Start Project",
            href: "/contact"
          }}
          className="backdrop-blur-md bg-opacity-80"
          buttonClassName="px-6 py-2 rounded-full font-semibold"
          buttonTextClassName="text-sm font-medium"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard 
          title="Digital Excellence for Miami Enterprises"
          description="Transform your brand with cutting-edge marketing strategies powered by AI and human creativity. We craft unforgettable digital experiences that drive growth and innovation."
          tag="Futuristic Marketing"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-photo/businessman-navigates-pc-check-corporation-profit_482257-85709.jpg"
          imageAlt="Modern Miami digital marketing agency workspace"
          buttons={[
            { text: "Explore Services", href: "/services" },
            { text: "View Portfolio", href: "/portfolio" }
          ]}
          className="relative overflow-hidden"
          containerClassName="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"
          titleClassName="text-5xl md:text-7xl font-bold tracking-tight"
          descriptionClassName="text-lg md:text-xl opacity-90 max-w-2xl"
          tagClassName="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-cyan-500/20 to-magenta-500/20"
          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
          buttonClassName="px-8 py-3 rounded-full font-semibold transition-all duration-300"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne 
          title="Our Services"
          description="Comprehensive digital marketing solutions designed to elevate your brand in the competitive Miami market"
          tag="What We Offer"
          tagIcon={Sparkles}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="invertDefault"
          features={[
            {
              title: "Brand Strategy & Positioning",
              description: "Develop compelling brand narratives that resonate with your target audience and establish market authority",
              imageSrc: "https://img.b2bpic.net/free-vector/neon-business-cards-pack_23-2148566003.jpg",
              imageAlt: "Brand strategy and positioning services"
            },
            {
              title: "Digital Marketing Campaigns",
              description: "Data-driven campaigns across social media, search, and display networks maximizing ROI and engagement",
              imageSrc: "https://img.b2bpic.net/free-vector/geometric-business-cards-template_23-2149151388.jpg",
              imageAlt: "Digital marketing campaign management"
            },
            {
              title: "Content & Media Production",
              description: "Premium video, photography, and content creation that tells your brand story with cinematic excellence",
              imageSrc: "https://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148374363.jpg",
              imageAlt: "Content and media production services"
            }
          ]}
          containerClassName="max-w-7xl mx-auto"
          titleClassName="text-4xl md:text-5xl font-bold"
          descriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
          cardTitleClassName="text-xl font-bold mt-4"
          cardDescriptionClassName="text-sm opacity-75 leading-relaxed"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix 
          title="What Our Clients Say"
          description="Testimonials from leading brands who've transformed their digital presence with our expertise"
          tag="Client Feedback"
          tagIcon={MessageSquare}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          speed={40}
          topMarqueeDirection="left"
          testimonials={[
            {
              id: "1",
              name: "Marcus Johnson",
              handle: "CEO, TechVenture Labs",
              testimonial: "NEXUS Digital transformed our go-to-market strategy. Within 6 months, we achieved 10x growth and secured Series B funding. Their strategic insight is unmatched.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",
              name: "Sarah Chen",
              handle: "Founder, Luxe Retail Co",
              testimonial: "The e-commerce platform redesign increased conversion rates by 245%. NEXUS doesn't just execute campaigns—they build businesses. Phenomenal partnership.",
              imageSrc: "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",
              imageAlt: "Sarah Chen"
            },
            {
              id: "3",
              name: "David Rodriguez",
              handle: "VP Marketing, CloudFlow Systems",
              testimonial: "Working with NEXUS elevated our brand position in the SaaS space. Their data-driven approach and creative excellence delivered exceptional results every single time.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
              imageAlt: "David Rodriguez"
            },
            {
              id: "4",
              name: "Jessica Williams",
              handle: "CMO, Digital Innovations Inc",
              testimonial: "Their team brings both strategic thinking and creative excellence. We've more than tripled our marketing ROI and established market leadership in our vertical.",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
              imageAlt: "Jessica Williams"
            },
            {
              id: "5",
              name: "Thomas Park",
              handle: "Creative Director, Design House Miami",
              testimonial: "NEXUS understands the Miami market like no other agency. They've positioned our brand as an industry innovator. Truly exceptional work and partnership.",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
              imageAlt: "Thomas Park"
            },
            {
              id: "6",
              name: "Amanda Foster",
              handle: "Marketing Lead, Growth Dynamics",
              testimonial: "From strategy to execution, NEXUS delivers with precision and innovation. Their futuristic approach to marketing has set us apart from competitors.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
              imageAlt: "Amanda Foster"
            }
          ]}
          containerClassName="max-w-7xl mx-auto"
          titleClassName="text-4xl md:text-5xl font-bold"
          descriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
          cardClassName="p-6 rounded-2xl backdrop-blur-lg"
          testimonialClassName="text-base leading-relaxed line-clamp-2"
          nameClassName="font-bold text-cyan-400"
          handleClassName="text-sm opacity-70"
        />
      </div>

      <FooterLogoEmphasis 
        logoText="NEXUS DIGITAL"
        columns={[
          {
            items: [
              { label: "Services", href: "/services" },
              { label: "Portfolio", href: "/portfolio" },
              { label: "About", href: "/about" }
            ]
          },
          {
            items: [
              { label: "Testimonials", href: "#testimonials" },
              { label: "Contact", href: "/contact" },
              { label: "Case Studies", href: "/case-studies" }
            ]
          },
          {
            items: [
              { label: "Privacy Policy", href: "#privacy" },
              { label: "Terms & Conditions", href: "#terms" },
              { label: "Cookie Settings", href: "#cookies" }
            ]
          }
        ]}
        ariaLabel="Site footer"
        className="py-12 md:py-16 border-t border-white/10"
        containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
        logoClassName="text-3xl font-bold text-cyan-400 text-center mb-12"
        columnsClassName="grid grid-cols-1 md:grid-cols-3 gap-8"
        columnClassName="space-y-3"
        itemClassName="flex items-center gap-2 text-sm opacity-80 hover:opacity-100 transition-opacity"
        buttonClassName="inline-flex items-center gap-2 hover:gap-3 transition-all"
      />
    </ThemeProvider>
  );
}