"use client";

import Link from 'next/link';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TextAbout from '@/components/sections/about/TextAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Coffee } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmall"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="Stop Sleep"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Menu", id: "/menu" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Open Daily 6AM - 8PM"
          bottomRightText="hello@stopsleep.coffee"
        />
      </div>

      <div id="our-story" data-section="our-story">
        <TextAbout
          title="Founded in 2010 with a simple mission: to serve extraordinary coffee that brings people together. From our humble beginnings as a small neighborhood cafe, we've grown into a beloved destination for coffee enthusiasts who appreciate quality, craftsmanship, and community."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Visit Our Cafe", href: "/contact" },
            { text: "View Menu", href: "/menu" }
          ]}
        />
      </div>

      <div id="values" data-section="values">
        <TextAbout
          title="Our values are rooted in sustainability, quality, and community. We work directly with coffee farmers to ensure fair trade practices, use eco-friendly packaging, and create a welcoming space where every customer feels at home. Every cup we serve reflects our commitment to excellence and ethical sourcing."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn About Our Beans", href: "/menu" },
            { text: "Sustainability Report", href: "https://sustainability.stopsleep.coffee" }
          ]}
        />
      </div>

      <div id="team-testimonials" data-section="team-testimonials">
        <TestimonialCardOne
          title="Meet Our Coffee Experts"
          description="Our passionate team of baristas and coffee specialists are here to craft your perfect cup and share their knowledge about the art of coffee."
          testimonials={[
            {
              id: "1",              name: "Maria Santos",              role: "Head Barista",              company: "Stop Sleep Coffee",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Maria Santos, Head Barista"
            },
            {
              id: "2",              name: "Alex Chen",              role: "Coffee Roaster",              company: "Stop Sleep Coffee",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-natural-daytime-makeup-wearing-blue-shirt-beige-background-smiles-with-mischievous-cheerful-smile_343596-8237.jpg",              imageAlt: "Alex Chen, Coffee Roaster"
            },
            {
              id: "3",              name: "Jordan Williams",              role: "Store Manager",              company: "Stop Sleep Coffee",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",              imageAlt: "Jordan Williams, Store Manager"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Menu",            items: [
              { label: "Coffee", href: "/menu" },
              { label: "Pastries", href: "/menu" },
              { label: "Sandwiches", href: "/menu" },
              { label: "Desserts", href: "/menu" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About Us", href: "/about" },
              { label: "Contact", href: "/contact" },
              { label: "Careers", href: "https://careers.stopsleep.coffee" },
              { label: "Blog", href: "https://blog.stopsleep.coffee" }
            ]
          },
          {
            title: "Connect",            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "Newsletter", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 Stop Sleep Coffee. All rights reserved."
      />
    </ThemeProvider>
  );
}