Add src/app/services/page.tsx

src/app/services/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Services", id: "/services" },
+            { name: "Results", id: "/#metrics" },
+          ]}
+          brandName="Vantage Media"
+        />
+        <div className="pt-32 pb-20">
+          <FeatureCardTwentyEight
+            title="Our Professional Services"
+            description="Comprehensive solutions designed to elevate your brand's digital footprint."
+            textboxLayout="split"
+            animationType="slide-up"
+            features={[
+              {
+                id: "s1",                category: "Strategy",                title: "Social Media Strategy",                subtitle: "Tailored roadmaps for brand growth.",                value: "High-Impact"},
+              {
+                id: "s2",                category: "Creative",                title: "Content Creation",                subtitle: "Cinematic production for social platforms.",                value: "Premium"},
+              {
+                id: "s3",                category: "Growth",                title: "Advertising Campaigns",                subtitle: "Hyper-targeted performance marketing.",                value: "Data-Driven"},
+              {
+                id: "s4",                category: "Management",                title: "Community Management",                subtitle: "Building lasting engagement with your audience.",                value: "Consistent"}
+            ]}
+          />
+        </div>
+        <FooterMedia
+          logoText="Vantage Media"
+          columns={[
+            { title: "Agency", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
+            { title: "Legal", items: [{ label: "Privacy", href: "#" }] }
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}