"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";

import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Smereka"
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Crafting Beauty Since 2014"
          description="At Smereka, we believe every flower tells a story. Our passionate team combines artistic vision with horticultural expertise to create arrangements that capture emotions and celebrate life's special moments. From intimate gatherings to grand celebrations, we pour our heart into every petal, ensuring each arrangement reflects the unique beauty of the occasion it's meant to honor."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/full-shot-woman-holding-flowers_23-2149247574.jpg"
          imageAlt="Smereka flower studio workspace"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Our Work", href: "/arrangements" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Smereka"
          copyrightText="© 2024 Smereka Flowers Studio. All rights reserved."
          columns={[
            {
              title: "Services",
              items: [
                { label: "Custom Arrangements", href: "/arrangements" },
                { label: "Wedding Flowers", href: "/services" },
                { label: "Event Decoration", href: "/services" },
                { label: "Subscription", href: "/services" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Story", href: "/about" },
                { label: "Testimonials", href: "/" },
                { label: "Blog", href: "/blog" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Email", href: "/contact" },
                { label: "Phone", href: "/contact" },
                { label: "Location", href: "/contact" },
                { label: "FAQs", href: "/contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}