Merge version_1 into main #2
308
src/app/page.tsx
308
src/app/page.tsx
@@ -1,249 +1,71 @@
|
||||
"use client";
|
||||
|
||||
import type { Metadata } from "next";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import Link from "next/link";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Monaco Life | Billionaire News Portal',
|
||||
description: 'Exclusive insights into the world’s most elite principality. High-end news from yachting to real estate.',
|
||||
};
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Yachts", id: "/yachts" },
|
||||
{ name: "Real Estate", id: "/real-estate" },
|
||||
{ name: "Lifestyle", id: "/lifestyle" }
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Yachts",
|
||||
id: "/yachts",
|
||||
},
|
||||
{
|
||||
name: "F1",
|
||||
id: "/f1",
|
||||
},
|
||||
{
|
||||
name: "Real Estate",
|
||||
id: "/real-estate",
|
||||
},
|
||||
{
|
||||
name: "Lifestyle",
|
||||
id: "/lifestyle",
|
||||
},
|
||||
]}
|
||||
brandName="Monaco Life"
|
||||
button={{
|
||||
text: "Subscribe",
|
||||
href: "/subscribe",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Monaco’s Pulse in 3D"
|
||||
description="Exclusive insights into the world’s most elite principality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Live",
|
||||
href: "#news",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100429.jpg?_wi=1",
|
||||
imageAlt: "3D Interactive Globe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg?_wi=1",
|
||||
imageAlt: "Luxury Yachts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg?_wi=1",
|
||||
imageAlt: "Luxury Penthouse",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100429.jpg?_wi=2",
|
||||
imageAlt: "3D Interactive Globe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg?_wi=2",
|
||||
imageAlt: "Luxury Yachts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg?_wi=2",
|
||||
imageAlt: "Luxury Penthouse",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="news-grid" data-section="news-grid">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest Insights"
|
||||
description="Premium news for the elite."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Yachts",
|
||||
title: "Superyacht Trends 2025",
|
||||
excerpt: "The future of maritime luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg?_wi=3",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg",
|
||||
date: "Oct 12",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "F1",
|
||||
title: "Monaco GP Strategy",
|
||||
excerpt: "Inside the pit lane.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg?_wi=4",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg",
|
||||
date: "Oct 12",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: "Real Estate",
|
||||
title: "Penthouse Pricing Peaks",
|
||||
excerpt: "Why Monaco real estate remains the safest investment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg?_wi=3",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg",
|
||||
date: "Oct 12",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Defining Luxury"
|
||||
description="We curate the most exclusive experiences in the Mediterranean."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg?_wi=5"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Elite Access",
|
||||
description: "Unrivaled connections within the principality.",
|
||||
},
|
||||
{
|
||||
title: "Curated News",
|
||||
description: "Data-driven insights for the billionaire investor.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about Monaco Life."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How to join?",
|
||||
content: "By invitation only.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is membership paid?",
|
||||
content: "Membership is complimentary for verified high-net-worth individuals.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Leaders"
|
||||
description="Partnering with the world's most reputable brands."
|
||||
names={[
|
||||
"Monaco Yacht Club",
|
||||
"Formula 1",
|
||||
"Riviera Estates",
|
||||
"BlackRock",
|
||||
"Rolex",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ethics",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Yachts",
|
||||
href: "/yachts",
|
||||
},
|
||||
{
|
||||
label: "F1",
|
||||
href: "/f1",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Monaco Life"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<nav className="flex gap-4 p-4">
|
||||
{navItems.map(item => (
|
||||
<Link key={item.id} href={item.id}>{item.name}</Link>
|
||||
))}
|
||||
</nav>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Monaco’s Pulse in 3D"
|
||||
description="Exclusive insights into the world’s most elite principality."
|
||||
buttons={[{text: "Explore Live", href: "#news"}]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100429.jpg", imageAlt: "3D Interactive Globe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg", imageAlt: "Luxury Yachts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg", imageAlt: "Luxury Penthouse" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100429.jpg", imageAlt: "3D Interactive Globe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg", imageAlt: "Luxury Yachts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg", imageAlt: "Luxury Penthouse" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="news-grid" data-section="news-grid">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest Insights"
|
||||
description="Premium news for the elite."
|
||||
blogs={[
|
||||
{ id: "1", category: "Yachts", title: "Superyacht Trends 2025", excerpt: "The future of maritime luxury.", imageSrc: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg", date: "Oct 12" },
|
||||
{ id: "2", category: "F1", title: "Monaco GP Strategy", excerpt: "Inside the pit lane.", imageSrc: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/catamaran-stairs-leading-into-turquoise-waters_23-2151995404.jpg", date: "Oct 12" },
|
||||
{ id: "3", category: "Real Estate", title: "Penthouse Pricing Peaks", excerpt: "Why Monaco real estate remains the safest investment.", imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg", date: "Oct 12" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "About", items: [{ label: "Our Mission", href: "#" }, { label: "Ethics", href: "#" }] },
|
||||
{ title: "Quick Links", items: [{ label: "Yachts", href: "/yachts" }, { label: "F1", href: "/f1" }] },
|
||||
{ title: "Socials", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] }
|
||||
]}
|
||||
logoText="Monaco Life"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user