"use client";

import { useEffect, useState } from "react";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FooterSimple from "@/components/sections/footer/FooterSimple";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <ReactLenis root>
        <div className="min-h-screen bg-background">
          <NavbarStyleFullscreen
            navItems={[
              { name: "Home", id: "/" },
              { name: "About", id: "about" },
              { name: "Books", id: "books" },
              { name: "Shop", id: "shop" },
              { name: "Reviews", id: "testimonials" },
              { name: "Contact", id: "contact" }
            ]}
            brandName="4itaka"
            bottomLeftText="Book Club Community"
            bottomRightText="hello@4itaka.com"
          />

          <div id="about-main" data-section="about-main">
            <TextSplitAbout
              title="About 4itaka"
              description={[
                "4itaka is a welcoming book club dedicated to creating meaningful connections through literature. We believe that books have the power to transform perspectives, spark conversations, and bring people together from all walks of life.",                "Our mission is to cultivate a space where readers of all levels can explore diverse genres, discover hidden literary gems, and engage in thoughtful discussions that deepen their appreciation for storytelling and human connection.",                "Founded in 2023, 4itaka has grown from a small group of passionate readers into a vibrant global community spanning over 25 countries. We celebrate the diversity of our members and the richness of stories they bring to our discussions.",                "Every month, we carefully curate our book selections to represent a variety of genres, cultures, and voices. From contemporary fiction to classic literature, from memoirs to science fiction, we believe every story has something valuable to teach us about ourselves and the world around us."
              ]}
              useInvertedBackground="invertDefault"
              showBorder={true}
              buttons={[
                { text: "Join Our Community", href: "/#contact" }
              ]}
            />
          </div>

          <FooterSimple
            columns={[
              {
                title: "Community",                items: [
                  { label: "Join Us", href: "/#contact" },
                  { label: "Events", href: "#" },
                  { label: "Blog", href: "#" }
                ]
              },
              {
                title: "Resources",                items: [
                  { label: "Book Recommendations", href: "#" },
                  { label: "Discussion Guides", href: "#" },
                  { label: "Member Stories", href: "#" }
                ]
              },
              {
                title: "Connect",                items: [
                  { label: "Email", href: "mailto:hello@4itaka.com" },
                  { label: "Discord", href: "#" },
                  { label: "Instagram", href: "#" }
                ]
              },
              {
                title: "Legal",                items: [
                  { label: "Privacy", href: "#" },
                  { label: "Terms", href: "#" }
                ]
              }
            ]}
            bottomLeftText="© 2024 4itaka Book Club. All rights reserved."
            bottomRightText="Made for book lovers, by book lovers"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
