"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Pahu"
          button={{
            text: "Shop Now",
            href: "/products"
          }}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Our story of" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/beakers-equipment-table-factory-laboratory_1359-307.jpg", alt: "Perfume crafting laboratory" },
            { type: "text", content: "craftsmanship and innovation" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="values" data-section="values">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Committed to" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg", alt: "Vegan fragrance bottles" },
            { type: "text", content: "sustainability and ethics" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardOne
          title="Behind the Scenes"
          description="Discover the artistry and science that goes into every Pahu fragrance."
          tag="Stories"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          carouselMode="buttons"
          blogs={[
            {
              id: "1",
              category: "Process",
              title: "The Art of Perfume Creation",
              excerpt: "From raw materials to finished product, explore the meticulous process behind our luxury fragrances.",
              imageSrc: "https://img.b2bpic.net/free-photo/beakers-equipment-table-factory-laboratory_1359-307.jpg",
              imageAlt: "Perfume creation process",
              authorName: "Master Perfumer Jean-Claude",
              authorAvatar: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",
              date: "15 Jan 2025"
            },
            {
              id: "2",
              category: "Heritage",
              title: "A Legacy of Excellence",
              excerpt: "How traditional techniques meet modern innovation in the world of luxury fragrance.",
              imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg",
              imageAlt: "Heritage fragrance collection",
              authorName: "Isabella Fontaine",
              authorAvatar: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              date: "10 Jan 2025"
            },
            {
              id: "3",
              category: "Innovation",
              title: "Future of Fragrance",
              excerpt: "Exploring new sustainable ingredients and eco-friendly practices in perfume making.",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176156.jpg",
              imageAlt: "Sustainable fragrance innovation",
              authorName: "Dr. Elena Rodriguez",
              authorAvatar: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg",
              date: "5 Jan 2025"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Pahu"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "About", href: "/about" },
                { label: "Products", href: "/products" },
                { label: "Contact", href: "/contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}