"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ArrowRight, Sparkles, ShieldCheck, TrendingUp, Star, Users, HelpCircle } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="large"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Features", id: "/features" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Get Started", href: "/contact" }}
          brandName="ArbUz"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroSplitKpi
          title="Transform Media Buying with AI-Powered Precision"
          description="ArbUz revolutionizes advertising technology by delivering intelligent, data-driven solutions that maximize ROI and streamline campaign management for media buyers."
          background={{ variant: 'radial-gradient' }}
          kpis={[
            { value: "40%", label: "Average Cost Reduction" },
            { value: "60%", label: "Faster Campaign Setup" },
            { value: "95%", label: "Client Satisfaction Rate" }
          ]}
          enableKpiAnimation={true}
          tag="Trusted by Leading Advertisers"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Start Free Trial", href: "/pricing" },
            { text: "Watch Demo", href: "/features" }
          ]}
          buttonAnimation="slide-up"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Johnson, Marketing Director" },
            { src: "http://img.b2bpic.net/free-photo/employees-discussing-project-strategies_482257-120275.jpg", alt: "Michael Chen, Digital Strategist" },
            { src: "http://img.b2bpic.net/free-photo/image-young-saleswoman-suit-working-laptop-sitting-her-office-with-smartphone-answering_1258-194585.jpg", alt: "Elena Rodriguez, Campaign Manager" }
          ]}
          avatarText="Join 500+ media buyers who trust ArbUz"
          imageSrc="http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg"
          imageAlt="Dashboard showing AI-powered media buying analytics"
          mediaAnimation="slide-up"
          imagePosition="right"
          marqueeItems={[
            { type: "text-icon", text: "Google Ads", icon: ArrowRight },
            { type: "text-icon", text: "Facebook Ads", icon: ArrowRight },
            { type: "text-icon", text: "Programmatic", icon: ArrowRight },
            { type: "text-icon", text: "YouTube", icon: ArrowRight }
          ]}
          showMarqueeCard={true}
          marqueeSpeed={40}
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardNineteen
          features={[
            {
              id: 1,
              tag: "AI Optimization",
              title: "Smart Bid Management",
              subtitle: "Automated bidding strategies",
              description: "Our AI analyzes market trends and adjusts bids in real-time to ensure maximum reach at optimal costs.",
              imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
              imageAlt: "Smart bid management dashboard showing real-time adjustments",
              buttons: [{ text: "Learn More", href: "/features" }]
            },
            {
              id: 2,
              tag: "Data Insights",
              title: "Performance Analytics",
              subtitle: "Actionable data insights",
              description: "Comprehensive reporting and analytics help you understand campaign effectiveness and identify growth opportunities.",
              imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg",
              imageAlt: "Dashboard with performance metrics and charts",
              buttons: [{ text: "View Demo", href: "/about" }]
            },
            {
              id: 3,
              tag: "Targeting Precision",
              title: "Advanced Audience Targeting",
              subtitle: "Precise audience segmentation",
              description: "Leverage detailed audience profiles to deliver personalized ads that resonate with your target demographic.",
              imageSrc: "http://img.b2bpic.net/free-photo/demographic-census-concept-representation_23-2149093906.jpg",
              imageAlt: "Audience targeting interface with demographic filters",
              buttons: [{ text: "See How It Works", href: "/pricing" }]
            }
          ]}
          title="Powerful Features for Media Buyers"
          description="ArbUz empowers media buyers with cutting-edge AI tools designed to optimize campaign performance, reduce costs, and maximize ROI."
          textboxLayout="split-description"
          useInvertedBackground={true}
        />
      </div>

      <div id="product-section" data-section="product-section">
        <ProductCardThree
          products={[
            {
              id: "arbuz-insights",
              name: "Insights Engine",
              price: "$299/month",
              imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
              imageAlt: "Insights Engine dashboard showing real-time analytics"
            },
            {
              id: "arbuz-optimize",
              name: "Optimize Pro",
              price: "$499/month",
              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-with-laptop_23-2149636255.jpg",
              imageAlt: "Optimize Pro interface with automated bidding controls"
            },
            {
              id: "arbuz-predict",
              name: "Predictive Analytics",
              price: "$799/month",
              imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
              imageAlt: "Predictive Analytics visualization with forecasting models"
            }
          ]}
          title="Powerful AI Solutions for Media Buyers"
          description="ArbUz empowers media buyers with cutting-edge AI tools designed to optimize campaign performance, reduce costs, and unlock new revenue streams."
          tag="Featured"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Features", href: "/features" },
            { text: "View Pricing", href: "/pricing" }
          ]}
          buttonAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardTwo
          testimonials={[
            {
              id: "testimonial-1",
              name: "Sarah Johnson",
              role: "Head of Media Buying at AdTech Solutions",
              testimonial: "ArbUz has completely transformed how we approach media buying. The AI insights have helped us increase our campaign ROI by 40% while reducing manual effort significantly.",
              imageSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900150.jpg",
              imageAlt: "Sarah Johnson, Head of Media Buying at AdTech Solutions",
              icon: Star
            },
            {
              id: "testimonial-2",
              name: "Michael Chen",
              role: "Director of Digital Strategy at Global Brands Inc.",
              testimonial: "The predictive analytics from ArbUz are incredibly accurate. We've seen a 35% improvement in audience targeting efficiency since implementation.",
              imageSrc: "http://img.b2bpic.net/free-photo/presentation-contract_1098-15816.jpg",
              imageAlt: "Michael Chen, Director of Digital Strategy at Global Brands Inc.",
              icon: Star
            },
            {
              id: "testimonial-3",
              name: "Elena Rodriguez",
              role: "Marketing Operations Lead at Creative Media Group",
              testimonial: "As someone who's worked with many platforms, ArbUz stands out for its intuitive interface and powerful results. It's become an essential tool in our marketing stack.",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-employee-giving-presentation-working-with-flipchart-meeting-room_1163-4622.jpg",
              imageAlt: "Elena Rodriguez, Marketing Operations Lead at Creative Media Group",
              icon: Star
            }
          ]}
          carouselMode="buttons"
          animationType="slide-up"
          title="Trusted by Industry Leaders"
          description="See what top media buyers say about their experience with ArbUz and how our AI-powered platform is transforming digital advertising."
          tag="Trusted by 500+ advertisers"
          tagIcon={ShieldCheck}
          tagAnimation="slide-up"
          buttons={[{ text: "View Case Studies", href: "/about" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="pricing-section" data-section="pricing-section">
        <PricingCardOne
          plans={[
            {
              id: "starter",
              badge: "Best Value",
              badgeIcon: Star,
              price: "$299",
              subtitle: "Perfect for small teams getting started",
              features: [
                "Up to 5 campaigns",
                "Basic analytics dashboard",
                "Email support",
                "Standard reporting",
                "AI campaign suggestions"
              ]
            },
            {
              id: "professional",
              badge: "Most Popular",
              badgeIcon: TrendingUp,
              price: "$799",
              subtitle: "Ideal for growing agencies and brands",
              features: [
                "Unlimited campaigns",
                "Advanced analytics & insights",
                "Priority support",
                "Custom reporting templates",
                "Predictive bidding optimization",
                "Team collaboration tools"
              ]
            },
            {
              id: "enterprise",
              badge: "For Large Teams",
              badgeIcon: Users,
              price: "Custom",
              subtitle: "Tailored solutions for enterprise clients",
              features: [
                "Everything in Professional",
                "Dedicated account manager",
                "API access",
                "Custom integrations",
                "SLA guarantees",
                "Onboarding & training"
              ]
            }
          ]}
          title="Simple, transparent pricing"
          description="Choose the plan that works best for your media buying needs. All plans include access to our full suite of AI-powered tools."
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            { text: "Start Free Trial", href: "/contact" },
            { text: "View Full Features", href: "/features" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="faq-section" data-section="faq-section">
        <FaqBase
          faqs={[
            {
              id: "faq-1",
              title: "How does ArbUz's AI improve media buying?",
              content: "ArbUz leverages advanced machine learning algorithms to analyze market trends, audience behavior, and campaign performance in real-time. This enables precise targeting, optimal budget allocation, and enhanced ROI for every ad spend."
            },
            {
              id: "faq-2",
              title: "Is my data secure with ArbUz?",
              content: "Absolutely. We implement enterprise-grade security protocols including end-to-end encryption, regular security audits, and compliance with GDPR and CCPA regulations to ensure your data remains private and protected."
            },
            {
              id: "faq-3",
              title: "Can I integrate ArbUz with my existing tools?",
              content: "Yes, ArbUz offers seamless integrations with major advertising platforms, CRM systems, and analytics tools. Our API-first approach ensures smooth connectivity with your current tech stack."
            },
            {
              id: "faq-4",
              title: "What kind of support do you offer?",
              content: "We provide 24/7 dedicated support for all clients, including onboarding assistance, continuous training, and proactive account management to maximize your platform adoption and results."
            }
          ]}
          title="Frequently Asked Questions"
          description="Got questions about ArbUz? We've got answers. Explore our most common inquiries to learn how our AI-powered platform can transform your media buying strategy."
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Help Center"
          tagIcon={HelpCircle}
          tagAnimation="opacity"
          buttons={[{ text: "Contact Support", href: "/contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm
          title="Ready to Transform Your Media Buying?"
          description="Get in touch with our team of AI specialists who understand the complexities of modern advertising. We're here to help you optimize your campaigns and achieve better ROI."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
            { name: "email", type: "email", placeholder: "Business Email Address", required: true },
            { name: "company", type: "text", placeholder: "Company Name" }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your media buying challenges...",
            rows: 4,
            required: true
          }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/researchers-looking-alternative-energy-souces_23-2149311493.jpg"
          imageAlt="Team collaborating on AI-powered media buying platform"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Start Your Free Trial"
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Product",
            items: [
              { label: "Features", href: "/features" },
              { label: "Pricing", href: "/pricing" },
              { label: "About", href: "/about" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Documentation", href: "/about" },
              { label: "Blog", href: "/about" },
              { label: "Guides", href: "/contact" },
              { label: "Support", href: "/contact" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Careers", href: "/features" },
              { label: "Contact", href: "/contact" },
              { label: "Partners", href: "/features" }
            ]
          }
        ]}
        copyrightText="© 2023 ArbUz. All rights reserved."
      />
    </ThemeProvider>
  );
}