"use client";

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

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Morning Routine"
          navItems={[
            { name: "Shop", id: "/products" },
            { name: "About", id: "#about" },
            { name: "Brewing Tips", id: "/brewing" },
            { name: "Contact", id: "/contact" },
            { name: "Community", id: "/" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Morning Routine?"
          description="We believe coffee and tea are more than beverages—they're moments of mindfulness and connection."
          tabs={[
            {
              id: "sourcing",
              label: "Ethical Sourcing",
              description: "We partner directly with farmers who share our commitment to quality and sustainability. Every bean and leaf tells a story of care and dedication to excellence."
            },
            {
              id: "quality",
              label: "Premium Quality",
              description: "Our rigorous selection process ensures only the finest coffee and tea reach your cup. We roast and blend with precision to bring out unique flavors."
            },
            {
              id: "community",
              label: "Community First",
              description: "From our farmers to our customers, we're building a community that values connection, wellness, and the simple joy of a perfect morning cup."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/front-view-coffee-concept-wooden-table_23-2148464812.jpg"
          imageAlt="Premium coffee beans and tea leaves"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="By The Numbers"
          description="Morning Routine has become the trusted choice for coffee and tea lovers worldwide"
          metrics={[
            {
              id: "1",
              value: "125K+",
              description: "Cups Served Monthly"
            },
            {
              id: "2",
              value: "98%",
              description: "Customer Satisfaction"
            },
            {
              id: "3",
              value: "42",
              description: "Countries Delivered"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Shop",
              items: [
                { label: "Coffee", href: "/products" },
                { label: "Tea", href: "/products" },
                { label: "Gift Sets", href: "/products" },
                { label: "Brewing Equipment", href: "/products" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Mission", href: "#about" },
                { label: "Sustainability", href: "#about" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact", href: "/contact" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Morning Routine. All rights reserved."
          bottomRightText="Brewing excellence since 2015"
        />
      </div>
    </ThemeProvider>
  );
}