"use client";

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

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="services-list" data-section="services-list">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "insta-likes",
          name: "Instagram Likes",
          price: "$0.01 per 1000",
          variant: "High Quality",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-blogger-recording-personal-blog_23-2148586399.jpg",
          imageAlt: "Instagram Likes service",
        },
        {
          id: "youtube-views",
          name: "YouTube Views",
          price: "$0.009 per 1000",
          variant: "Real & Targeted",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-filming-his-video-blog-episode_171337-5538.jpg",
          imageAlt: "YouTube Views service",
        },
        {
          id: "tiktok-followers",
          name: "TikTok Followers",
          price: "$0.015 per 1000",
          variant: "Active Profiles",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062999.jpg",
          imageAlt: "TikTok Followers service",
        },
        {
          id: "twitter-retweets",
          name: "Twitter Retweets",
          price: "$0.007 per 1000",
          variant: "Fast Delivery",
          imageSrc: "http://img.b2bpic.net/free-photo/lot-gingerbread-candy-cane-shaped-cookies-red-background_169016-26451.jpg",
          imageAlt: "Twitter Retweets service",
        },
        {
          id: "facebook-comments",
          name: "Facebook Comments",
          price: "$0.02 per 1000",
          variant: "Customizable",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-sitting-yellow-sofa-holding-facebook-icon_23-2147847507.jpg",
          imageAlt: "Facebook Comments service",
        },
        {
          id: "telegram-members",
          name: "Telegram Members",
          price: "$0.012 per 1000",
          variant: "Channel Growth",
          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-business-illustration-with-pink-pastel-blocks-icons_2100-497.jpg",
          imageAlt: "Telegram Members service",
        },
        {
          id: "insta-comments",
          name: "Instagram Comments",
          price: "$0.025 per 1000",
          variant: "Custom & Engaging",
          imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-speech-bubble-icon_53876-74767.jpg",
          imageAlt: "Instagram Comments service",
        },
      ]}
      title="Our Full Range of SMM Services"
      description="Boost your presence across all major social media platforms with our high-quality and affordable services."
    />
  </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>
  );
}
