"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Leaf, Award, Flame, Users } from "lucide-react";
import Link from "next/link";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      showBlurBottom={false}
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Morning"
          navItems={[
            { name: "Products", id: "/products" },
            { name: "About", id: "#about" },
            { name: "Contact", id: "/contact" },
            { name: "Reviews", id: "/" }
          ]}
          button={{ text: "Shop Now", href: "/products" }}
          className="rounded-full shadow-lg"
          navItemClassName="font-medium"
          buttonClassName="font-semibold"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Morning"
          description="We believe every cup should be exceptional. Morning sources the finest teas and coffees from ethical suppliers worldwide, celebrating the craft and tradition behind each brew."
          tag="Our Story"
          bulletPoints={[
            {
              title: "Ethically Sourced",              description: "Direct partnerships with farmers ensuring fair trade and sustainable practices",              icon: Leaf
            },
            {
              title: "Expert Selection",              description: "Handpicked beans and leaves curated by our experienced tasting team",              icon: Award
            },
            {
              title: "Small Batch Roasting",              description: "Fresh roasts prepared in small quantities for maximum flavor and quality",              icon: Flame
            },
            {
              title: "Community Focused",              description: "Building a community of coffee and tea lovers who appreciate quality",              icon: Users
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/green-tea-leaves-field_53876-95115.jpg"
          imageAlt="Premium tea leaves and brewing"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          titleClassName="text-4xl font-bold mb-6"
          descriptionClassName="text-base leading-relaxed mb-8"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Choose Morning"
          description="See the difference quality and care make in every cup"
          tag="Our Difference"
          negativeCard={{
            items: [
              "Mass-produced blends",              "Unknown origins",              "Stale inventory",              "Inconsistent quality"
            ]
          }}
          positiveCard={{
            items: [
              "Small-batch roasted to order",              "Traceable sourcing",              "Fresh roasts delivered monthly",              "Rigorous quality testing"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Shop",            items: [
              { label: "Coffee", href: "/products" },
              { label: "Tea", href: "/products" },
              { label: "Brewing Guides", href: "#about" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About Us", href: "#about" },
              { label: "Sustainability", href: "#about" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Connect",            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Newsletter", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 Morning | Premium Tea & Coffee Store"
      />
    </ThemeProvider>
  );
}