"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="large"
        background="grid"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Pricing",
          id: "/pricing",
        },
        {
          name: "FAQ",
          id: "/faq",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/isolated-white-house-silhouette-minimal-black-landscape_1194-641505.jpg"
      logoAlt="SocBoost Logo"
      brandName="SocBoost"
      button={{
        text: "Register",
        href: "/register",
      }}
    />
  </div>

  <div id="faq-section" data-section="faq-section">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "What is an SMM panel?",
          content: "An SMM panel is an online store where people buy social media marketing services at wholesale prices. It's a platform for resellers to offer these services to their clients.",
        },
        {
          id: "q2",
          title: "How does SocBoost work?",
          content: "You register an account, add funds, choose from our wide range of social media services, input the necessary link or URL, and place your order. Our automated system handles the rest!",
        },
        {
          id: "q3",
          title: "What payment methods do you accept?",
          content: "We accept various secure payment methods including PayPal, Stripe, and several cryptocurrency options for your convenience.",
        },
        {
          id: "q4",
          title: "Is it safe to buy SMM services?",
          content: "Yes, with SocBoost, your privacy and account security are our top priority. We use secure methods to deliver services and protect your data with password hashing and CSRF protection.",
        },
        {
          id: "q5",
          title: "Do you offer an API for resellers?",
          content: "Absolutely! We provide a comprehensive API that allows resellers to integrate our services directly into their own platforms, enabling full automation.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our SMM panel, services, and operations."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Instagram",
              href: "/services#instagram",
            },
            {
              label: "YouTube",
              href: "/services#youtube",
            },
            {
              label: "TikTok",
              href: "/services#tiktok",
            },
            {
              label: "Twitter",
              href: "/services#twitter",
            },
            {
              label: "Facebook",
              href: "/services#facebook",
            },
            {
              label: "Telegram",
              href: "/services#telegram",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/#features",
            },
            {
              label: "Pricing",
              href: "/pricing",
            },
            {
              label: "FAQ",
              href: "/faq",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Terms of Service",
              href: "/terms",
            },
            {
              label: "Privacy Policy",
              href: "/privacy",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Blog",
              href: "#",
            },
            {
              label: "API Docs",
              href: "#",
            },
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/isolated-white-house-silhouette-minimal-black-landscape_1194-641505.jpg"
      logoAlt="SocBoost Logo"
      logoText="SocBoost"
      copyrightText="© 2024 SocBoost. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
