diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..22f463d
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,161 @@
+"use client";
+
+import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Utensils, Users, Gift, Music, Instagram, Facebook, Phone } from "lucide-react";
+
+export default function ServicesPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Menu", id: "/menu" },
+    { name: "About", id: "/about" },
+    { name: "Gallery", id: "/gallery" },
+    { name: "Services", id: "/services" }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="aurora"
+      cardStyle="inset"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="The Great Debate"
+          navItems={navItems}
+          button={{
+            text: "Reserve Your Table",            href: "/reservations"
+          }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          title="Our Premium Services"
+          description="From intimate dinners to grand celebrations, discover the exceptional services we offer to make your event unforgettable."
+          tag="Dining Experiences"
+          background={{ variant: "canvas-reveal" }}
+          imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-fish-meal_23-2148494083.jpg"
+          imageAlt="Fine dining service at The Great Debate"
+          buttons={[
+            {
+              text: "Reserve Your Table",              href: "/reservations"
+            },
+            {
+              text: "View Menu",              href: "/menu"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="services-overview" data-section="services-overview">
+        <MetricCardOne
+          title="Exceptional Dining Services"
+          description="Explore the range of premium experiences we provide for every occasion"
+          tag="What We Offer"
+          metrics={[
+            {
+              id: "1",              value: "Fine Dining",              title: "Premium Experience",              description: "Gourmet cuisine in an elegant atmosphere",              icon: Utensils
+            },
+            {
+              id: "2",              value: "Private Events",              title: "Special Occasions",              description: "Weddings, birthdays, and celebrations",              icon: Gift
+            },
+            {
+              id: "3",              value: "Group Dining",              title: "Large Parties",              description: "Catered experiences for gatherings",              icon: Users
+            },
+            {
+              id: "4",              value: "Live Entertainment",              title: "Vibrant Ambiance",              description: "Music and entertainment selections",              icon: Music
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="service-packages" data-section="service-packages">
+        <ProductCardFour
+          title="Service Packages"
+          description="Tailored dining experiences designed for your unique celebration"
+          tag="Customizable Options"
+          products={[
+            {
+              id: "1",              name: "Romantic Dinner for Two",              price: "$150",              variant: "Per person • Includes wine pairing",              imageSrc: "http://img.b2bpic.net/free-photo/homemade-chicken-tacos-food-recipe-idea_53876-95997.jpg",              imageAlt: "Romantic dinner setup"
+            },
+            {
+              id: "2",              name: "Corporate Catering",              price: "$85",              variant: "Per person • Minimum 15 guests",              imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-narsharab-sauce_140725-4677.jpg",              imageAlt: "Corporate catering service"
+            },
+            {
+              id: "3",              name: "Wedding Reception",              price: "Custom",              variant: "Fully customizable menu",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-liver-pate-with-onion-bread_141793-4065.jpg",              imageAlt: "Wedding celebration"
+            },
+            {
+              id: "4",              name: "Private Dining Experience",              price: "$200+",              variant: "Per person • Chef's special menu",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-nougat-sliced-with-nuts-fresh-red-strawberries-white-surface-sweet-dessert-nougat-nut-cake-biscuit_140725-53318.jpg",              imageAlt: "Private dining experience"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            {
+              text: "Inquire About Services",              href: "/contact"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="cta-section" data-section="cta-section">
+        <ContactText
+          text="Ready to plan your perfect dining experience? Let us create something extraordinary for you."
+          animationType="entrance-slide"
+          background={{ variant: "plain" }}
+          buttons={[
+            {
+              text: "Reserve Now",              href: "/reservations"
+            },
+            {
+              text: "Contact Us",              href: "tel:+18152324408"
+            }
+          ]}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="The Great Debate"
+          copyrightText="© 2025 The Great Debate. All rights reserved. | 1 E Spring St, Freeport, IL 61032"
+          socialLinks={[
+            {
+              icon: Instagram,
+              href: "https://instagram.com",              ariaLabel: "Instagram"
+            },
+            {
+              icon: Facebook,
+              href: "https://facebook.com",              ariaLabel: "Facebook"
+            },
+            {
+              icon: Phone,
+              href: "tel:+18152324408",              ariaLabel: "Call us"
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file