"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      showBlurBottom={false}
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Kvitka Moya"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "FAQ", id: "/faq" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About Kvitka Moya"
          description="We are passionate florists dedicated to creating stunning arrangements that celebrate life's special moments."
          tabs={[
            {
              id: "craftsmanship",              label: "Craftsmanship",              description: "Each arrangement is meticulously handcrafted by our expert florists using the freshest seasonal blooms sourced from premium growers worldwide."
            },
            {
              id: "delivery",              label: "Fast Delivery",              description: "We offer same-day delivery in the city center and next-day delivery across the region, ensuring your flowers arrive fresh and beautiful."
            },
            {
              id: "customization",              label: "Custom Design",              description: "Work with our florists to create a completely custom arrangement that perfectly matches your vision and special occasion."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/smiling-female-florist-holding-basket-flowers_23-2147882381.jpg"
          imageAlt="Professional florist arranging flowers"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Why Choose Kvitka Moya"
          description="See what makes us the trusted choice for flower lovers"
          metrics={[
            {
              id: "1",              value: "5,000+",              title: "Happy Customers",              description: "Trusted by thousands for celebrations and special moments",              imageSrc: "https://img.b2bpic.net/free-photo/i-wouldn-t-have-succeeded-without-your-support_637285-9621.jpg",              imageAlt: "Happy customers celebrating"
            },
            {
              id: "2",              value: "Same-Day",              title: "Fast Delivery",              description: "Guaranteed fresh delivery when you need it most",              imageSrc: "https://img.b2bpic.net/free-photo/successful-business-team-gathering-hands-unity-while-celebrating-office_637285-9623.jpg",              imageAlt: "Fast flower delivery service"
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Kvitka Moya"
          columns={[
            {
              title: "Shop",              items: [
                { label: "Arrangements", href: "/products" },
                { label: "Seasonal Flowers", href: "/products" },
                { label: "Custom Orders", href: "/contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Delivery Info", href: "/about" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "/faq" },
                { label: "Contact", href: "/contact" },
                { label: "Track Order", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Newsletter", href: "/contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Kvitka Moya. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}