"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Zap, CheckCircle, DollarSign, Star, Shield } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="SaaS Pro"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Blog", id: "blog" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="The All-in-One Platform for Modern Teams"
          description="Streamline your workflow, boost productivity, and scale faster. Built for teams that demand excellence."
          tag="Next-Gen SaaS"
          tagIcon={Zap}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
          imageAlt="SaaS dashboard interface"
          buttons={[
            {
              text: "Start Free Trial",              href: "contact"
            },
            {
              text: "View Demo"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Powerful Features Built for Success"
          description="Everything you need to manage, scale, and grow your business efficiently."
          tag="Core Capabilities"
          tagIcon={CheckCircle}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="noInvert"
          features={[
            {
              title: "Smart Automation",              description: "Automate repetitive tasks and save hours every week with intelligent workflow management.",              imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg",              imageAlt: "Automation workflow",              button: {
                text: "Learn More",                href: "features"
              }
            },
            {
              title: "Real-Time Analytics",              description: "Get actionable insights with comprehensive dashboards and advanced reporting capabilities.",              imageSrc: "https://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595844.jpg",              imageAlt: "Analytics dashboard",              button: {
                text: "Explore",                href: "features"
              }
            },
            {
              title: "Enterprise Security",              description: "Bank-grade encryption, compliance certifications, and advanced access controls for peace of mind.",              imageSrc: "https://img.b2bpic.net/free-photo/automation-production-system-operation-precess-concept_53876-138637.jpg",              imageAlt: "Security features",              button: {
                text: "Details",                href: "features"
              }
            },
            {
              title: "Seamless Integrations",              description: "Connect with 500+ tools and services. API-first architecture for unlimited possibilities.",              imageSrc: "https://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041843.jpg",              imageAlt: "Integration ecosystem",              button: {
                text: "See Integrations",                href: "features"
              }
            },
            {
              title: "24/7 Expert Support",              description: "Dedicated support team ready to help. Chat, email, or phone support whenever you need us.",              imageSrc: "https://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595849.jpg",              imageAlt: "Customer support",              button: {
                text: "Contact Support",                href: "contact"
              }
            },
            {
              title: "Built to Scale",              description: "From startups to enterprises. Our infrastructure grows with your business, handling millions of operations.",              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html_23-2150038862.jpg",              imageAlt: "Enterprise scale",              button: {
                text: "Scale with Us",                href: "features"
              }
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Simple, Transparent Pricing"
          description="Choose the plan that fits your team. No hidden fees, cancel anytime."
          tag="Pricing Plans"
          tagIcon={DollarSign}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "starter",              tag: "Starter",              tagIcon: Zap,
              price: "$49",              period: "/mo",              description: "Perfect for small teams and startups getting started.",              button: {
                text: "Start Free Trial",                href: "contact"
              },
              featuresTitle: "What's Included:",              features: [
                "Up to 5 team members",                "Core automation features",                "Basic analytics and reporting",                "Email support",                "2GB storage",                "API access"
              ]
            },
            {
              id: "professional",              tag: "Professional",              tagIcon: Star,
              price: "$149",              period: "/mo",              description: "For growing teams that need advanced capabilities and priority support.",              button: {
                text: "Start Free Trial",                href: "contact"
              },
              featuresTitle: "What's Included:",              features: [
                "Up to 25 team members",                "Advanced automation workflows",                "Real-time analytics dashboard",                "Priority email & chat support",                "50GB storage",                "Advanced API access",                "Custom integrations",                "SSO authentication"
              ]
            },
            {
              id: "enterprise",              tag: "Enterprise",              tagIcon: Shield,
              price: "Custom",              period: "",              description: "For large organizations with complex requirements and dedicated support.",              button: {
                text: "Contact Sales",                href: "contact"
              },
              featuresTitle: "What's Included:",              features: [
                "Unlimited team members",                "Custom workflows & automation",                "Advanced analytics & ML insights",                "24/7 phone & priority support",                "Unlimited storage",                "Enterprise API",                "White-label options",                "Dedicated account manager",                "Custom SLA",                "On-premise deployment"
              ]
            }
          ]}
        />
      </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: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "#" },
                { label: "API Reference", href: "#" },
                { label: "Community", href: "#" },
                { label: "Status", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy", href: "#" },
                { label: "Terms", href: "#" },
                { label: "Compliance", href: "#" },
                { label: "Cookies", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 SaaS Pro. All rights reserved."
          bottomRightText="Built for modern teams"
        />
      </div>
    </ThemeProvider>
  );
}