"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="circleGradient"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Collection",          id: "/collection"},
        {
          name: "Custom Orders",          id: "/custom-order"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="Wanda"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Crafting Your Vision: The Wanda Bespoke Process"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414730.jpg",          alt: "Fashion designer working on a custom bag design"},
      ]}
      buttons={[
        {
          text: "Get Started Now",          href: "/contact"},
      ]}
    />
    <p className="mt-4 text-md text-gray-700 dark:text-gray-300 max-w-2xl mx-auto">
      Our custom order journey is designed to be a seamless and inspiring experience. From initial concept to the final stitch, we collaborate closely with you to ensure every detail reflects your personal style and desired occasion. Select from an exquisite range of beads, colors, and patterns, and watch your dream accessory come to life.
    </p>
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Wanda",          items: [
            {
              label: "Elevating Everyday and Event Style",              href: "#"},
          ],
        },
        {
          title: "Navigation",          items: [
            {
              label: "Home",              href: "/"},
            {
              label: "Collection",              href: "/collection"},
            {
              label: "Custom Orders",              href: "/custom-order"},
            {
              label: "Contact",              href: "/contact"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Instagram",              href: "https://instagram.com/wandabags"},
            {
              label: "WhatsApp",              href: "https://wa.me/96176813559"},
            {
              label: "Facebook",              href: "https://facebook.com/wandabags"},
          ],
        },
      ]}
      bottomLeftText="Wanda — Where Art Meets Accessory"
      bottomRightText="© 2024 Wanda. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
