"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles } from "lucide-react";

export default function FeaturesPage() {
  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="features-hero" data-section="features-hero">
        <div className="py-16 md:py-24">
          <div className="max-w-4xl mx-auto px-4 text-center">
            <h1 className="text-4xl md:text-6xl font-bold mb-6">
              Advanced AI Features for Modern Media Buying
            </h1>
            <p className="text-xl text-gray-600 mb-8">
              Discover how ArbUz's cutting-edge artificial intelligence transforms every aspect of campaign management, 
              from intelligent bidding to predictive analytics and automated optimization.
            </p>
          </div>
        </div>
      </div>

      <div id="detailed-features" data-section="detailed-features">
        <FeatureCardNineteen
          features={[
            {
              id: 1,
              tag: "Real-Time Intelligence",
              title: "AI Bidding Optimization",
              subtitle: "Smart algorithms that never sleep",
              description: "Our machine learning models continuously analyze market conditions, competitor activity, and audience behavior to adjust bids in real-time. This ensures your campaigns maintain optimal performance 24/7 while maximizing every dollar of ad spend.",
              imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
              imageAlt: "AI bidding optimization dashboard with real-time adjustments",
              buttons: [{ text: "Learn More", href: "/contact" }]
            },
            {
              id: 2,
              tag: "Predictive Analytics",
              title: "Campaign Forecasting",
              subtitle: "See the future of your campaigns",
              description: "Advanced predictive models analyze historical data and market trends to forecast campaign performance up to 30 days ahead. Identify potential issues before they impact your budget and capitalize on emerging opportunities with confidence.",
              imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
              imageAlt: "Predictive analytics dashboard with forecasting charts",
              buttons: [{ text: "View Demo", href: "/pricing" }]
            },
            {
              id: 3,
              tag: "Audience Intelligence",
              title: "Dynamic Targeting",
              subtitle: "Precision targeting that evolves",
              description: "Our AI creates and continuously refines audience segments based on real-time engagement data, purchase patterns, and behavioral signals. Reach the right people at the right moment with messaging that resonates and converts.",
              imageSrc: "http://img.b2bpic.net/free-photo/demographic-census-concept-representation_23-2149093906.jpg",
              imageAlt: "Dynamic audience targeting interface with behavioral data",
              buttons: [{ text: "Get Started", href: "/contact" }]
            },
            {
              id: 4,
              tag: "Cross-Platform",
              title: "Unified Campaign Management",
              subtitle: "One dashboard, all platforms",
              description: "Manage Google Ads, Facebook, YouTube, and programmatic campaigns from a single interface. Our AI ensures consistent messaging and optimal budget allocation across all channels while maintaining platform-specific best practices.",
              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-with-laptop_23-2149636255.jpg",
              imageAlt: "Unified campaign management dashboard showing multiple platforms",
              buttons: [{ text: "Explore Integrations", href: "/about" }]
            },
            {
              id: 5,
              tag: "Performance Insights",
              title: "AI-Driven Reporting",
              subtitle: "Insights that drive decisions",
              description: "Move beyond basic metrics with AI-powered insights that identify patterns, anomalies, and opportunities in your data. Get actionable recommendations that help you optimize campaigns and improve ROI with every report.",
              imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg",
              imageAlt: "AI-driven reporting dashboard with actionable insights",
              buttons: [{ text: "View Sample Report", href: "/pricing" }]
            }
          ]}
          title="Every Feature Designed for Maximum Impact"
          description="From automated bid management to predictive forecasting, every ArbUz feature is built to help media buyers achieve better results with less manual effort."
          textboxLayout="split-description"
          useInvertedBackground={false}
        />
      </div>

      <div id="feature-products" data-section="feature-products">
        <ProductCardThree
          products={[
            {
              id: "ai-insights",
              name: "AI Insights Pro",
              price: "$399/month",
              imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
              imageAlt: "AI Insights Pro dashboard with advanced analytics"
            },
            {
              id: "smart-bidding",
              name: "Smart Bidding Suite",
              price: "$599/month",
              imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
              imageAlt: "Smart Bidding Suite with automated controls"
            },
            {
              id: "enterprise-ai",
              name: "Enterprise AI Platform",
              price: "Custom",
              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-with-laptop_23-2149636255.jpg",
              imageAlt: "Enterprise AI Platform comprehensive solution"
            }
          ]}
          title="Choose Your AI-Powered Solution"
          description="Select the perfect combination of AI features for your media buying needs. All plans include core functionality with advanced features available at every tier."
          tag="All Features Included"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Compare All Plans", href: "/pricing" },
            { text: "Start Free Trial", href: "/contact" }
          ]}
          buttonAnimation="slide-up"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </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>
  );
}