"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Award, Brain, DollarSign, Heart, Layers, Rocket, Shield, Sparkles, TrendingUp, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="medium"
      background="blurBottom"
      cardStyle="solid"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Features", id: "features" },
            { name: "Benefits", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Start Free Trial",            href: "contact"
          }}
          brandName="AutoFlow AI"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Automate Your Workflow with Intelligent AI"
          description="Experience the future of productivity. AutoFlow AI seamlessly integrates with your existing tools to automate complex workflows, reduce manual tasks by up to 80%, and let your team focus on what matters most."
          tag="Next-Gen Automation"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "Get Started Free", href: "contact" },
            { text: "Watch Demo", href: "#features" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/a-modern-sleek-ai-workflow-automation-da-1772537466184-d913de53.png"
          imageAlt="AI workflow automation dashboard interface"
          imagePosition="right"
          mediaAnimation="blur-reveal"
          background={{ variant: "glowing-orb" }}
          testimonials={[
            {
              name: "Sarah Johnson",              handle: "CEO, TechVenture",              testimonial: "AutoFlow AI transformed our operations, cutting workflow time in half.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/professional-headshot-of-a-confident-bus-1772537463636-cb1eb0cf.png?_wi=1"
            },
            {
              name: "Michael Chen",              handle: "VP Operations, CloudScale",              testimonial: "The AI integration is seamless. Our team productivity increased dramatically.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/professional-headshot-of-a-tech-leader-f-1772537464312-b8cfc150.png?_wi=1"
            },
            {
              name: "Emily Rodriguez",              handle: "Director, Innovate Labs",              testimonial: "Best investment we made this year for automation and efficiency.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/professional-headshot-of-a-business-oper-1772537464100-87de2d08.png?_wi=1"
            }
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Choose AutoFlow AI?"
          description="We combine cutting-edge artificial intelligence with intuitive design to deliver enterprise-grade workflow automation that anyone can master."
          tag="About Us"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Learn More", href: "#features" }
          ]}
          buttonAnimation="slide-up"
          bulletPoints={[
            {
              title: "AI-Powered Intelligence",              description: "Advanced machine learning algorithms learn your workflows and continuously optimize them for maximum efficiency.",              icon: Brain
            },
            {
              title: "Universal Integration",              description: "Connect with 500+ business applications instantly. No complex setup required—just plug and play automation.",              icon: Zap
            },
            {
              title: "Enterprise Security",              description: "Bank-level encryption and SOC 2 compliance ensure your data stays protected at every step of automation.",              icon: Shield
            },
            {
              title: "Real-Time Analytics",              description: "Monitor workflow performance with comprehensive dashboards showing ROI, time saved, and efficiency gains.",              icon: TrendingUp
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/illustration-of-intelligent-automation-w-1772537464251-ed5d4294.png"
          imageAlt="Intelligent workflow automation visualization"
          imagePosition="right"
          mediaAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Powerful Features Built for Modern Teams"
          description="Discover the capabilities that make AutoFlow AI the leading workflow automation platform for enterprises."
          tag="Core Features"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore All Features", href: "contact" }
          ]}
          buttonAnimation="slide-up"
          features={[
            {
              id: "01",              title: "Intelligent Process Discovery",              description: "AI automatically identifies repetitive tasks and suggests automation opportunities across your entire tech stack.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/abstract-visualization-of-ai-processing--1772537464756-8ed90723.png?_wi=1"
            },
            {
              id: "02",              title: "Seamless Integration",              description: "Connect to Slack, Salesforce, HubSpot, Zapier, and 500+ other tools without writing a single line of code.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/visual-representation-of-seamless-workfl-1772537464853-ece3f50b.png"
            },
            {
              id: "03",              title: "Lightning-Fast Execution",              description: "Process workflows 10x faster with our optimized cloud infrastructure and parallel processing capabilities.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/dynamic-visualization-of-rapid-automatio-1772537464325-e99e9b02.png"
            },
            {
              id: "04",              title: "Smart Error Handling",              description: "Advanced AI monitors workflows in real-time and automatically resolves issues before they impact your operations.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/abstract-visualization-of-ai-processing--1772537464756-8ed90723.png?_wi=2"
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Proven Impact Across Enterprise"
          description="See how AutoFlow AI delivers measurable results for leading organizations worldwide."
          tag="Results"
          tagIcon={Award}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "80",              title: "%",              description: "Reduction in manual workflow time",              icon: TrendingUp
            },
            {
              id: "2",              value: "500",              title: "+",              description: "Integrations available out-of-the-box",              icon: Zap
            },
            {
              id: "3",              value: "10000",              title: "+",              description: "Workflows automated daily",              icon: Layers
            },
            {
              id: "4",              value: "99.99",              title: "%",              description: "Platform uptime guarantee",              icon: Shield
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Loved by Teams Everywhere"
          description="Join thousands of companies using AutoFlow AI to revolutionize their workflow automation."
          tag="Success Stories"
          tagIcon={Heart}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "CEO",              company: "TechVenture",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/professional-headshot-of-a-confident-bus-1772537463636-cb1eb0cf.png?_wi=2"
            },
            {
              id: "2",              name: "Michael Chen",              role: "CTO",              company: "CloudScale Inc",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/professional-headshot-of-a-tech-leader-f-1772537464312-b8cfc150.png?_wi=2"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Operations Director",              company: "Innovate Labs",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/professional-headshot-of-a-business-oper-1772537464100-87de2d08.png?_wi=2"
            },
            {
              id: "4",              name: "David Kim",              role: "Product Lead",              company: "NextGen Startup",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/professional-headshot-of-an-innovative-p-1772537463862-6361c887.png"
            },
            {
              id: "5",              name: "Jessica Anderson",              role: "Solutions Architect",              company: "Enterprise Solutions",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/professional-headshot-of-an-enterprise-s-1772537464367-764d0f24.png"
            },
            {
              id: "6",              name: "Alex Williams",              role: "Founder & CEO",              company: "Future Automation",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/professional-headshot-of-a-ceo-in-modern-1772537466118-b6dc6d96.png"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your team. Scale up or down anytime, no hidden fees."
          tag="Pricing"
          tagIcon={DollarSign}
          tagAnimation="slide-up"
          animationType="slide-up"
          plans={[
            {
              id: "starter",              badge: "For Teams",              badgeIcon: Users,
              price: "$299/month",              subtitle: "Perfect for small teams getting started",              buttons: [
                { text: "Start Free Trial", href: "contact" }
              ],
              features: [
                "Up to 5 team members",                "100 automated workflows",                "Basic integrations (20+)",                "Email support",                "Monthly reporting"
              ]
            },
            {
              id: "professional",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$999/month",              subtitle: "Best for growing organizations",              buttons: [
                { text: "Start Free Trial", href: "contact" }
              ],
              features: [
                "Up to 25 team members",                "Unlimited workflows",                "500+ integrations",                "Priority support",                "Real-time analytics",                "Advanced security"
              ]
            },
            {
              id: "enterprise",              badge: "For Enterprises",              badgeIcon: Zap,
              price: "Custom Pricing",              subtitle: "Dedicated support and custom features",              buttons: [
                { text: "Contact Sales", href: "contact" }
              ],
              features: [
                "Unlimited team members",                "Unlimited workflows",                "Custom integrations",                "24/7 dedicated support",                "Custom SLA",                "On-premise option available"
              ]
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Everything you need to know about AutoFlow AI and how it can transform your operations."
          faqs={[
            {
              id: "1",              title: "How long does setup take?",              content: "Most teams are up and running in under 30 minutes. Our AI guides you through the setup process, and no coding is required. We also offer white-glove onboarding for enterprise customers."
            },
            {
              id: "2",              title: "Is my data secure?",              content: "Yes. We use bank-level encryption (AES-256), maintain SOC 2 Type II compliance, and regularly conduct third-party security audits. Your data never leaves our secure cloud infrastructure."
            },
            {
              id: "3",              title: "Can I integrate with my existing tools?",              content: "Absolutely. AutoFlow AI connects with 500+ business applications including Slack, Salesforce, HubSpot, Asana, Monday.com, and many more. If your tool isn't listed, we can create a custom integration."
            },
            {
              id: "4",              title: "What if I need to cancel?",              content: "You can cancel anytime with no penalties. We offer month-to-month billing with no long-term contracts required. All your data can be exported in standard formats."
            },
            {
              id: "5",              title: "Do you offer training and support?",              content: "Yes. We provide comprehensive documentation, video tutorials, webinars, and email support included with all plans. Professional and Enterprise plans include priority support and dedicated account managers."
            },
            {
              id: "6",              title: "How do you handle workflow updates?",              content: "AutoFlow AI continuously learns from your workflows and suggests optimizations. You can approve or modify suggestions before they take effect, ensuring complete control over your automation."
            }
          ]}
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          faqsAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Started Today"
          tagIcon={Rocket}
          tagAnimation="slide-up"
          title="Ready to Transform Your Workflows?"
          description="Join leading enterprises using AutoFlow AI to automate their operations. Start your free trial today with no credit card required."
          buttons={[
            { text: "Start Free Trial", href: "contact" },
            { text: "Schedule Demo", href: "contact" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQuyQ4GmgsqubOpJvydl8QhPdT/abstract-futuristic-background-with-flow-1772537464527-d0f9746e.png"
          imageAlt="Futuristic technology background"
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Security", href: "#" },
                { label: "Integrations", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Compliance", href: "#" }
              ]
            }
          ]}
          logoText="AutoFlow AI"
          copyrightText="© 2025 AutoFlow AI. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
