"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';

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="features-page" data-section="features-page">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "skill-input-full",
          title: "Dynamic Skill Input",
          author: "Detailed Feature",
          description: "Our intelligent system processes a wide array of skills, from technical expertise to soft skills, connecting them to market demand.",
          tags: [
            "Comprehensive",
            "Smart AI",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-content-production_1268-21625.jpg",
          imageAlt: "Illustration of dynamic skill input",
        },
        {
          id: "opportunity-ai-full",
          title: "AI-Powered Opportunity Generation",
          author: "Detailed Feature",
          description: "Leverage machine learning to identify high-potential service business niches based on real-time market data and your unique skill set.",
          tags: [
            "Predictive",
            "Market-Driven",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-cyclist-design_183364-118215.jpg",
          imageAlt: "Illustration of AI-powered opportunity generation",
        },
        {
          id: "offer-generator-full",
          title: "Automated Service Offer Creation",
          author: "Detailed Feature",
          description: "Generate compelling, client-ready service offers, outlining deliverables, timelines, and value propositions with ease.",
          tags: [
            "Efficient",
            "Client-Ready",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cyber-monday-assortment_23-2149055956.jpg",
          imageAlt: "Illustration of automated service offer creation",
        },
        {
          id: "pricing-generator-full",
          title: "Strategic Pricing Model Generator",
          author: "Detailed Feature",
          description: "Create tiered pricing packages (Starter, Growth, Premium) that resonate with your target audience and maximize profitability.",
          tags: [
            "Optimized",
            "Flexible",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/2020-economy-chart-with-notebook_23-2148541994.jpg",
          imageAlt: "Illustration of strategic pricing model generator",
        },
        {
          id: "landing-page-full",
          title: "High-Converting Landing Page Copy",
          author: "Detailed Feature",
          description: "Instantly generate persuasive headlines, subheadlines, benefits, and calls-to-action for your service landing page.",
          tags: [
            "Conversion Focused",
            "SEO Friendly",
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/technology-isometric-landing-page_23-2148375402.jpg",
          imageAlt: "Illustration of high-converting landing page copy generation",
        },
        {
          id: "outreach-full",
          title: "Personalized Outreach Message Builder",
          author: "Detailed Feature",
          description: "Craft effective cold emails, Instagram DMs, and LinkedIn messages designed to attract ideal clients and secure opportunities.",
          tags: [
            "Targeted",
            "Engaging",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063076.jpg",
          imageAlt: "Illustration of personalized outreach message builder",
        },
      ]}
      title="Comprehensive Skill Monetization Features"
      description="From idea generation to client acquisition, Skill2Income provides a full suite of AI-powered tools to launch and grow your service business efficiently."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "How accurate are the AI suggestions?",
          content: "Our AI leverages extensive market data and advanced algorithms to provide highly relevant and accurate business ideas, demand scores, and income estimates.",
        },
        {
          id: "faq-2",
          title: "Can I use it for any skill?",
          content: "Yes, our platform is designed to analyze a wide range of skills. The more detail you provide, the better our AI can tailor opportunities for you.",
        },
        {
          id: "faq-3",
          title: "Is my data private and secure?",
          content: "Absolutely. We prioritize your privacy and data security. All information is encrypted and handled in compliance with strict privacy protocols.",
        },
        {
          id: "faq-4",
          title: "What if I need help with my generated assets?",
          content: "While our AI provides ready-to-use assets, our knowledge base and community forums offer tips for customization and optimization to best suit your needs.",
        },
      ]}
      sideTitle="Your Questions, Answered"
      sideDescription="Find quick answers to the most common questions about how Skill2Income works and how it can benefit your business."
      faqsAnimation="slide-up"
    />
  </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>
  );
}
