"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Calendar } from 'lucide-react';

export default function GiftCardsPage() {
  return (
    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <NavbarStyleCentered brandName="Kuro Gyu" navItems={[{name: "Back Home", id: "/"}]} />
      <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
        <h1 className="text-4xl font-bold mb-6">Gift Cards</h1>
        <p className="text-lg mb-8">The perfect gift for any culinary enthusiast. Give the experience of Kuro Gyu.</p>
      </div>
      <ContactCenter
        tag="Inquiry"
        title="Purchase Gift Cards"
        description="Reach out to purchase a custom gift card for your loved ones."
        tagIcon={Calendar}
        background={{ variant: "plain" }}
        useInvertedBackground={false}
      />
      <FooterBase logoText="Kuro Gyu" columns={[]} />
    </ThemeProvider>
  );
}