"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 FooterSimple from '@/components/sections/footer/FooterSimple';

export default function BrewingPage() {
  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: "/products" }
          ]}
        />
      </div>

      <div id="brewing" data-section="brewing">
        <MediaSplitTabsAbout
          title="Master Your Brewing Technique"
          description="Learn the art of brewing the perfect cup with our expert tips and techniques for coffee and tea."
          tabs={[
            {
              id: "coffee-brewing",
              label: "Coffee Brewing",
              description: "Discover the optimal water temperature, grind size, and brewing time for different coffee methods. From pour-over to espresso, master the fundamentals of exceptional coffee."
            },
            {
              id: "tea-steeping",
              label: "Tea Steeping",
              description: "Learn the delicate art of tea preparation. Different teas require specific temperatures and steeping times to unlock their full flavor profile and health benefits."
            },
            {
              id: "equipment-care",
              label: "Equipment Care",
              description: "Proper maintenance of your brewing equipment ensures consistent quality and longevity. Learn how to clean and care for your coffee makers, grinders, and tea accessories."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/front-view-coffee-concept-wooden-table_23-2148464812.jpg"
          imageAlt="Coffee brewing equipment and techniques"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </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>
  );
}