"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="grid"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Features",
          id: "/features",
        },
        {
          name: "Pricing",
          id: "/pricing",
        },
        {
          name: "Contact",
          id: "/#contact",
        },
      ]}
      brandName="Skill2Income"
    />
  </div>

  <div id="pricing-page" data-section="pricing-page">
      <PricingCardOne
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "starter",
          badge: "Free",
          badgeIcon: Sparkles,
          price: "€0",
          subtitle: "Get a taste of what's possible",
          features: [
            "1 Opportunity Analysis",
            "Basic Offer Generation",
            "Limited Outreach Messages",
            "Access to Knowledge Base",
          ],
        },
        {
          id: "pro",
          badge: "Most Popular",
          badgeIcon: Zap,
          price: "€9/month",
          subtitle: "Unlock your full earning potential",
          features: [
            "Unlimited Opportunity Analyses",
            "Unlimited Offer Generation",
            "Unlimited Outreach Messages",
            "Landing Page Copy Generator",
            "Priority Support",
            "Advanced Analytics",
          ],
        },
      ]}
      title="Simple Pricing, Powerful Results"
      description="Choose the plan that fits your ambition. Start free to explore, or go Pro for unlimited opportunities and comprehensive tools."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Innovate Solutions",
        "Creative Hub Studios",
        "Data Insights Corp",
        "Future Minds Academy",
        "Velocity Health",
        "Apex Finance Group",
        "Digital Growth Agency",
      ]}
      title="Trusted by Ambitious Entrepreneurs"
      description="Our platform empowers aspiring business owners and freelancers to find their niche and succeed."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Platform",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Features",
              href: "/features",
            },
            {
              label: "Pricing",
              href: "/pricing",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/#about",
            },
            {
              label: "Contact",
              href: "/#contact",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Skill2Income"
      copyrightText="© 2024 Skill2Income. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
