"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Shield, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="AIFlow"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="AIFLOW"
          description="Transform your workflow with AI-powered automation. Intelligent solutions that learn, adapt, and scale with your business—no coding required."
          buttons={[
            { text: "Start Free Trial", href: "contact" },
            { text: "View Demo", href: "#features" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-vector/infographic-dashboard-user-panel_52683-30026.jpg"
          imageAlt="AI Dashboard Interface"
          frameStyle="browser"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Choose AIFlow"
          description="See how our intelligent automation platform outperforms traditional workflow solutions"
          tag="Competitive Advantage"
          negativeCard={{
            items: [
              "Manual process management",              "Limited scalability",              "High operational costs",              "Slow implementation",              "No intelligent insights"
            ]
          }}
          positiveCard={{
            items: [
              "Fully automated workflows",              "Enterprise-grade scalability",              "Reduce costs by 60%+",              "Deploy in minutes",              "AI-powered recommendations"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Simple, Transparent Pricing"
          description="Scale your usage without surprises. Choose the plan that fits your team."
          tag="Pricing"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "starter",              badge: "For Teams",              badgeIcon: Sparkles,
              price: "$99",              subtitle: "per month, billed annually",              buttons: [{ text: "Get Started", href: "contact" }],
              features: [
                "Up to 5 team members",                "500 monthly automations",                "Basic AI features",                "Email support",                "API access"
              ]
            },
            {
              id: "pro",              badge: "Most Popular",              badgeIcon: Zap,
              price: "$499",              subtitle: "per month, billed annually",              buttons: [{ text: "Get Started", href: "contact" }],
              features: [
                "Up to 50 team members",                "Unlimited automations",                "Advanced AI analytics",                "Priority support",                "Custom integrations",                "Advanced security"
              ]
            },
            {
              id: "enterprise",              badge: "For Enterprises",              badgeIcon: Shield,
              price: "Custom",              subtitle: "tailored to your needs",              buttons: [{ text: "Contact Sales", href: "contact" }],
              features: [
                "Unlimited team members",                "Unlimited automations",                "Custom AI models",                "24/7 dedicated support",                "White-label options",                "SLA guarantees"
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Trusted by thousands of teams worldwide. Our AI platform powers intelligent automation for businesses of all sizes."
          tag="Impact"
          metrics={[
            {
              id: "1",              value: "10M+",              description: "Automations executed successfully across our platform"
            },
            {
              id: "2",              value: "99.99%",              description: "Uptime guarantee with enterprise-grade reliability"
            },
            {
              id: "3",              value: "60%",              description: "Average cost reduction achieved by our customers"
            },
            {
              id: "4",              value: "2K+",              description: "Active enterprise customers worldwide"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Customers Say"
          description="Join thousands of teams transforming their workflows with AIFlow"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "@sarahchen, CEO of DataCorp",              testimonial: "AIFlow reduced our manual processes by 80% in just 3 months. The ROI was immediate and the platform is incredibly intuitive.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "2",              name: "Marcus Johnson",              handle: "@mjohnson, VP Operations at TechFlow",              testimonial: "We've cut operational costs in half. The AI recommendations alone have saved us thousands every month.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"
            },
            {
              id: "3",              name: "Elena Rodriguez",              handle: "@erodriguez, Product Manager at InnovateLabs",              testimonial: "The customer support is exceptional. Any questions get answered within hours. Best SaaS investment we've made.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"
            },
            {
              id: "4",              name: "David Park",              handle: "@dpark, CTO at StartupXYZ",              testimonial: "Seamless integration with our existing stack. The API documentation is comprehensive and the team is super responsive.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"
            },
            {
              id: "5",              name: "Jessica Williams",              handle: "@jw, Operations Lead at GlobalTech",              testimonial: "The automation capabilities are mind-blowing. We've freed up our team to focus on strategic work instead of repetitive tasks.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg"
            },
            {
              id: "6",              name: "Robert Kim",              handle: "@rkim, Director at FutureCorp",              testimonial: "AIFlow's intelligent recommendations helped us discover inefficiencies we didn't even know existed. Game-changer for us.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg"
            }
          ]}
          speed={40}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about AIFlow and how to get started"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How quickly can I get started with AIFlow?",              content: "You can be up and running in minutes! Simply sign up, connect your first data source, and our AI will recommend automations. Most customers see results within their first week."
            },
            {
              id: "2",              title: "What integrations does AIFlow support?",              content: "We integrate with 500+ popular business applications including Slack, Salesforce, HubSpot, Jira, GitHub, and more. Custom API integrations are also available for enterprise customers."
            },
            {
              id: "3",              title: "Is my data secure on AIFlow?",              content: "Absolutely. We employ enterprise-grade security with end-to-end encryption, SOC 2 compliance, GDPR compliance, and regular security audits. Your data is never used to train our models."
            },
            {
              id: "4",              title: "Can I customize automations to fit my workflow?",              content: "Yes! Our visual automation builder lets you create custom workflows without code. For advanced needs, our API and webhooks provide unlimited customization possibilities."
            },
            {
              id: "5",              title: "What kind of support do you offer?",              content: "We offer email support for all plans, priority support for Pro plans, and 24/7 dedicated support for enterprise customers. Our average response time is under 2 hours."
            },
            {
              id: "6",              title: "Is there a free trial available?",              content: "Yes! Start with our 14-day free trial—no credit card required. You get full access to all features so you can experience AIFlow's full potential before committing."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Transform Your Workflow?"
          description="Join leading teams that have already reduced costs and boosted productivity with AIFlow. Get started with a free 14-day trial—no credit card required."
          inputs={[
            { name: "firstName", type: "text", placeholder: "First Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "company", type: "text", placeholder: "Company Name", required: true },
            { name: "role", type: "text", placeholder: "Job Title", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your automation needs...",            rows: 4,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg"
          imageAlt="Workflow Automation"
          mediaPosition="right"
          buttonText="Start Free Trial"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-vector/blue-technology-wire-mesh-background_1017-17262.jpg"
          imageAlt="Technology Background"
          logoText="AIFlow"
          copyrightText="© 2025 AIFlow. All rights reserved."
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Security", href: "#" },
                { label: "API Docs", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#" },
                { 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: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}