"use client"

import { Twitter, Linkedin, Github } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="SaasFlow"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="SAASFLOW"
          description="Streamline your workflow, accelerate your growth. Our all-in-one platform empowers teams to collaborate, automate, and scale."
          buttons={[
            { text: "Start Free Trial", href: "contact" },
            { text: "View Demo", href: "https://example.com/demo" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",              imageAlt: "SaaS dashboard and analytics interface"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",              imageAlt: "Cloud-based software platform"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg",              imageAlt: "Modern application interface"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Powerful Features Built for Your Success"
          description="Everything you need to manage, automate, and scale your business operations efficiently."
          features={[
            {
              id: "1",              title: "Intelligent Automation Engine",              author: "Automate complex workflows",              description: "Save hours each week by automating repetitive tasks and business processes. Our intelligent automation adapts to your unique workflow patterns.",              tags: ["Productivity", "AI-Powered"],
              imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg",              imageAlt: "Workflow automation illustration"
            },
            {
              id: "2",              title: "Advanced Analytics Dashboard",              author: "Data-driven decisions",              description: "Gain real-time insights with comprehensive analytics and custom dashboards. Track KPIs and measure impact across all your operations.",              tags: ["Analytics", "Insights"],
              imageSrc: "https://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595844.jpg",              imageAlt: "Analytics and data visualization"
            },
            {
              id: "3",              title: "Seamless Integration Ecosystem",              author: "Connect your tools",              description: "Integrate with 500+ applications including Slack, Salesforce, HubSpot, and more. Build custom integrations with our open API.",              tags: ["Integration", "API"],
              imageSrc: "https://img.b2bpic.net/free-photo/automation-production-system-operation-precess-concept_53876-138637.jpg",              imageAlt: "Integration and connection diagram"
            },
            {
              id: "4",              title: "Enterprise-Grade Security",              author: "Your data is protected",              description: "Bank-level encryption, GDPR compliance, and SOC 2 certification. Sleep soundly knowing your business data is secure.",              tags: ["Security", "Compliance"],
              imageSrc: "https://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041843.jpg",              imageAlt: "Security and protection features"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Trusted by Industry Leaders"
          description="Our platform powers the world's most innovative companies."
          metrics={[
            {
              id: "1",              value: "10K+",              title: "Active Companies",              items: ["Growing 45% year-over-year", "Across 50+ countries"]
            },
            {
              id: "2",              value: "500M+",              title: "Workflows Automated",              items: ["$2.3B in time saved", "Since platform launch"]
            },
            {
              id: "3",              value: "99.99%",              title: "Uptime Guaranteed",              items: ["24/7 enterprise support", "Mission-critical infrastructure"]
            },
            {
              id: "4",              value: "3X",              title: "Faster Deployment",              items: ["vs traditional software", "Deploy in minutes, not months"]
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Simple, Transparent Pricing"
          description="Choose the plan that fits your team. No hidden fees, no surprises."
          plans={[
            {
              id: "starter",              title: "Starter",              price: "$99",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",              imageAlt: "Starter plan features",              button: { text: "Get Started", href: "contact" },
              features: [
                "Up to 5 team members",                "500 automated workflows",                "Basic analytics dashboard",                "Email support",                "API access"
              ]
            },
            {
              id: "professional",              title: "Professional",              price: "$299",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",              imageAlt: "Professional plan features",              button: { text: "Start Free Trial", href: "contact" },
              features: [
                "Unlimited team members",                "Unlimited workflows",                "Advanced analytics & reporting",                "Priority support",                "Custom integrations",                "Advanced security controls"
              ]
            },
            {
              id: "enterprise",              title: "Enterprise",              price: "Custom",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg",              imageAlt: "Enterprise plan features",              button: { text: "Contact Sales", href: "contact" },
              features: [
                "Dedicated account manager",                "Custom SLA agreements",                "Advanced security & compliance",                "On-premise deployment",                "Custom integrations",                "24/7 phone support"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Loved by Teams Worldwide"
          description="See what customers say about SaasFlow and how it transformed their operations."
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              handle: "VP of Operations, TechCorp",              testimonial: "SaasFlow has been transformative for our team. We've reduced manual work by 70% and our team productivity has skyrocketed. Highly recommend.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Michael Rodriguez",              handle: "CEO, Growth Labs",              testimonial: "The best investment we've made for our operations. The ROI alone has paid for itself in the first month. The support team is exceptional.",              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: "Michael Rodriguez"
            },
            {
              id: "3",              name: "Emily Watson",              handle: "Head of Product, InnovateCo",              testimonial: "Intuitive interface, powerful features, and exceptional customer service. SaasFlow is a game-changer for any growing business.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Emily Watson"
            },
            {
              id: "4",              name: "David Park",              handle: "Founder, StartupXYZ",              testimonial: "Finally, a platform that scales with your business. Started with basic automation and now we're leveraging advanced features daily.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "David Park"
            },
            {
              id: "5",              name: "Jessica Martinez",              handle: "Operations Manager, Global Enterprise",              testimonial: "The automation capabilities alone have saved us thousands of hours. This is a must-have tool for any modern business.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "6",              name: "James Thompson",              handle: "CTO, Digital Solutions",              testimonial: "Outstanding platform with world-class integrations. The API is well-documented and their dev team is incredibly responsive.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "James Thompson"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={40}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Transform Your Workflow?"
          title="Start Your Free 14-Day Trial Today"
          description="Join thousands of teams already saving time and accelerating growth with SaasFlow. No credit card required. Full access to all features."
          buttons={[
            { text: "Start Free Trial", href: "https://example.com/signup" },
            { text: "Schedule a Demo", href: "https://example.com/demo" }
          ]}
          background={{ variant: "gradient-bars" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="SaasFlow"
          copyrightText="© 2025 SaasFlow Inc. All rights reserved."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/saasflow", ariaLabel: "Follow us on Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/saasflow", ariaLabel: "Connect on LinkedIn" },
            { icon: Github, href: "https://github.com/saasflow", ariaLabel: "View our GitHub" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}