"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
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-contact" data-section="about-contact">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Wanda: Where Art Meets Accessory"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/girl-holding-book_23-2147615075.jpg",          alt: "Woman designing a luxury beaded bag in a studio"},
      ]}
      buttons={[
        {
          text: "Discover Our Story",          href: "/about"},
      ]}
    />
    <p className="mt-4 text-md text-gray-700 dark:text-gray-300 max-w-2xl mx-auto">
      At Wanda, we believe a handbag is more than just an accessory—it's a statement. Each piece is meticulously handcrafted with passion in Lebanon, using the finest beads and materials to bring your unique vision to life. From elegant evening bags to bespoke custom designs, we celebrate the artistry of traditional craftsmanship fused with modern luxury, ensuring every Wanda bag is a masterpiece.
    </p>
  </div>

  <div id="contact-form" data-section="contact-form">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Contact Us for Your Custom Bag or Inquiry. Whether you're envisioning a new design, have a special event in mind, or simply want to learn more, our team is here to help you create your dream accessory. Reach out today and let's craft something beautiful."
      buttons={[
        {
          text: "Request Your Custom Bag Today"},
        {
          text: "Call Us: +961 76 813 559",          href: "tel:+96176813559"},
      ]}
    />
  </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>
  );
}
