src/app/page.tsx

@@ -33,7 +33,7 @@ export default function LandingPage() {
         {
           name: "Home",          id: "home"},
         {
-          name: "Services",          id: "services"},
+          name: "Services",          id: "/services"},
         {
           name: "Pricing",          id: "pricing"},
         {
@@ -56,7 +56,7 @@ export default function LandingPage() {
         {
           text: "Free Consultation",          href: "#contact"},
         {
-          text: "View Services",          href: "#services"},
+          text: "View Services",          href: "/services"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARen06TlfTqMt2QxPBi0cJVWVM/a-professional-business-registration-pla-1774707036306-986705a7.png"
       imageAlt="RegisterKaro Dashboard Interface"
@@ -225,4 +225,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -0,0 +1,72 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { FileText, Building, CreditCard, Award, ShieldCheck, Banknote, Search, FileSignature } from "lucide-react";
+
+export default function ServicesPage() {
+  const allServices = [
+    { title: "Private Limited Registration", description: "Complete end-to-end incorporation services.", buttonIcon: Building },
+    { title: "LLP Registration", description: "Limited Liability Partnership setup for startups.", buttonIcon: FileText },
+    { title: "GST Registration", description: "Get your GSTIN quickly and efficiently.", buttonIcon: CreditCard },
+    { title: "Trademark Filing", description: "Protect your brand identity from infringement.", buttonIcon: Award },
+    { title: "Copyright Registration", description: "Legal protection for your creative works.", buttonIcon: FileSignature },
+    { title: "MSME/Udyam Registration", description: "Benefit from government schemes for MSMEs.", buttonIcon: ShieldCheck },
+    { title: "Tax Audit Support", description: "Professional guidance through tax filings.", buttonIcon: Banknote },
+    { title: "Annual Compliances", description: "Stay compliant with mandatory ROC filings.", buttonIcon: Search },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="large"
+        background="aurora"
+        cardStyle="outline"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Pricing", id: "/#pricing" },
+              { name: "FAQ", id: "/#faq" },
+            ]}
+            brandName="RegisterKaro"
+            button={{ text: "Consultation", href: "/#contact" }}
+          />
+        </div>
+
+        <div className="pt-32 pb-20" id="services-list" data-section="services-list">
+          <FeatureCardTwentySix
+            title="Our Comprehensive Services"
+            description="Explore our curated list of 50+ business compliance and legal services tailored to your growth journey."
+            features={allServices.map(s => ({ ...s, buttonIcon: s.buttonIcon }))}
+            textboxLayout="split"
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "/#contact" }] },
+              { items: [{ label: "GST", href: "#" }, { label: "Incorporation", href: "#" }] },
+              { items: [{ label: "Privacy", href: "#" }, { label: "Disclaimer", href: "#" }] },
+            ]}
+            logoText="RegisterKaro"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}