"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, BarChart3, Brain, Building2, CheckCircle, Cpu, DollarSign, Download, Github, Globe, Linkedin, Lock, Plug, Share2, Shield, Sparkles, TrendingUp, Twitter, Users, Webhook, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="SaaS Pro"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Powerful SaaS Platform for Modern Teams"
          description="Automate your workflow, scale your business, and achieve more with our intelligent platform designed for productivity"
          tag="Next-Gen Solution"
          tagIcon={Zap}
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Start Free Trial", href: "contact" },
            { text: "View Demo", href: "https://example.com/demo" }
          ]}
          mediaItems={[
            { imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Dashboard analytics interface" },
            { imageSrc: "https://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148358960.jpg", imageAlt: "Workflow automation" },
            { imageSrc: "https://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359901.jpg", imageAlt: "Data visualization metrics" },
            { imageSrc: "https://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148375533.jpg", imageAlt: "Team collaboration workspace" },
            { imageSrc: "https://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-31485.jpg", imageAlt: "API integrations" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTen
          title="Everything You Need to Succeed"
          description="Packed with powerful features designed to streamline your workflow, enhance collaboration, and drive results"
          tag="Core Features"
          tagIcon={Sparkles}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: "1",              title: "AI-Powered Automation",              description: "Let intelligent automation handle repetitive tasks so your team can focus on strategic work and innovation",              media: { imageSrc: "https://img.b2bpic.net/free-photo/computer-scientist-updating-ai-systems_482257-91183.jpg", imageAlt: "AI automation interface" },
              items: [
                { icon: Zap, text: "Instant task processing" },
                { icon: Brain, text: "Smart recommendations" },
                { icon: Cpu, text: "Machine learning optimization" }
              ],
              reverse: false
            },
            {
              id: "2",              title: "Enterprise-Grade Security",              description: "Your data is protected with industry-leading security protocols, encryption, and compliance standards",              media: { imageSrc: "https://img.b2bpic.net/free-photo/data-center-programmers-collaborating-working-neural-networks-ai-databases_482257-129796.jpg", imageAlt: "Security and protection" },
              items: [
                { icon: Shield, text: "Military-grade encryption" },
                { icon: Lock, text: "Multi-factor authentication" },
                { icon: CheckCircle, text: "SOC 2 certified" }
              ],
              reverse: true
            },
            {
              id: "3",              title: "Seamless Integrations",              description: "Connect with your favorite tools and services to create a unified workflow ecosystem",              media: { imageSrc: "https://img.b2bpic.net/free-photo/engineers-brainstorming-ways-use-ai_482257-84889.jpg", imageAlt: "API and integrations" },
              items: [
                { icon: Plug, text: "500+ native integrations" },
                { icon: Share2, text: "REST API access" },
                { icon: Webhook, text: "Real-time webhooks" }
              ],
              reverse: false
            },
            {
              id: "4",              title: "Advanced Analytics & Reporting",              description: "Gain actionable insights with comprehensive analytics, custom reports, and real-time dashboards",              media: { imageSrc: "https://img.b2bpic.net/free-photo/man-requesting-help-from-coworkers-after-finding-bug-data-center-systems_482257-110863.jpg", imageAlt: "Analytics dashboard" },
              items: [
                { icon: BarChart3, text: "Real-time dashboards" },
                { icon: TrendingUp, text: "Predictive analytics" },
                { icon: Download, text: "Custom report exports" }
              ],
              reverse: true
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Trusted by Industry Leaders"
          description="Join thousands of companies scaling their operations with SaaS Pro"
          tag="Impact"
          tagIcon={Award}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            { id: "1", icon: Users, title: "Active Users", value: "50,000+" },
            { id: "2", icon: Building2, title: "Enterprise Clients", value: "1,200+" },
            { id: "3", icon: TrendingUp, title: "Success Rate", value: "98.9%" },
            { id: "4", icon: Globe, title: "Countries", value: "85+" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your team. Upgrade or downgrade anytime with no hidden fees"
          tag="Pricing Plans"
          tagIcon={DollarSign}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "starter",              title: "Starter",              price: "$29",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/start-up-business-goals-strategy_53876-124798.jpg",              imageAlt: "Starter plan",              button: { text: "Get Started", href: "contact" },
              features: [
                "Up to 5 team members",                "Core automation features",                "Basic analytics dashboard",                "Email support",                "5 GB storage"
              ]
            },
            {
              id: "professional",              title: "Professional",              price: "$99",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-vector/startup-word-concept_23-2147839490.jpg",              imageAlt: "Professional plan",              button: { text: "Start Free Trial", href: "contact" },
              features: [
                "Up to 25 team members",                "Advanced automation workflows",                "Real-time analytics & reporting",                "Priority support",                "100 GB storage",                "API access"
              ]
            },
            {
              id: "enterprise",              title: "Enterprise",              price: "Custom",              period: "pricing",              imageSrc: "https://img.b2bpic.net/free-vector/startup-landing-page-concept_23-2148311866.jpg",              imageAlt: "Enterprise plan",              button: { text: "Contact Sales", href: "contact" },
              features: [
                "Unlimited team members",                "Custom integrations",                "Dedicated analytics team",                "24/7 phone & email support",                "Unlimited storage",                "Advanced security features"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="SaaS Pro transformed how we manage our operations. We've saved over 40 hours per month on automation alone, and the platform's intuitive design means our entire team was productive within days. It's been a game-changer for our business growth."
          rating={5}
          author="Sarah Chen, Chief Operations Officer at TechVenture"
          useInvertedBackground="noInvert"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial avatar 1" },
            { src: "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", alt: "Customer testimonial avatar 2" },
            { src: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Customer testimonial avatar 3" },
            { src: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Customer testimonial avatar 4" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your workflow? Start your free trial today and experience the power of intelligent automation"
          animationType="reveal-blur"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Start Free Trial", href: "contact" },
            { text: "Schedule Demo", href: "https://example.com/demo" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="SaaS Pro"
          copyrightText="© 2025 SaaS Pro. All rights reserved."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/saaspro", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/saaspro", ariaLabel: "LinkedIn" },
            { icon: Github, href: "https://github.com/saaspro", ariaLabel: "GitHub" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}