Update src/app/category/page.tsx

This commit is contained in:
2026-04-06 07:28:05 +00:00
parent d737f596fd
commit d981069abf

View File

@@ -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>
);
}
}