"use client";

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

export default function ContactPage() {
  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="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Updated with Stop Sleep"
          description="Subscribe to our newsletter for exclusive offers, new menu items, and coffee brewing tips delivered to your inbox weekly."
          tagIcon={Coffee}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="visit-us" data-section="visit-us">
        <TextAbout
          title="Visit our cozy cafe located in the heart of downtown. We're open daily from 6AM to 8PM, ready to serve you the perfect cup of coffee. Whether you're looking for your morning fuel or an afternoon pick-me-up, our welcoming atmosphere and expertly crafted beverages await you."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Get Directions", href: "https://maps.google.com" },
            { text: "Call Us", href: "tel:+1-555-0123" }
          ]}
        />
      </div>

      <div id="popular-orders" data-section="popular-orders">
        <ProductCardOne
          title="Popular Orders for Takeout"
          description="Can't visit us in person? These are our most popular items for pickup and delivery orders. Order ahead through our app or website."
          products={[
            {
              id: "1",
              name: "Morning Blend",
              price: "$4.75",
              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-having-cup-coffee_53876-40350.jpg",
              imageAlt: "Morning Blend Coffee"
            },
            {
              id: "2",
              name: "Signature Latte",
              price: "$5.25",
              imageSrc: "https://img.b2bpic.net/free-photo/man-white-shirt-drinks-coffee-outdoors-summer_72229-136.jpg",
              imageAlt: "Signature Latte"
            },
            {
              id: "3",
              name: "Iced Americano",
              price: "$4.50",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-classic-fresh-espresso-served-dark-surface_1220-5376.jpg",
              imageAlt: "Iced Americano"
            }
          ]}
          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>
  );
}