"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Globe, Mail, Shield, Sparkles, TrendingUp, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="SaasPro"
          button={{
            text: "Get Started",            href: "#pricing"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="SaasPro"
          description="Streamline your workflow with powerful automation, real-time analytics, and seamless integrations. Transform how your team works together."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Start Free Trial", href: "#pricing" },
            { text: "Watch Demo", href: "#" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
          imageAlt="SaasPro dashboard interface showing analytics and automation features"
          frameStyle="browser"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          features={[
            {
              id: "1",              title: "Intelligent Automation",              author: "Designed for efficiency",              description: "Automate repetitive tasks and focus on what matters. Our AI-powered automation learns from your workflows and improves over time.",              tags: ["Automation", "AI"],
              imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038853.jpg",              imageAlt: "Automation workflow visualization"
            },
            {
              id: "2",              title: "Real-Time Analytics",              author: "Data-driven insights",              description: "Get instant visibility into your business metrics. Customizable dashboards and reports help you make informed decisions faster than ever.",              tags: ["Analytics", "Reports"],
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-analysing-charts-laptop-start-up-business-meeting-room_482257-5026.jpg",              imageAlt: "Analytics dashboard with charts and metrics"
            },
            {
              id: "3",              title: "Seamless Integrations",              author: "Works with your tools",              description: "Connect with 500+ popular applications. Our robust API ensures smooth data flow between all your favorite platforms.",              tags: ["Integration", "API"],
              imageSrc: "https://img.b2bpic.net/free-photo/people-office-analyzing-checking-finance-graphs_23-2150377138.jpg",              imageAlt: "Integration diagram showing connected apps"
            }
          ]}
          animationType="slide-up"
          title="Powerful Features Built for Teams"
          description="Everything you need to scale your business efficiently"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose SaasPro"
          description="We've helped thousands of teams streamline their operations"
          useInvertedBackground="noInvert"
          tabs={[
            {
              id: "security",              label: "Enterprise Security",              description: "Your data is protected with enterprise-grade encryption, regular security audits, and compliance with SOC 2, GDPR, and HIPAA standards. Sleep soundly knowing your information is safe."
            },
            {
              id: "support",              label: "24/7 Support",              description: "Our dedicated support team is available round-the-clock to help you succeed. Get instant help via chat, email, or phone with typical response times under 5 minutes."
            },
            {
              id: "performance",              label: "99.9% Uptime",              description: "Built on reliable infrastructure with automatic redundancy and load balancing. Our platform is engineered to scale with your business growth without compromise."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/padlock-computer-circuit-board_93675-129557.jpg"
          imageAlt="Security and protection concept illustration"
          imagePosition="right"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          plans={[
            {
              id: "starter",              tag: "Starter Plan",              tagIcon: Zap,
              price: "$49",              period: "/month",              description: "Perfect for small teams and startups just getting started with automation.",              button: {
                text: "Start Free Trial",                href: "#"
              },
              featuresTitle: "What's Included:",              features: [
                "Up to 1,000 automations per month",                "Basic analytics dashboard",                "Email support",                "5 team members",                "Community access"
              ]
            },
            {
              id: "professional",              tag: "Professional Plan",              tagIcon: Sparkles,
              price: "$199",              period: "/month",              description: "For growing teams that need advanced features and priority support.",              button: {
                text: "Start Free Trial",                href: "#"
              },
              featuresTitle: "Everything in Starter, plus:",              features: [
                "Up to 50,000 automations per month",                "Advanced analytics & custom reports",                "Priority email & chat support",                "Unlimited team members",                "API access",                "Custom integrations",                "Single Sign-On (SSO)"
              ]
            },
            {
              id: "enterprise",              tag: "Enterprise Plan",              tagIcon: Shield,
              price: "Custom",              period: "/month",              description: "For large organizations with custom requirements and dedicated support.",              button: {
                text: "Contact Sales",                href: "#"
              },
              featuresTitle: "Everything in Professional, plus:",              features: [
                "Unlimited automations",                "Custom analytics & reporting",                "24/7 phone & dedicated support",                "Dedicated account manager",                "Advanced security features",                "Custom SLA agreements",                "On-premise deployment options",                "Custom training & onboarding"
              ]
            }
          ]}
          animationType="slide-up"
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your team. All plans include a 14-day free trial."
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          metrics={[
            {
              id: "1",              icon: TrendingUp,
              title: "Growth",              value: "500%+"
            },
            {
              id: "2",              icon: Users,
              title: "Active Users",              value: "50K+"
            },
            {
              id: "3",              icon: Zap,
              title: "Automations",              value: "2M+"
            },
            {
              id: "4",              icon: Globe,
              title: "Countries",              value: "150+"
            }
          ]}
          title="Trusted by Industry Leaders"
          description="Our platform powers automation for companies of all sizes"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Operations Director",              testimonial: "SaasPro has transformed how our team manages workflows. We've cut manual processing time by 80% and our team is happier than ever.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Chen headshot"
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "Product Manager",              testimonial: "The automation capabilities are incredible. What used to take our team days to set up now takes minutes. The support team is phenomenal.",              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",              imageAlt: "Marcus Johnson headshot"
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "CEO",              testimonial: "We switched from three different tools to SaasPro and saved thousands monthly. The integration was seamless and our ROI was immediate.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Elena Rodriguez headshot"
            },
            {
              id: "4",              name: "David Kim",              role: "Technical Lead",              testimonial: "The API documentation is outstanding and the platform is rock-solid. It's rare to find a SaaS tool that just works perfectly out of the box.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "David Kim headshot"
            }
          ]}
          title="Loved by Our Customers"
          description="See what teams are saying about their experience with SaasPro"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Updated"
          tagIcon={Mail}
          title="Get the Latest Product Updates"
          description="Subscribe to our newsletter for feature releases, productivity tips, and industry insights delivered to your inbox."
          useInvertedBackground="noInvert"
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/join-us-register-newsletter-concept_53876-132697.jpg"
          imageAlt="Newsletter subscription illustration"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Security", href: "#" },
                { label: "API", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "#" },
                { label: "Help Center", href: "#" },
                { label: "Community", href: "#" },
                { label: "Templates", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 SaasPro. All rights reserved."
          bottomRightText="Made with modern design principles"
        />
      </div>
    </ThemeProvider>
  );
}