"use client"

import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Zap, Users, TrendingUp, Globe, Sparkles, Crown, BookOpen, CheckCircle, Calendar } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="IntelliAI"
          button={{
            text: "Get Started",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="IntelliAI"
          description="Powerful AI solutions that transform businesses. Automate workflows, gain insights, and scale intelligently with our cutting-edge platform."
          imageSrc="https://img.b2bpic.net/free-vector/technology-background_23-2148116476.jpg"
          imageAlt="AI Innovation and Neural Networks"
          frameStyle="browser"
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Pioneering AI Solutions for Modern Enterprises"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              icon: Zap,
              label: "Processing Speed",              value: "10x Faster"
            },
            {
              icon: Users,
              label: "Active Users",              value: "50,000+"
            },
            {
              icon: TrendingUp,
              label: "Accuracy Rate",              value: "99.8%"
            },
            {
              icon: Globe,
              label: "Global Reach",              value: "120+ Countries"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Core Capabilities"
          description="Everything you need to harness the power of artificial intelligence for your business."
          tag="Features"
          tagIcon={Sparkles}
          features={[
            {
              id: "ml",              label: "Machine Learning",              title: "Advanced ML Models",              items: [
                "Pre-trained neural networks",                "Custom model training",                "Real-time predictions",                "Continuous learning"
              ],
              buttons: [
                {
                  text: "Explore ML",                  href: "#features"
                }
              ]
            },
            {
              id: "automation",              label: "Automation",              title: "Intelligent Workflow Automation",              items: [
                "Process optimization",                "Task automation",                "Error reduction",                "24/7 operations"
              ],
              buttons: [
                {
                  text: "Learn More",                  href: "#features"
                }
              ]
            },
            {
              id: "analytics",              label: "Analytics",              title: "Deep Insights & Analytics",              items: [
                "Real-time dashboards",                "Predictive analytics",                "Data visualization",                "Custom reports"
              ],
              buttons: [
                {
                  text: "View Demo",                  href: "#features"
                }
              ]
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your business needs. Scale as you grow."
          tag="Pricing"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "starter",              badge: "Popular",              badgeIcon: Sparkles,
              price: "$99/mo",              subtitle: "Perfect for getting started",              buttons: [
                {
                  text: "Start Free Trial",                  href: "#contact"
                }
              ],
              features: [
                "Up to 10,000 API calls/month",                "5 custom models",                "Basic analytics dashboard",                "Email support",                "Community access"
              ]
            },
            {
              id: "professional",              badge: "Best Value",              badgeIcon: Zap,
              price: "$499/mo",              subtitle: "For growing teams",              buttons: [
                {
                  text: "Get Started",                  href: "#contact"
                }
              ],
              features: [
                "Unlimited API calls",                "50 custom models",                "Advanced analytics",                "Priority support",                "Team collaboration tools",                "Custom integrations"
              ]
            },
            {
              id: "enterprise",              badge: "Premium",              badgeIcon: Crown,
              price: "Custom",              subtitle: "For large enterprises",              buttons: [
                {
                  text: "Contact Sales",                  href: "#contact"
                }
              ],
              features: [
                "Unlimited everything",                "Dedicated infrastructure",                "White-label solutions",                "24/7 phone support",                "Custom SLA",                "On-premise deployment"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Loved by Industry Leaders"
          description="See what our customers have to say about transforming their business with IntelliAI."
          tag="Testimonials"
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "@sarahchen",              testimonial: "IntelliAI reduced our processing time by 85%. The platform is intuitive, powerful, and our ROI exceeded expectations within the first quarter.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Marcus Johnson",              handle: "@mjohnson",              testimonial: "We integrated IntelliAI across our entire organization. The support team is exceptional, and the AI models keep improving automatically. Highly recommend!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-elegant-professional-businesswoman_23-2150917266.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",              name: "Elena Rossi",              handle: "@elenarossi",              testimonial: "The automation capabilities saved us over 200 hours per month. IntelliAI is not just software—it's a business transformation partner.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Elena Rossi"
            },
            {
              id: "4",              name: "David Park",              handle: "@dpark",              testimonial: "Outstanding customer success team and product innovation. We went from skeptical to believers in AI within weeks of implementation.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",              imageAlt: "David Park"
            }
          ]}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardThree
          title="Insights & Resources"
          description="Stay updated with the latest AI trends, best practices, and industry insights."
          tag="Blog"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          blogs={[
            {
              id: "1",              category: "AI Trends",              categoryIcon: TrendingUp,
              title: "The Future of Enterprise AI: What 2025 Holds",              description: "Explore emerging AI technologies, ethical considerations, and how enterprises are preparing for the next wave of artificial intelligence.",              imageSrc: "https://img.b2bpic.net/free-photo/qualified-technicians-brainstorm-ways-use-ai-cognitive-computing-extract-usable-information-from-complex-data-team-specialists-implement-artificial-intelligence-process-massive-datasets_482257-70365.jpg",              imageAlt: "Future of Enterprise AI"
            },
            {
              id: "2",              category: "Tutorial",              categoryIcon: BookOpen,
              title: "Getting Started with Machine Learning Models",              description: "A comprehensive guide to building, training, and deploying your first machine learning model with IntelliAI.",              imageSrc: "https://img.b2bpic.net/free-photo/artificial-intelligence-future-technology_23-2151977500.jpg",              imageAlt: "Machine Learning Tutorial"
            },
            {
              id: "3",              category: "Case Study",              categoryIcon: CheckCircle,
              title: "How TechCorp Increased Revenue by 40% with AI Automation",              description: "Real-world results: See how a Fortune 500 company transformed their operations using intelligent automation.",              imageSrc: "https://img.b2bpic.net/free-photo/programmer-data-center-using-ai-tech-tablet-close-up_482257-120663.jpg",              imageAlt: "TechCorp Case Study"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Business?"
          ctaDescription="Schedule a demo with our team to see how IntelliAI can drive your success."
          ctaButton={{
            text: "Schedule Demo",            href: "https://calendly.com/intelliai"
          }}
          ctaIcon={Calendar}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "What is IntelliAI and how does it work?",              content: "IntelliAI is a cloud-based artificial intelligence platform that enables businesses to build, deploy, and manage AI models at scale. Our platform provides pre-trained models, custom training capabilities, and seamless API integration for easy implementation."
            },
            {
              id: "2",              title: "What technical expertise is required to use IntelliAI?",              content: "IntelliAI is designed for both technical and non-technical users. Our no-code interface makes it easy for business users to leverage AI, while developers can access advanced APIs and SDKs for custom solutions."
            },
            {
              id: "3",              title: "How secure is my data on IntelliAI?",              content: "Security is paramount. We use enterprise-grade encryption, comply with GDPR, CCPA, and other standards, conduct regular security audits, and offer on-premise deployment options for sensitive data."
            },
            {
              id: "4",              title: "What kind of support do you provide?",              content: "We offer email support for Starter plans, priority support for Professional plans, and 24/7 dedicated support for Enterprise customers. All customers have access to comprehensive documentation and community forums."
            },
            {
              id: "5",              title: "Can I integrate IntelliAI with my existing systems?",              content: "Yes! IntelliAI integrates with popular platforms like Salesforce, HubSpot, Zapier, and has a robust REST API for custom integrations. Our integration team can assist with complex implementations."
            },
            {
              id: "6",              title: "Do you offer a free trial?",              content: "Absolutely! All new customers get a 14-day free trial with full access to Starter plan features. No credit card required. You can explore the platform risk-free and see the benefits firsthand."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Product",              items: [
                {
                  label: "Features",                  href: "#features"
                },
                {
                  label: "Pricing",                  href: "#pricing"
                },
                {
                  label: "Security",                  href: "#"
                },
                {
                  label: "Roadmap",                  href: "#"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About",                  href: "#"
                },
                {
                  label: "Blog",                  href: "#blog"
                },
                {
                  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",                  href: "#"
                },
                {
                  label: "Terms",                  href: "#"
                },
                {
                  label: "Cookie Policy",                  href: "#"
                },
                {
                  label: "Compliance",                  href: "#"
                }
              ]
            }
          ]}
          bottomLeftText="© 2025 IntelliAI. All rights reserved."
          bottomRightText="Powering AI Innovation"
        />
      </div>
    </ThemeProvider>
  );
}