"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Zap, Sparkles, TrendingUp, Lightbulb, Award, Users, Briefcase, Star } from "lucide-react";

const HomePage = () => {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "services" },
    { name: "Case Studies", id: "case-studies" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="fluid"
      cardStyle="subtle-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="ROI Capital" navItems={navItems} />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="ROI CAPITAL"
          description="Strategic marketing solutions that drive measurable results. We combine data-driven insights with creative excellence to transform your brand and accelerate growth."
          buttons={[
            { text: "Get Started", href: "/contact" },
            { text: "Learn More", href: "#services" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg"
          imageAlt="Marketing analytics dashboard showcasing ROI metrics"
          mediaAnimation="slide-up"
          frameStyle="card"
          ariaLabel="Hero section for ROI Capital Marketing agency"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About ROI Capital"
          description="We're a full-service marketing agency dedicated to driving measurable business growth for ambitious brands. With over a decade of industry experience, our team combines strategic expertise with innovative thinking to deliver campaigns that convert."
          tag="Who We Are"
          tagIcon={Lightbulb}
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "Data-Driven Strategy",
              description: "Every campaign begins with deep market analysis and audience insights to ensure maximum impact and ROI.",
              icon: Zap,
            },
            {
              title: "Creative Excellence",
              description: "Our award-winning creative team brings your brand vision to life through compelling storytelling and innovative design.",
              icon: Sparkles,
            },
            {
              title: "Proven Results",
              description: "We've helped 500+ brands achieve their marketing goals with average ROI increases of 300%.",
              icon: TrendingUp,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg?_wi=1"
          imageAlt="ROI Capital marketing team collaborating"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Explore Our Team", href: "#team" },
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardMedia
          title="Our Services"
          description="Comprehensive marketing solutions tailored to your business goals"
          tag="Services"
          tagIcon={Briefcase}
          tagAnimation="slide-up"
          features={[
            {
              id: "strategy",
              title: "Strategic Planning",
              description: "Custom marketing strategies aligned with your business objectives and target audience.",
              tag: "Strategy",
              imageSrc: "http://img.b2bpic.net/free-photo/business-scene-top-view_23-2147626514.jpg?_wi=1",
              imageAlt: "Strategic marketing planning",
              buttons: [{ text: "Learn More", href: "#" }],
            },
            {
              id: "seo",
              title: "SEO & SEM",
              description: "Boost your online visibility with our advanced search engine optimization and paid search expertise.",
              tag: "Search",
              imageSrc: "http://img.b2bpic.net/free-vector/search-engine-optimization_24908-55724.jpg?_wi=1",
              imageAlt: "SEO optimization and search marketing",
              buttons: [{ text: "Learn More", href: "#" }],
            },
            {
              id: "content",
              title: "Content Marketing",
              description: "Engaging, high-quality content that resonates with your audience and drives engagement.",
              tag: "Content",
              imageSrc: "http://img.b2bpic.net/free-photo/media-marketing-internet-digital-global_53876-138500.jpg?_wi=1",
              imageAlt: "Content marketing strategy",
              buttons: [{ text: "Learn More", href: "#" }],
            },
            {
              id: "social",
              title: "Social Media Management",
              description: "Strategic social campaigns that build community, increase engagement, and drive conversions.",
              tag: "Social",
              imageSrc: "http://img.b2bpic.net/free-photo/friends-using-smartphones-together-outdoors_53876-26150.jpg?_wi=1",
              imageAlt: "Social media marketing campaigns",
              buttons: [{ text: "Learn More", href: "#" }],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Marketing services offered by ROI Capital"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Impact"
          description="Measurable results that prove our effectiveness"
          tag="Results"
          tagIcon={Award}
          tagAnimation="slide-up"
          metrics={[
            { id: "1", value: "500+", description: "Clients Served" },
            { id: "2", value: "300%", description: "Average ROI Increase" },
            { id: "3", value: "10+", description: "Years Experience" },
            { id: "4", value: "2.5M+", description: "Leads Generated" },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Performance metrics and achievements"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="ROI Capital completely transformed our marketing strategy. Their data-driven approach and creative execution resulted in a 350% increase in qualified leads. They're not just a vendor—they're a true strategic partner."
          rating={5}
          author="David Kim, CEO of TechFlow Solutions"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              alt: "Client testimonial 1",
            },
            {
              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              alt: "Client testimonial 2",
            },
            {
              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              alt: "Client testimonial 3",
            },
            {
              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              alt: "Client testimonial 4",
            },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Client testimonial"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Team"
          description="Experienced professionals dedicated to your success"
          tag="Our Team"
          tagIcon={Users}
          tagAnimation="slide-up"
          members={[
            {
              id: "1",
              name: "Jessica Martinez",
              role: "Founder & CEO",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",
              imageAlt: "Jessica Martinez, CEO",
            },
            {
              id: "2",
              name: "Marcus Thompson",
              role: "Head of Strategy",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2",
              imageAlt: "Marcus Thompson, Strategy Lead",
            },
            {
              id: "3",
              name: "Aisha Patel",
              role: "Creative Director",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3",
              imageAlt: "Aisha Patel, Creative Director",
            },
            {
              id: "4",
              name: "James Wilson",
              role: "Analytics Lead",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=4",
              imageAlt: "James Wilson, Analytics Lead",
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Our team members"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about ROI Capital and our marketing services."
          faqs={[
            {
              id: "1",
              title: "What industries do you serve?",
              content: "We work with businesses across all industries including e-commerce, SaaS, financial services, healthcare, technology, and more. Our team has deep expertise in developing tailored strategies for your specific market.",
            },
            {
              id: "2",
              title: "How do you measure ROI?",
              content: "We track comprehensive metrics including conversion rates, customer acquisition cost, lifetime value, revenue attribution, and brand awareness. You'll receive monthly reports with detailed analytics and insights.",
            },
            {
              id: "3",
              title: "What's your typical engagement model?",
              content: "We offer flexible engagement models including project-based work, retainer partnerships, and performance-based arrangements. We'll customize an approach that fits your budget and objectives.",
            },
            {
              id: "4",
              title: "How long before I see results?",
              content: "Quick wins can appear within 30-60 days, but sustained growth typically takes 3-6 months. We focus on building long-term strategies that compound over time for maximum impact.",
            },
            {
              id: "5",
              title: "Do you offer training and support?",
              content: "Absolutely. We provide comprehensive training for your team and maintain ongoing support throughout our engagement. Our goal is to empower your organization with marketing knowledge and best practices.",
            },
            {
              id: "6",
              title: "How do I get started?",
              content: "Schedule a free consultation with our team. We'll discuss your goals, audit your current marketing efforts, and provide a customized proposal with recommended solutions and investment.",
            },
          ]}
          faqsAnimation="slide-up"
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
          ariaLabel="Frequently asked questions"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="ROI CAPITAL"
          leftLink={{ text: "Privacy Policy", href: "/privacy" }}
          rightLink={{ text: "Terms of Service", href: "/terms" }}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
};

export default HomePage;