"use client";

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

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Catalogue",
          id: "/catalogue",
        },
        {
          name: "Categories",
          id: "/categories",
        },
        {
          name: "About Us",
          id: "/about-us",
        },
        {
          name: "Contact",
          id: "/contact-us",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tt1agv"
      logoAlt="Desired Acquisitions Logo"
      brandName="Desired Acquisitions"
    />
  </div>

  <div id="contact-full" data-section="contact-full">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      text="We're here to help you acquire your next desired treasure. Reach out with any questions, offers, or to arrange a viewing.\n\nEmail: desiredacquisitions@gmail.com\nPhone: 0799139202"
      buttons={[
        {
          text: "Submit an Enquiry",
          href: "/contact-us",
        },
        {
          text: "Make an Offer",
          href: "/contact-us",
        },
      ]}
    />
  </div>

  <div id="faq-delivery" data-section="faq-delivery">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "How does Desired Acquisitions operate?",
          content: "Desired Acquisitions functions as a curated catalogue and enquiry platform. You can browse items, submit enquiries, and make offers, but items are not purchased directly through the website.",
        },
        {
          id: "faq-2",
          title: "Can I purchase items directly through the website?",
          content: "No, Desired Acquisitions is not a traditional e-commerce store. We do not support direct online purchases, user accounts, or cart checkouts.",
        },
        {
          id: "faq-3",
          title: "How is collection arranged?",
          content: "Collection can be arranged by appointment directly with us once your acquisition has been finalized. We will provide all necessary details for a smooth handover.",
        },
        {
          id: "faq-4",
          title: "What about delivery and shipping costs?",
          content: "Shipping may be arranged and paid for by the buyer using a third-party courier service such as PUDO. All shipping costs are for the buyer's account. Desired Acquisitions does not handle shipping logistics directly.",
        },
      ]}
      title="Collection & Delivery"
      description="Important information regarding our acquisition process and how to receive your desired items."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Acquisitions",
          items: [
            {
              label: "Browse All",
              href: "/catalogue",
            },
            {
              label: "Featured Items",
              href: "/catalogue#featured-items",
            },
            {
              label: "New Arrivals",
              href: "/catalogue",
            },
            {
              label: "Categories",
              href: "/categories",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about-us",
            },
            {
              label: "Contact",
              href: "/contact-us",
            },
            {
              label: "Collection & Delivery",
              href: "/collection-delivery",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Desired Acquisitions. All rights reserved."
      bottomRightText="Built with Webild"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
