"use client";

import SubpageLayout from "@/components/SubpageLayout";
import RestaurantStory from "@/components/RestaurantStory";
import ChefShowcase from "@/components/ChefShowcase";

export default function AboutPage() {
  return (
    <SubpageLayout>
      <div className="flex flex-col gap-2">
        
        {/* Subpage Header Banner */}
        <div className="text-center pt-12 pb-6 max-w-2xl mx-auto px-6 relative z-10 select-text">
          <div className="flex items-center gap-3 justify-center mb-2">
            <span className="text-[#bc9e65] text-xs">❧</span>
            <span className="font-sans text-[10px] tracking-[0.3em] text-[#bc9e65] font-extrabold uppercase">
              ABOUT OUR HOUSE
            </span>
            <span className="text-[#bc9e65] text-xs">❧</span>
          </div>
          <h1 className="font-serif text-3xl sm:text-4xl lg:text-[42px] font-bold text-white tracking-wider leading-tight uppercase">
            Our Legacy & <span className="text-[#bc9e65]">Passion</span>
          </h1>
          <div className="w-24 h-[1px] bg-gradient-to-r from-transparent via-[#bc9e65] to-transparent mx-auto mt-4" />
        </div>

        {/* Core sections */}
        <RestaurantStory />
        <ChefShowcase />
      </div>
    </SubpageLayout>
  );
}
