From d981069abf2ded0cc6c751ad12edca0df48d61a4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 07:28:05 +0000
Subject: [PATCH] Update src/app/category/page.tsx

---
 src/app/category/page.tsx | 173 ++++++++++----------------------------
 1 file changed, 45 insertions(+), 128 deletions(-)

diff --git a/src/app/category/page.tsx b/src/app/category/page.tsx
index a1d963e..e8712c1 100644
--- a/src/app/category/page.tsx
+++ b/src/app/category/page.tsx
@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 
-export default function LandingPage() {
+export default function CategoryPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -22,133 +22,50 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Yachts",
-          id: "/category/yachts",
-        },
-        {
-          name: "Real Estate",
-          id: "/category/real-estate",
-        },
-        {
-          name: "F1",
-          id: "/category/f1",
-        },
-        {
-          name: "Lifestyle",
-          id: "/category/lifestyle",
-        },
-      ]}
-      brandName="Monaco Life"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[{ name: "Home", id: "/" }, { name: "Article", id: "/article" }, { name: "Category", id: "/category" }]}
+            brandName="Monaco Life"
+            button={{ text: "Contact", href: "#contact" }}
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Our Editorial Team"
-      description="The voices behind the news."
-      members={[
-        {
-          id: "m1",
-          name: "Marc L.",
-          role: "Head Editor",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-enjoying-new-years-party_23-2148349045.jpg?_wi=4",
-        },
-        {
-          id: "m2",
-          name: "Sophie B.",
-          role: "Luxury Analyst",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-transparent-glass_23-2150329681.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardSix 
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Our Editorial Team"
+            description="The voices behind the news."
+            members={[
+              { id: "m1", name: "Marc L.", role: "Head Editor", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-enjoying-new-years-party_23-2148349045.jpg" },
+              { id: "m2", name: "Sophie B.", role: "Luxury Analyst", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-transparent-glass_23-2150329681.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Membership Plans"
-      description="Unlock premium insights."
-      plans={[
-        {
-          id: "basic",
-          price: "Free",
-          name: "Standard",
-          buttons: [
-            {
-              text: "Get Started",
-            },
-          ],
-          features: [
-            "Limited access",
-            "Daily digest",
-          ],
-        },
-        {
-          id: "premium",
-          price: "€299",
-          name: "Elite",
-          buttons: [
-            {
-              text: "Join Now",
-            },
-          ],
-          features: [
-            "Full access",
-            "VIP event invites",
-          ],
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Categories",
-          items: [
-            {
-              label: "Yachts",
-              href: "/category/yachts",
-            },
-            {
-              label: "Real Estate",
-              href: "/category/real-estate",
-            },
-          ],
-        },
-        {
-          title: "About",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Monaco Life"
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree 
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Membership Plans"
+            description="Unlock premium insights."
+            plans={[
+              { id: "basic", price: "Free", name: "Standard", buttons: [{ text: "Get Started" }], features: ["Limited access", "Daily digest"] },
+              { id: "premium", price: "€299", name: "Elite", buttons: [{ text: "Join Now" }], features: ["Full access", "VIP event invites"] }
+            ]}
+          />
+        </div>
+        
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[{ title: "Categories", items: [{ label: "Yachts", href: "/category/yachts" }] }, { title: "About", items: [{ label: "Terms", href: "#" }] }]}
+            logoText="Monaco Life"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file