"use client";

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

export default function AboutPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleApple
            navItems={[
              { name: "Home", id: "/" },
              { name: "About", id: "/about" },
              { name: "Products", id: "#products" },
              { name: "Education", id: "#education" },
              { name: "Testimonials", id: "/testimonials" },
              { name: "Contact", id: "/contact" },
            ]}
            brandName="The Vegan Marie"
          />
        </div>

        <div id="about-page-section" data-section="about-page-section">
          <MediaAbout
            useInvertedBackground={false}
            title="Rooted in Natural Healing"
            description="The Vegan Marie is a family-owned herbal wellness brand dedicated to providing organic, plant-based remedies. We believe in the profound power of herbs to nourish the mind, body, and spirit, crafting each blend with real, high-quality ingredients sourced sustainably. Our mission is to empower your wellness journey through nature's finest offerings."
            imageSrc="http://img.b2bpic.net/free-photo/man-harvest-pick-fresh-green-tea-leaves-high-land-tea-field-chiang-mai-thailand_1150-8986.jpg"
            imageAlt="Caring hands holding a variety of fresh green herbs, symbolizing natural healing and family-owned wellness."
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="The Vegan Marie"
            columns={[
              {
                title: "Shop",                items: [
                  { label: "Herbal Teas", href: "#products" },
                  { label: "Herbal Powders", href: "#products" },
                  { label: "Sea Moss Blends", href: "#products" },
                  { label: "Remedies & Roots", href: "#products" },
                ],
              },
              {
                title: "Learn",                items: [
                  { label: "Our Story", href: "/about" },
                  { label: "Herbal Benefits", href: "#features" },
                  { label: "Wellness Education", href: "#education" },
                  { label: "FAQ", href: "#faq" },
                ],
              },
              {
                title: "Connect",                items: [
                  { label: "Contact Us", href: "/contact" },
                  { label: "Shipping & Returns", href: "#" },
                  { label: "Privacy Policy", href: "#" },
                  { label: "Terms of Service", href: "#" },
                ],
              },
            ]}
            copyrightText="© 2024 The Vegan Marie. All rights reserved."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}