Merge version_1 into main #6
@@ -1,105 +1,37 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Yachts", id: "/yachts" },
|
||||
{ name: "Real Estate", id: "/real-estate" },
|
||||
{ name: "Lifestyle", id: "/lifestyle" },
|
||||
{ name: "F1", id: "/f1" }
|
||||
];
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} brandName="Monaco Life" />
|
||||
<NavbarStyleFullscreen navItems={navItems} />
|
||||
</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" }
|
||||
]}
|
||||
/>
|
||||
<HeroCarouselLogo logoText="Monaco Life" description="Exclusive insights into the world’s most elite principality." buttons={[{ text: "Explore" }]} slides={[{ imageSrc: "https://images.unsplash.com/photo-1563911302283-d2bc129e7570?q=80&w=2000" }]} />
|
||||
</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" }
|
||||
]}
|
||||
/>
|
||||
<BlogCardTwo title="Latest Insights" description="Stay updated with the latest in Monaco." animationType="slide-up" textboxLayout="default" />
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
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"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
bulletPoints={[{title: "Elite Access", description: "Unrivaled connections within the principality."}, {title: "Curated News", description: "Data-driven insights for the billionaire investor."}]}
|
||||
/>
|
||||
<SplitAbout title="About Monaco Life" description="Your gateway to luxury lifestyle insights." textboxLayout="default" mediaAnimation="slide-up" bulletPoints={[]} />
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about Monaco Life."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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."}]}
|
||||
/>
|
||||
<FaqBase title="Frequently Asked Questions" description="Get your questions answered." faqs={[]} faqsAnimation="slide-up" textboxLayout="default" />
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Leaders"
|
||||
description="Partnering with the world's most reputable brands."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Monaco Yacht Club", "Formula 1", "Riviera Estates", "BlackRock", "Rolex"]}
|
||||
/>
|
||||
<SocialProofOne names={["Partner A", "Partner B"]} title="Our Partners" description="Trusted by industry leaders." textboxLayout="default" />
|
||||
</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"
|
||||
/>
|
||||
<FooterBase logoText="Monaco Life" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user