Add src/app/services/page.tsx

src/app/services/page.tsx

@@ -0,0 +1,96 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="mediumLargeSizeLargeTitles"
+        background="none"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarLayoutFloatingInline
+      navItems={[
+        {
+          name: "Home",          id: "/"},
+        {
+          name: "Services",          id: "/services"},
+        {
+          name: "Menu",          id: "#menu"},
+        {
+          name: "Contact",          id: "#contact"},
+      ]}
+      brandName="Anarkali Tandoori"
+      button={{
+        text: "Book Table",        href: "/#contact"}}
+    />
+  </div>
+
+  <div id="services" data-section="services">
+      <MetricCardSeven
+      animationType="slide-up"
+      textboxLayout="split-description"
+      useInvertedBackground={false}
+      metrics={[
+        {
+          id: "s1",          value: "Dine-in",          title: "Royal Ambience",          items: [
+            "Table Service",            "Full Bar"],
+        },
+        {
+          id: "s2",          value: "Takeaway",          title: "Flavor Anytime",          items: [
+            "Quick Pickup",            "Ready in Minutes"],
+        },
+        {
+          id: "s3",          value: "Delivery",          title: "To Your Door",          items: [
+            "Hot & Fresh",            "Citywide Reach"],
+        },
+      ]}
+      title="Exceptional Services"
+      description="Bringing the royal Indian table to your dining needs."
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterBaseCard
+      logoText="Anarkali Tandoori"
+      columns={[
+        {
+          title: "Navigation",          items: [
+            {
+              label: "Home",              href: "/"},
+            {
+              label: "Services",              href: "/services"},
+            {
+              label: "Menu",              href: "/#menu"},
+            {
+              label: "Contact",              href: "/#contact"},
+          ],
+        },
+        {
+          title: "Legal",          items: [
+            {
+              label: "Privacy",              href: "#"},
+            {
+              label: "T&C",              href: "#"},
+          ],
+        },
+      ]}
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}