import Navbar from '@/components/Navbar';
import Footer from '@/components/Footer';
import ScrollToTop from '@/components/ScrollToTop';
import HeroBanner from '@/components/HeroBanner';
import ServiceIntro from '@/components/services/ServiceIntro';
import ServiceCards from '@/components/services/ServiceCards';
import ServicesList from '@/components/services/ServicesList';
import ServiceProcess from '@/components/services/ServiceProcess';
import ServiceCTA from '@/components/services/ServiceCTA';

export const metadata = {
  title: 'Our Services | My Dosa Place Restaurant',
  description:
    'Dine-in, takeout, catering, and festival menus — explore the full range of services at My Dosa Place Waterloo.',
};

export default function ServicesPage() {
  return (
    <>
      <Navbar />
      <main>
        <HeroBanner 
          title="Our Services" 
          bgImage="/images/crispy-masala.png" 
        />
        <ServiceIntro />
        <ServiceCards />
        {/* <ServicesList /> */}
        {/* <ServiceProcess /> */}
        {/* <ServiceCTA /> */}
      </main>
      <Footer />
      <ScrollToTop />
    </>
  );
}