"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Leaf, Users, Sparkles } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Drink Water"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Menu", id: "/menu" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Order Now",
            href: "/menu"
          }}
        />
      </div>

      <div id="our-story" data-section="our-story">
        <MetricSplitMediaAbout
          tag="Our Story"
          tagIcon={Leaf}
          title="Crafting Coffee with Purpose and Passion Since 2018"
          description="What started as a small dream to serve exceptional coffee has grown into a community-centered coffee shop that values quality, sustainability, and human connection. We partner directly with coffee farmers across 15+ countries, ensuring fair trade practices while bringing you the finest single-origin and specialty blends. Every cup tells a story of dedication, from bean to brew."
          metrics={[
            { value: "15+", title: "Countries We Source From" },
            { value: "500+", title: "Daily Happy Customers" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/coffee-beans-arrangement-with-machine_23-2148865560.jpg"
          imageAlt="Coffee roasting facility showcasing our commitment to quality"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="sustainability" data-section="sustainability">
        <MetricSplitMediaAbout
          tag="Sustainability Focus"
          tagIcon={Sparkles}
          title="Environmental Responsibility in Every Cup"
          description="Our commitment extends beyond great coffee to environmental stewardship and social responsibility. We use compostable packaging, support reforestation programs in coffee-growing regions, and maintain carbon-neutral shipping. Our shop features energy-efficient equipment, and we donate a portion of profits to sustainable farming initiatives that help coffee communities thrive for generations to come."
          metrics={[
            { value: "Zero", title: "Waste to Landfill Goal" },
            { value: "50%", title: "Renewable Energy Usage" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
          imageAlt="Eco-friendly coffee shop interior with sustainable practices"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Expert Barista Team"
          description="Passionate coffee professionals dedicated to crafting your perfect cup and creating memorable experiences."
          tag="Our Coffee Experts"
          tagIcon={Users}
          team={[
            {
              id: "1",
              name: "Alex Martinez",
              role: "Head Barista & Co-Founder",
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg",
              imageAlt: "Alex Martinez, Head Barista and Co-Founder"
            },
            {
              id: "2",
              name: "Jordan Lee",
              role: "Specialty Coffee Expert",
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754673.jpg",
              imageAlt: "Jordan Lee, Specialty Coffee Expert"
            },
            {
              id: "3",
              name: "Casey Williams",
              role: "Latte Art Champion",
              imageSrc: "https://img.b2bpic.net/free-photo/coffee-shop-employee-with-apron_23-2148366592.jpg",
              imageAlt: "Casey Williams, Latte Art Champion"
            },
            {
              id: "4",
              name: "Taylor Brown",
              role: "Customer Experience Lead",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-with-apron-holding-empty-cup_23-2148366627.jpg",
              imageAlt: "Taylor Brown, Customer Experience Lead"
            },
            {
              id: "5",
              name: "Morgan Chen",
              role: "Sustainability Director",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-male-making-coffee_23-2148366603.jpg",
              imageAlt: "Morgan Chen, Sustainability Director"
            },
            {
              id: "6",
              name: "Riley Thompson",
              role: "Pastry Specialist",
              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg",
              imageAlt: "Riley Thompson, Pastry Specialist"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBase
        logoText="Drink Water"
        columns={[
          {
            title: "Menu",
            items: [
              { label: "Coffee Drinks", href: "/menu" },
              { label: "Pastries & Food", href: "/menu" },
              { label: "Merchandise", href: "/menu" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Story", href: "/about" },
              { label: "Sustainability", href: "/about" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Contact", href: "/contact" },
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Twitter", href: "https://twitter.com" }
            ]
          }
        ]}
        copyrightText="© 2025 Drink Water Coffee Shop. All rights reserved."
      />
    </ThemeProvider>
  );
}