"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { ArrowRight, BarChart, Building, Crown, Link, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="AppFlow"
      button={{
        text: "Get Started",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "animated-grid",
      }}
      title="Unlock Your App's Full Potential"
      description="Streamline workflows, boost productivity, and drive growth with our intuitive application. Designed for modern teams, AppFlow simplifies complex tasks and enhances collaboration."
      tag="Power Your Progress"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Start Free Trial",
          href: "#contact",
        },
        {
          text: "Learn More",
          href: "#features",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-his-tablet-with-background-blue-tones_1134-572.jpg",
          imageAlt: "AppFlow dashboard interface",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-white-background_9975-134438.jpg",
          imageAlt: "AppFlow mobile interface",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-gray-squares_1232-316.jpg",
          imageAlt: "Man with a laptop and gray squares",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-design-ideas-concept-business-planning_1421-391.jpg",
          imageAlt: "Business People Meeting Design Ideas Concept. business planning",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/statistics-analysis-diagram-data-strategy-growth-concept_53876-125586.jpg",
          imageAlt: "Statistics Analysis Diagram Data Strategy Growth Concept",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Rated 5/5 by users"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      imagePosition="right"
      title="About AppFlow: Innovation at Your Fingertips"
      description="AppFlow is engineered to simplify complex tasks, providing a seamless experience that adapts to your needs. Our platform empowers teams to collaborate effortlessly and achieve more with less, driving efficiency and success across all operations."
      tag="Our Mission"
      tagAnimation="slide-up"
      bulletPoints={[
        {
          title: "Intuitive Design",
          description: "Experience a user-friendly interface that makes complex tasks simple and accessible for everyone.",
          icon: ArrowRight,
        },
        {
          title: "Seamless Integration",
          description: "Connect with your favorite tools and services for a unified workflow that saves time and effort.",
          icon: Link,
        },
        {
          title: "Scalable Solutions",
          description: "Grow your business with a platform that scales with your demands, supporting teams of any size.",
          icon: BarChart,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/engineers-data-center-using-devices-employing-machine-learning-models_482257-122529.jpg"
      imageAlt="Team collaborating on a project dashboard"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Automated Workflows",
          subtitle: "Eliminate manual tasks with smart automation.",
          category: "Productivity",
          value: "Boosts Efficiency",
        },
        {
          id: "f2",
          title: "Real-time Collaboration",
          subtitle: "Work together seamlessly, no matter the distance.",
          category: "Teamwork",
          value: "Enhances Communication",
        },
        {
          id: "f3",
          title: "Customizable Dashboards",
          subtitle: "Tailor your workspace to fit your unique needs.",
          category: "Personalization",
          value: "Optimizes Focus",
        },
        {
          id: "f4",
          title: "Advanced Analytics",
          subtitle: "Gain insights with powerful data visualization tools.",
          category: "Insights",
          value: "Informs Decisions",
        },
        {
          id: "f5",
          title: "Secure Cloud Storage",
          subtitle: "Keep your data safe and accessible anytime, anywhere.",
          category: "Security",
          value: "Protects Information",
        },
        {
          id: "f6",
          title: "API Integrations",
          subtitle: "Connect AppFlow with your existing software ecosystem.",
          category: "Integration",
          value: "Extends Capabilities",
        },
      ]}
      title="Core Features Designed for Success"
      description="Discover powerful tools that integrate seamlessly into your daily operations, transforming how your team works and helping you achieve your strategic objectives."
      tag="Smart Solutions"
      tagAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "99.9%",
          description: "Uptime Reliability",
        },
        {
          id: "m2",
          value: "+50%",
          description: "Average Productivity Increase",
        },
        {
          id: "m3",
          value: "20K+",
          description: "Satisfied Global Users",
        },
      ]}
      title="Proven Results, Visible Growth"
      description="Our commitment to excellence translates into measurable impact for businesses worldwide. See how AppFlow drives real value and helps our clients achieve their ambitious goals."
      tag="By the Numbers"
      tagAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "TechCorp Solutions",
        "Innovate Ventures",
        "Global Dynamics",
        "Apex Systems",
        "Frontier Labs",
        "Quantum Growth",
        "Synergy Group",
      ]}
      title="Trusted by Industry Leaders"
      description="Join thousands of satisfied teams leveraging AppFlow to achieve their goals and scale their operations efficiently with confidence."
      tag="Our Partners"
      tagAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          role: "CEO",
          company: "TechCorp",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg",
          imageAlt: "Sarah Johnson",
        },
        {
          id: "2",
          name: "Michael Chen",
          role: "CTO",
          company: "InnovateLab",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          role: "Marketing Director",
          company: "GrowthCo",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461332.jpg",
          imageAlt: "Emily Rodriguez",
        },
        {
          id: "4",
          name: "David Kim",
          role: "Product Manager",
          company: "StartupXYZ",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/male-analyst-doing-financial-research_482257-119498.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "5",
          name: "Jessica Lee",
          role: "Small Business Owner",
          company: "Local Artisans",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094587.jpg",
          imageAlt: "Jessica Lee",
        },
      ]}
      kpiItems={[
        {
          value: "98%",
          label: "Customer Satisfaction",
        },
        {
          value: "24/7",
          label: "Support Availability",
        },
        {
          value: "5-Star",
          label: "App Store Rating",
        },
      ]}
      title="What Our Users Say"
      description="Hear directly from professionals who have transformed their workflows and seen significant improvements with AppFlow, making their daily tasks more manageable and productive."
      tag="Success Stories"
      tagAnimation="slide-up"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Starter",
          badgeIcon: Sparkles,
          price: "$19/month",
          subtitle: "For individuals & small teams",
          features: [
            "Up to 5 users",
            "Basic analytics",
            "Email support",
            "10 GB storage",
          ],
        },
        {
          id: "pro",
          badge: "Pro",
          badgeIcon: Crown,
          price: "$49/month",
          subtitle: "For growing teams & businesses",
          features: [
            "Up to 20 users",
            "Advanced analytics",
            "Priority support",
            "100 GB storage",
            "Custom workflows",
          ],
        },
        {
          id: "enterprise",
          badge: "Enterprise",
          badgeIcon: Building,
          price: "Custom",
          subtitle: "For large organizations",
          features: [
            "Unlimited users",
            "Dedicated account manager",
            "Enterprise-grade security",
            "Unlimited storage",
            "On-premise deployment",
          ],
        },
      ]}
      title="Flexible Plans for Every Team"
      description="Choose a plan that fits your needs, from small teams to enterprise solutions, with transparent pricing and no hidden fees. Start with a free trial or jump straight into a premium plan."
      tag="Invest in Success"
      tagAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "What is AppFlow?",
          content: "AppFlow is a comprehensive web application designed to streamline project management, enhance team collaboration, and automate repetitive tasks, boosting overall productivity for businesses of all sizes.",
        },
        {
          id: "q2",
          title: "Is AppFlow suitable for my team size?",
          content: "Yes, AppFlow offers flexible pricing plans ranging from individual users and small teams to large enterprises, ensuring scalability and features tailored to your specific needs.",
        },
        {
          id: "q3",
          title: "How secure is my data with AppFlow?",
          content: "We prioritize your data security with enterprise-grade encryption, regular backups, and strict access controls. Your information is protected with industry-leading security protocols.",
        },
        {
          id: "q4",
          title: "Can I integrate AppFlow with other tools?",
          content: "Absolutely! AppFlow provides robust API integrations and native connectors for popular third-party applications, allowing you to create a seamless ecosystem for your workflow.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to the most common questions about AppFlow, its features, pricing, and support. If you can't find what you're looking for, feel free to contact us directly."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Get in Touch"
      tagAnimation="slide-up"
      title="Ready to Transform Your Workflow?"
      description="Contact our team today to learn more about how AppFlow can empower your business and drive exceptional results. Let's build something great together!"
      buttons={[
        {
          text: "Request a Demo",
          href: "#",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="AppFlow"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
