"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="radialGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="NEXUS"
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Transform Your Brand in the Digital Age"
          description="We craft cutting-edge marketing strategies that elevate Miami businesses to digital prominence. Innovative, data-driven, results-focused."
          tag="Miami's Premier Digital Marketing Agency"
          imageSrc="https://img.b2bpic.net/free-vector/futuristic-design-background_23-2148491663.jpg"
          imageAlt="Futuristic technology and innovation background"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            {
              text: "Explore Services",              href: "about"
            },
            {
              text: "Schedule Consultation",              href: "contact"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About NEXUS"
          title="Digital Marketing Excellence Since 2018"
          description="Based in vibrant Miami, NEXUS has been pioneering innovative marketing solutions for South Florida's most ambitious brands. We combine data science, creative storytelling, and technology to deliver measurable growth. Our team of strategists, designers, and developers work collaboratively to transform your vision into market success."
          metrics={[
            {
              value: "150+",              title: "Successful Campaigns Launched"
            },
            {
              value: "85%",              title: "Average Client ROI Increase"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg"
          imageAlt="NEXUS marketing team collaborating"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Our Core Services"
          description="Comprehensive digital marketing solutions tailored to your business goals"
          tag="Services"
          features={[
            {
              id: "01",              title: "Digital Strategy & Consulting",              description: "Custom roadmaps that align marketing with your business objectives, leveraging market insights and competitive analysis.",              imageSrc: "https://img.b2bpic.net/free-photo/data-information-analytics-perfomance-concept_53876-167154.jpg",              imageAlt: "Digital strategy and planning"
            },
            {
              id: "02",              title: "Social Media Management",              description: "Strategic content creation and community engagement across all platforms to build authentic brand presence.",              imageSrc: "https://img.b2bpic.net/free-photo/busy-multicultural-diverse-employees-analysing-annual-financial-statistics-sitting-desk-front-laptop-holding-documents-searching-business-solutions-team-businesspeople-working-company_482257-13550.jpg",              imageAlt: "Social media marketing"
            },
            {
              id: "03",              title: "Content & Video Production",              description: "Premium creative content from concept to delivery, including photography, videography, and multimedia storytelling.",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-working-with-laptop_23-2149636255.jpg",              imageAlt: "Content creation and video production"
            },
            {
              id: "04",              title: "Brand Identity Development",              description: "Complete brand strategy and visual identity design that captures your essence and resonates with your target audience.",              imageSrc: "https://img.b2bpic.net/free-photo/tablet-shows-analytics-data-meeting_482257-120318.jpg",              imageAlt: "Brand strategy and design"
            }
          ]}
          textboxLayout="default"
          animationType="blur-reveal"
          gridVariant="two-columns-alternating-heights"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Track Record"
          description="Real results from real partnerships with South Florida's leading brands"
          tag="Results"
          tagIcon={Sparkles}
          metrics={[
            {
              id: "1",              value: "320%",              title: "Average Traffic Growth",              description: "Clients experience significant organic reach expansion",              imageSrc: "https://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-58033.jpg",              imageAlt: "Campaign success analytics"
            },
            {
              id: "2",              value: "4.8x",              title: "Average ROI Multiplier",              description: "Return on investment consistently exceeds benchmarks",              imageSrc: "https://img.b2bpic.net/free-photo/business-person-working-his-laptop-looking-chart-data-his-living-room_482257-18753.jpg",              imageAlt: "ROI results dashboard"
            },
            {
              id: "3",              value: "98%",              title: "Client Satisfaction Rate",              description: "Long-term partnerships built on trust and results",              imageSrc: "https://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",              imageAlt: "Client satisfaction metrics"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet the Visionaries"
          description="Talented strategists, designers, and technologists dedicated to your success"
          tag="Leadership Team"
          team={[
            {
              id: "1",              name: "Marcus Rivera",              role: "Founder & CEO",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",              imageAlt: "Marcus Rivera"
            },
            {
              id: "2",              name: "Sofia Mendez",              role: "Chief Strategy Officer",              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5370.jpg",              imageAlt: "Sofia Mendez"
            },
            {
              id: "3",              name: "David Chen",              role: "Creative Director",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg",              imageAlt: "David Chen"
            },
            {
              id: "4",              name: "Isabella Santos",              role: "Lead Developer",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",              imageAlt: "Isabella Santos"
            }
          ]}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Clients Say"
          description="Real feedback from brands we've transformed across Miami and beyond"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Carlos Gutierrez",              handle: "CEO, TechVentures Miami",              testimonial: "NEXUS transformed our digital presence. In 6 months, we doubled our qualified leads and established thought leadership in our industry.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Carlos Gutierrez"
            },
            {
              id: "2",              name: "Amanda Fischer",              handle: "Marketing Director, Luxury Real Estate Co",              testimonial: "The team's creative execution and strategic thinking exceeded expectations. They truly understand Miami's competitive landscape.",              imageSrc: "https://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg",              imageAlt: "Amanda Fischer"
            },
            {
              id: "3",              name: "Jose Rodriguez",              handle: "Founder, Hospitality Group",              testimonial: "NEXUS delivered a comprehensive brand refresh that attracted a completely new customer segment. Outstanding results.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-folded-arms_23-2147955369.jpg",              imageAlt: "Jose Rodriguez"
            },
            {
              id: "4",              name: "Michelle Thompson",              handle: "VP Growth, E-Commerce Startup",              testimonial: "Their data-driven approach to social media marketing generated 450% ROI in year one. Best partnership decision we made.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",              imageAlt: "Michelle Thompson"
            },
            {
              id: "5",              name: "Victor Ramos",              handle: "Owner, Restaurant Group",              testimonial: "From branding to digital marketing, NEXUS handled every detail with professionalism. We see measurable growth every quarter.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",              imageAlt: "Victor Ramos"
            },
            {
              id: "6",              name: "Patricia Medina",              handle: "CEO, Fashion Boutique Chain",              testimonial: "NEXUS understands luxury branding. They elevated our positioning and our customer experience has never been stronger.",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg",              imageAlt: "Patricia Medina"
            }
          ]}
          textboxLayout="default"
          animationType="opacity"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Start Your Transformation"
          title="Ready to Elevate Your Brand?"
          description="Let's discuss your marketing goals and create a strategy that drives real results. Our team is ready to partner with you."
          inputPlaceholder="Enter your business email"
          buttonText="Schedule Free Consultation"
          termsText="By scheduling a consultation, you agree to our Privacy Policy and Terms of Service."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Services",              items: [
                {
                  label: "Digital Strategy",                  href: "#features"
                },
                {
                  label: "Social Media",                  href: "#features"
                },
                {
                  label: "Content Creation",                  href: "#features"
                },
                {
                  label: "Brand Design",                  href: "#features"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "#about"
                },
                {
                  label: "Our Team",                  href: "#team"
                },
                {
                  label: "Case Studies",                  href: "#testimonials"
                },
                {
                  label: "Contact",                  href: "#contact"
                }
              ]
            },
            {
              title: "Resources",              items: [
                {
                  label: "Blog",                  href: "#"
                },
                {
                  label: "Marketing Guides",                  href: "#"
                },
                {
                  label: "Industry Insights",                  href: "#"
                },
                {
                  label: "FAQ",                  href: "#"
                }
              ]
            },
            {
              title: "Legal",              items: [
                {
                  label: "Privacy Policy",                  href: "#"
                },
                {
                  label: "Terms of Service",                  href: "#"
                },
                {
                  label: "Cookie Policy",                  href: "#"
                }
              ]
            }
          ]}
          bottomLeftText="© 2025 NEXUS Marketing Agency. All rights reserved."
          bottomRightText="Crafted in Miami, Florida"
        />
      </div>
    </ThemeProvider>
  );
}