"use client";

import { Award, Rocket, TrendingUp, Users, Zap } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="AIFlow"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Metrics", id: "metrics" },
            { name: "Testimonials", id: "testimonials" },
            { name: "About", id: "about" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Get Started",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="AIFLOW"
          description="Transform your business with intelligent automation. Deploy cutting-edge AI solutions in minutes, not months. Automate complex workflows and unlock unprecedented insights."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Start Free Trial", href: "#contact" },
            { text: "Watch Demo", href: "#" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-vector/artificial-intelligence-technology-template-with-digital-background_53876-119603.jpg"
          imageAlt="AI Innovation Illustration"
          frameStyle="browser"
          logoLineHeight={1.1}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Powerful Features Built for Scale"
          description="Everything you need to harness the power of AI for your business operations and decision-making."
          tag="Capabilities"
          features={[
            {
              id: "1",              title: "Intelligent Workflow Automation",              author: "Enterprise Grade",              description: "Automate repetitive tasks and complex workflows with our advanced AI engine. Reduce manual work by up to 90% while maintaining accuracy and compliance.",              tags: ["Automation", "Efficiency"],
              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html_23-2150038862.jpg",              imageAlt: "Workflow Automation"
            },
            {
              id: "2",              title: "Real-Time Analytics & Insights",              author: "Data Intelligence",              description: "Process massive datasets instantly and uncover actionable insights. Our AI continuously learns from your data to provide predictive analytics and recommendations.",              tags: ["Analytics", "Intelligence"],
              imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg",              imageAlt: "Analytics Dashboard"
            },
            {
              id: "3",              title: "Seamless Integration",              author: "Enterprise Integration",              description: "Connect with your existing tools and systems in minutes. Support for 500+ integrations including Salesforce, HubSpot, Slack, and custom APIs.",              tags: ["Integration", "Compatibility"],
              imageSrc: "https://img.b2bpic.net/free-photo/hands-multitasking-with-laptop-notebook_23-2149311907.jpg",              imageAlt: "System Integration"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Proven Impact & Results"
          description="See the transformative impact our AI platform has delivered to customers worldwide."
          tag="Performance"
          metrics={[
            {
              id: "1",              icon: TrendingUp,
              title: "Time Saved",              value: "87%"
            },
            {
              id: "2",              icon: Zap,
              title: "Productivity Boost",              value: "340%"
            },
            {
              id: "3",              icon: Users,
              title: "Active Users",              value: "50K+"
            },
            {
              id: "4",              icon: Award,
              title: "Enterprises",              value: "500+"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="AIFlow transformed how we operate. We've automated 95% of our manual processes and our team can now focus on strategic initiatives. The ROI was immediate."
          rating={5}
          author="Sarah Chen, CEO at TechVentures"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", alt: "Sarah Chen" },
            { src: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "Customer 2" },
            { src: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg", alt: "Customer 3" },
            { src: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", alt: "Customer 4" },
            { src: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", alt: "Customer 5" },
            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-caucasian-unshaved-man-eyeglasses-looking-camera-with-sincere-smile-isolated-gray_171337-630.jpg", alt: "Customer 6" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="AI-Powered Solutions for the Modern Enterprise"
          description="We're building the future of work by combining cutting-edge artificial intelligence with deep enterprise expertise. Our mission is to empower businesses to achieve more with intelligent automation."
          tag="About AIFlow"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          imageSrc="https://img.b2bpic.net/free-vector/technology-future-banner-template_23-2148828562.jpg"
          imageAlt="About AIFlow"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about AIFlow and how it can transform your business."
          tag="Support"
          faqs={[
            {
              id: "1",              title: "How quickly can I implement AIFlow?",              content: "Most implementations are completed within 2-4 weeks. Our platform supports rapid deployment with pre-built connectors for common business systems. We provide dedicated onboarding support to ensure smooth adoption."
            },
            {
              id: "2",              title: "What security measures are in place?",              content: "We employ enterprise-grade security including end-to-end encryption, SOC 2 Type II compliance, GDPR compliance, and regular security audits. All data is encrypted at rest and in transit."
            },
            {
              id: "3",              title: "Can AIFlow integrate with my existing systems?",              content: "Yes, AIFlow supports 500+ integrations with popular business applications including Salesforce, HubSpot, Microsoft 365, Google Workspace, and custom APIs through our REST API."
            },
            {
              id: "4",              title: "What's the pricing model?",              content: "We offer flexible pricing based on your usage and team size. Start with our free tier, then scale to Growth, Professional, or Enterprise plans. No long-term contracts required."
            },
            {
              id: "5",              title: "Do you offer training and support?",              content: "Yes, we provide comprehensive training, 24/7 support, dedicated account managers for enterprise customers, and extensive documentation and video tutorials."
            },
            {
              id: "6",              title: "Can I customize workflows for my specific needs?",              content: "Absolutely. Our platform includes a visual workflow builder with advanced customization options. We also offer professional services for complex implementations."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Business?"
          ctaDescription="Start your free trial today and experience the power of AI automation. No credit card required."
          ctaButton={{
            text: "Start Free Trial",            href: "https://signup.aiflow.io"
          }}
          ctaIcon={Rocket}
          faqs={[
            {
              id: "1",              title: "How do I get started?",              content: "Sign up for a free trial on our website. You'll get instant access to the platform and our onboarding team will guide you through setup."
            },
            {
              id: "2",              title: "Is there a free trial?",              content: "Yes, we offer a 14-day free trial with full access to all features. No credit card or commitment required."
            },
            {
              id: "3",              title: "What if I need help?",              content: "Our support team is available 24/7 via chat, email, and phone. Enterprise customers get a dedicated account manager."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="AIFlow"
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#" },
                { label: "Security", href: "#" },
                { label: "Roadmap", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "#" },
                { label: "API Reference", href: "#" },
                { label: "Community", href: "#" },
                { label: "Support", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 AIFlow. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}