"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmall"
      background="dotGrid"
      cardStyle="outline-light"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div className="min-h-screen bg-background">
        <div className="container mx-auto px-4 py-16">
          <div className="text-center space-y-8">
            <h1 className="text-6xl font-light text-foreground">Pei Chai</h1>
            <p className="text-xl text-muted-foreground max-w-2xl mx-auto">
              Experience premium specialty coffee crafted with passion and expertise. 
              Every cup tells a story of quality, tradition, and extraordinary taste.
            </p>
            <div className="flex justify-center gap-4 mt-8">
              <button className="px-8 py-3 bg-primary text-primary-foreground rounded-full hover:opacity-90 transition-opacity">
                Explore Menu
              </button>
              <button className="px-8 py-3 border border-border text-foreground rounded-full hover:bg-muted transition-colors">
                Visit Us
              </button>
            </div>
          </div>
        </div>
      </div>
    </ThemeProvider>
  );
}