"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Zap, Star, DollarSign, Users, Mail, Rocket, Sparkles, Crown, CheckCircle, Layers, TrendingUp, BarChart3, PieChart, Plug, Code, Link2 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="medium"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="SaasPro"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "https://app.example.com/signup"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Powerful SaaS Platform for Modern Teams"
          description="Streamline your workflow, boost productivity, and grow your business with our all-in-one platform designed for teams that move fast."
          tag="SaaS Solution"
          tagIcon={Zap}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-vector/professional-dashboard-user-panel_23-2148368370.jpg",              imageAlt: "Dashboard analytics interface"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/dashboard-admin-panel-template_23-2148372587.jpg",              imageAlt: "Product interface overview"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148370944.jpg",              imageAlt: "Technology platform view"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/professional-dashboard-user-panel_23-2148358961.jpg",              imageAlt: "Business analytics dashboard"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148358960.jpg",              imageAlt: "Software interface display"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-29382.jpg",              imageAlt: "Web application platform"
            }
          ]}
          buttons={[
            {
              text: "Start Free Trial",              href: "https://app.example.com/signup"
            },
            {
              text: "Watch Demo",              href: "https://example.com/demo"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTen
          title="Everything You Need to Succeed"
          description="Our platform combines powerful tools and intuitive design to help your team achieve more. Discover the features that make SaasPro the choice of forward-thinking businesses."
          tag="Core Features"
          tagIcon={Star}
          features={[
            {
              id: "1",              title: "Intelligent Automation",              description: "Automate repetitive tasks and workflows to save time and reduce errors. Let your team focus on high-impact work while the platform handles the rest.",              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg",                imageAlt: "Automation workflow illustration"
              },
              items: [
                { icon: Zap, text: "One-click workflow automation" },
                { icon: CheckCircle, text: "Custom trigger and action rules" },
                { icon: Layers, text: "Multi-step process support" }
              ],
              reverse: false
            },
            {
              id: "2",              title: "Advanced Analytics & Reporting",              description: "Gain deep insights into your business performance with real-time dashboards and customizable reports. Make data-driven decisions faster.",              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595844.jpg",                imageAlt: "Analytics dashboard view"
              },
              items: [
                { icon: TrendingUp, text: "Real-time performance metrics" },
                { icon: BarChart3, text: "Custom report generation" },
                { icon: PieChart, text: "Visual data representation" }
              ],
              reverse: true
            },
            {
              id: "3",              title: "Seamless Integrations",              description: "Connect with your favorite tools and platforms. Our extensive integration ecosystem ensures SaasPro works perfectly within your existing tech stack.",              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/automation-production-system-operation-precess-concept_53876-138637.jpg",                imageAlt: "Integration platform connections"
              },
              items: [
                { icon: Plug, text: "100+ pre-built integrations" },
                { icon: Code, text: "Robust REST API" },
                { icon: Link2, text: "Webhook support for automation" }
              ],
              reverse: false
            }
          ]}
          buttons={[
            {
              text: "Explore All Features",              href: "https://example.com/features"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your team. Scale up or down anytime, no long-term contracts required."
          tag="Pricing Plans"
          tagIcon={DollarSign}
          plans={[
            {
              id: "starter",              badge: "Popular for Startups",              badgeIcon: Rocket,
              price: "$29/mo",              subtitle: "Perfect for small teams and MVPs",              buttons: [
                {
                  text: "Get Started",                  href: "https://app.example.com/signup?plan=starter"
                }
              ],
              features: [
                "Up to 5 team members",                "Core automation features",                "Basic analytics dashboard",                "Email support",                "50 workflow runs/month",                "Community access"
              ]
            },
            {
              id: "professional",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$99/mo",              subtitle: "Best for growing teams",              buttons: [
                {
                  text: "Start Free Trial",                  href: "https://app.example.com/signup?plan=professional"
                }
              ],
              features: [
                "Up to 25 team members",                "Advanced automation",                "Real-time analytics & reports",                "Priority email & chat support",                "Unlimited workflow runs",                "API access",                "Custom integrations"
              ]
            },
            {
              id: "enterprise",              badge: "For Enterprise",              badgeIcon: Crown,
              price: "Custom",              subtitle: "Tailored solutions for large organizations",              buttons: [
                {
                  text: "Contact Sales",                  href: "https://example.com/contact"
                }
              ],
              features: [
                "Unlimited team members",                "White-label solution",                "Dedicated account manager",                "24/7 phone & priority support",                "Custom SLA agreements",                "Advanced security & compliance",                "On-premise deployment option"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Loved by Teams Around the World"
          description="See what customers are saying about how SaasPro has transformed their business and increased their productivity."
          tag="Customer Stories"
          tagIcon={Users}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahjohnson",              testimonial: "SaasPro completely transformed how our team works. We've cut our process time in half and eliminated so many manual errors. Highly recommended!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Sarah Johnson headshot"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "@mikechen",              testimonial: "The automation features are incredibly powerful yet easy to use. Our team got up to speed in just a few days. Best investment we made this year.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Michael Chen headshot"
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "@emilyrodriguezco",              testimonial: "The customer support team is fantastic. They helped us customize the platform to fit our specific workflow. This is a game-changer for our organization.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Emily Rodriguez headshot"
            },
            {
              id: "4",              name: "David Park",              handle: "@davidpark",              testimonial: "Real-time analytics have given us insights we never had before. We're making better decisions faster, and our ROI has improved significantly.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg",              imageAlt: "David Park headshot"
            },
            {
              id: "5",              name: "Jessica Thompson",              handle: "@jthompson",              testimonial: "Integrating SaasPro with our existing tools was seamless. The API documentation is excellent and the team was incredibly helpful throughout.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              imageAlt: "Jessica Thompson headshot"
            },
            {
              id: "6",              name: "Alex Martinez",              handle: "@alexmartinez",              testimonial: "We've tried several alternatives and nothing comes close to SaasPro. The value for money is unbeatable. Our entire team loves it.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              imageAlt: "Alex Martinez headshot"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Get Started?"
          tagIcon={Mail}
          title="Join Thousands of Productive Teams"
          description="Start your free 14-day trial today. No credit card required. Full access to all features."
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Start Free Trial"
          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. We'll also send you helpful resources and updates."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg"
          imageAlt="Team collaboration workspace"
          logoText="SaasPro"
          copyrightText="© 2025 SaasPro. All rights reserved."
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "features" },
                { label: "Pricing", href: "pricing" },
                { label: "Security", href: "https://example.com/security" },
                { label: "Roadmap", href: "https://example.com/roadmap" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "https://example.com/about" },
                { label: "Blog", href: "https://example.com/blog" },
                { label: "Careers", href: "https://example.com/careers" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "https://example.com/privacy" },
                { label: "Terms of Service", href: "https://example.com/terms" },
                { label: "Cookie Policy", href: "https://example.com/cookies" },
                { label: "Data Processing", href: "https://example.com/dpa" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}