import Navbar from '@/components/Navbar';
import Footer from '@/components/Footer';
import ScrollToTop from '@/components/ScrollToTop';
import HeroBanner from '@/components/HeroBanner';
import AboutStory from '@/components/about/AboutStory';
import AboutCards from '@/components/about/AboutCards';
import WhyChooseUs from '@/components/about/WhyChooseUs';
import AboutTestimonial from '@/components/about/AboutTestimonial';
import AboutFAQ from '@/components/about/AboutFAQ';
import AboutCTA from '@/components/about/AboutCTA';

export const metadata = {
  title: 'About Us | My Dosa Place Restaurant',
  description: 'Learn about our story, passion, and commitment to authentic South Indian cuisine in Waterloo.',
};

export default function AboutPage() {
  return (
    <>
      <Navbar />
      <main>
        <HeroBanner 
          title="About Us" 
          bgImage="/images/story-heritage.png" 
        />
        <AboutStory />

        <AboutCards />
        <WhyChooseUs />
        <AboutTestimonial />
        <AboutFAQ />
        <AboutCTA />
      </main>
      <Footer />
      <ScrollToTop />
    </>
  );
}
