Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -31,13 +31,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",          id: "home"},
+          name: "Home",          id: "#home"},
         {
-          name: "Services",          id: "services"},
+          name: "Services",          id: "#services"},
         {
-          name: "Pricing",          id: "pricing"},
+          name: "Pricing",          id: "#pricing"},
         {
-          name: "FAQ",          id: "faq"},
+          name: "FAQ",          id: "#faq"},
       ]}
       brandName="RegisterKaro"
       button={{
@@ -123,7 +123,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",          badge: "Basic",          price: "₹1,499",          subtitle: "For Sole Proprietorships",          buttons: [
+          id: "p1",          badge: "Basic",          price: "₹1,499",          subtitle: "For Sole Proprietorships | All-Inclusive (No Hidden Fees)",          buttons: [
             {
               text: "Get Started",              href: "#contact"},
           ],
@@ -131,7 +131,7 @@ export default function LandingPage() {
             "Business PAN",            "GST Registration",            "MSME/Udyam"],
         },
         {
-          id: "p2",          badge: "Most Popular",          price: "₹1,999",          subtitle: "For Private Limited Companies",          buttons: [
+          id: "p2",          badge: "Most Popular",          price: "₹1,999",          subtitle: "For Private Limited Companies | All-Inclusive (No Hidden Fees)",          buttons: [
             {
               text: "Claim Consultation",              href: "#contact"},
           ],
@@ -139,7 +139,7 @@ export default function LandingPage() {
             "COI Drafting",            "GST Included",            "Dedicated Expert"],
         },
         {
-          id: "p3",          badge: "Pro",          price: "₹1,999",          subtitle: "For LLP Professional firms",          buttons: [
+          id: "p3",          badge: "Pro",          price: "₹1,999",          subtitle: "For LLP Professional firms | All-Inclusive (No Hidden Fees)",          buttons: [
             {
               text: "Get Started",              href: "#contact"},
           ],
@@ -197,7 +197,7 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "About Us",              href: "#"},
+              label: "About Us",              href: "#home"},
             {
               label: "Contact",              href: "#contact"},
           ],
@@ -205,9 +205,9 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "GST Registration",              href: "#"},
+              label: "GST Registration",              href: "#services"},
             {
-              label: "Company Reg",              href: "#"},
+              label: "Company Reg",              href: "#services"},
           ],
         },
         {
@@ -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>
+  );
+}