Merge version_2 into main #2
@@ -2,12 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AccountPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -22,90 +20,45 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "/properties",
|
||||
},
|
||||
{
|
||||
name: "Account",
|
||||
id: "/account",
|
||||
},
|
||||
]}
|
||||
brandName="Zeus Properties"
|
||||
/>
|
||||
</div>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Properties", id: "/properties" },
|
||||
{ name: "Account", id: "/account" },
|
||||
]}
|
||||
brandName="Zeus Properties"
|
||||
/>
|
||||
|
||||
<main className="pt-32 pb-20 px-6 container mx-auto min-h-screen">
|
||||
<h1 className="text-4xl font-bold mb-8">Account Management</h1>
|
||||
<div className="grid gap-8">
|
||||
<section className="p-6 border rounded-xl">
|
||||
<h2 className="text-2xl font-semibold mb-4">Profile</h2>
|
||||
<p>Welcome to your profile. Manage your details and preferences here.</p>
|
||||
</section>
|
||||
<section className="p-6 border rounded-xl">
|
||||
<h2 className="text-2xl font-semibold mb-4">Booking History</h2>
|
||||
<p>View your past and upcoming luxury stays.</p>
|
||||
</section>
|
||||
<section className="p-6 border rounded-xl">
|
||||
<h2 className="text-2xl font-semibold mb-4">Saved Properties</h2>
|
||||
<p>Access your favorite properties list.</p>
|
||||
</section>
|
||||
<section className="p-6 border rounded-xl">
|
||||
<h2 className="text-2xl font-semibold mb-4">Settings</h2>
|
||||
<p>Update your account security and notification preferences.</p>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div id="account-body" data-section="account-body">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Login/Signup"
|
||||
title="Welcome Back"
|
||||
description="Manage your luxury travel bookings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Manage Account"
|
||||
description="Access your profile and travel history easily."
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Secure Access",
|
||||
description: "Encrypted login for your peace of mind.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png?_wi=4",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Listings",
|
||||
href: "/properties",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Zeus Properties"
|
||||
/>
|
||||
</div>
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Listings", href: "/properties" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Zeus Properties"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
198
src/app/page.tsx
198
src/app/page.tsx
@@ -18,28 +18,22 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "/properties",
|
||||
},
|
||||
name: "Properties", id: "/properties"},
|
||||
{
|
||||
name: "Account",
|
||||
id: "/account",
|
||||
},
|
||||
name: "Account", id: "/account"},
|
||||
]}
|
||||
brandName="Zeus Properties"
|
||||
/>
|
||||
@@ -49,91 +43,50 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Redefining Luxury Stays"
|
||||
description="Experience unparalleled elegance in the world's most exclusive properties."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marcus V.",
|
||||
handle: "@traveler",
|
||||
testimonial: "The best luxury booking experience I've had.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png?_wi=1",
|
||||
},
|
||||
name: "Marcus V.", handle: "@traveler", testimonial: "The best luxury booking experience I've had.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png?_wi=1"},
|
||||
{
|
||||
name: "Elena S.",
|
||||
handle: "@explorer",
|
||||
testimonial: "Stunning properties and flawless service.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-portrait-of-a-woman-looking-r-1774857749264-9681c6db.png?_wi=1",
|
||||
},
|
||||
name: "Elena S.", handle: "@explorer", testimonial: "Stunning properties and flawless service.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-portrait-of-a-woman-looking-r-1774857749264-9681c6db.png?_wi=1"},
|
||||
{
|
||||
name: "Julian D.",
|
||||
handle: "@elite",
|
||||
testimonial: "Absolute perfection in every detail.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-confident-man-in-a-suit--1774857749135-e3387a4f.png?_wi=1",
|
||||
},
|
||||
name: "Julian D.", handle: "@elite", testimonial: "Absolute perfection in every detail.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-confident-man-in-a-suit--1774857749135-e3387a4f.png?_wi=1"},
|
||||
{
|
||||
name: "Sarah & Tom",
|
||||
handle: "@duo",
|
||||
testimonial: "Unforgettable stay. Zeus is simply the best.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-happy-couple-enjoying-a--1774857748507-48b9aef7.png",
|
||||
},
|
||||
name: "Sarah & Tom", handle: "@duo", testimonial: "Unforgettable stay. Zeus is simply the best.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-happy-couple-enjoying-a--1774857748507-48b9aef7.png"},
|
||||
{
|
||||
name: "James R.",
|
||||
handle: "@collector",
|
||||
testimonial: "Beyond expectations, truly a gold standard.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png?_wi=2",
|
||||
},
|
||||
name: "James R.", handle: "@collector", testimonial: "Beyond expectations, truly a gold standard.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png?_wi=2"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-stunning-ultra-luxurious-penthouse-liv-1774857749654-5f34f1bc.png"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png", alt: "User 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-portrait-of-a-woman-looking-r-1774857749264-9681c6db.png",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-portrait-of-a-woman-looking-r-1774857749264-9681c6db.png", alt: "User 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-confident-man-in-a-suit--1774857749135-e3387a4f.png",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-confident-man-in-a-suit--1774857749135-e3387a4f.png", alt: "User 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-happy-couple-enjoying-a--1774857748507-48b9aef7.png",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-happy-couple-enjoying-a--1774857748507-48b9aef7.png", alt: "User 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-professional-portrait-of-a-successful--1774857747907-b783500c.png", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite",
|
||||
},
|
||||
type: "text", text: "Elite"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sophisticated",
|
||||
},
|
||||
type: "text", text: "Sophisticated"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive",
|
||||
},
|
||||
type: "text", text: "Exclusive"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium",
|
||||
},
|
||||
type: "text", text: "Premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unrivaled",
|
||||
},
|
||||
type: "text", text: "Unrivaled"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,23 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Azure Villa",
|
||||
price: "$1,200/night",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Azure Villa", price: "$1,200/night", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ocean Penthouse",
|
||||
price: "$2,500/night",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Ocean Penthouse", price: "$2,500/night", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png?_wi=1"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Skyline Loft",
|
||||
price: "$1,800/night",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Skyline Loft", price: "$1,800/night", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png?_wi=1"},
|
||||
]}
|
||||
title="Featured Properties"
|
||||
description="Hand-picked residences for the discerning traveler."
|
||||
@@ -178,33 +119,17 @@ export default function LandingPage() {
|
||||
description="Unlock tiered benefits for your stays."
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
title: "Silver",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Concierge",
|
||||
"Priority",
|
||||
],
|
||||
id: "plan-1", title: "Silver", price: "$99", period: "/mo", features: [
|
||||
"Concierge", "Priority"],
|
||||
button: {
|
||||
text: "Join",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png?_wi=2",
|
||||
},
|
||||
text: "Join"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png?_wi=2"},
|
||||
{
|
||||
id: "plan-2",
|
||||
title: "Gold",
|
||||
price: "$299",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"VIP Access",
|
||||
"Airport Pickup",
|
||||
],
|
||||
id: "plan-2", title: "Gold", price: "$299", period: "/mo", features: [
|
||||
"VIP Access", "Airport Pickup"],
|
||||
button: {
|
||||
text: "Upgrade",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png?_wi=2",
|
||||
},
|
||||
text: "Upgrade"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png?_wi=2"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -219,17 +144,9 @@ export default function LandingPage() {
|
||||
description="The team behind your dream getaways."
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Alice M.",
|
||||
role: "Head Curator",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-portrait-of-a-woman-looking-r-1774857749264-9681c6db.png?_wi=2",
|
||||
},
|
||||
id: "m1", name: "Alice M.", role: "Head Curator", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-portrait-of-a-woman-looking-r-1774857749264-9681c6db.png?_wi=2"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Robert G.",
|
||||
role: "Luxury Consultant",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-confident-man-in-a-suit--1774857749135-e3387a4f.png?_wi=2",
|
||||
},
|
||||
id: "m2", name: "Robert G.", role: "Luxury Consultant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-portrait-of-a-confident-man-in-a-suit--1774857749135-e3387a4f.png?_wi=2"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -238,16 +155,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready for your next stay?"
|
||||
description="Inquire about our private portfolio today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact Us", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -256,29 +170,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Listings",
|
||||
href: "/properties",
|
||||
},
|
||||
label: "Listings", href: "/properties"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -288,4 +192,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
75
src/app/properties/[id]/page.tsx
Normal file
75
src/app/properties/[id]/page.tsx
Normal file
@@ -0,0 +1,75 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export default function PropertyDetailsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Properties", id: "/properties" },
|
||||
{ name: "Account", id: "/account" },
|
||||
]}
|
||||
brandName="Zeus Properties"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-details" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
title="Azure Villa Experience"
|
||||
description="Step into a realm of sophisticated tranquility. Our interactive calendar ensures your booking experience is as seamless as your stay. Select your dates to view live pricing and secure your reservation."
|
||||
products={[
|
||||
{ id: "gallery-1", name: "Master Suite View", price: "$1,200/night", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png" },
|
||||
{ id: "gallery-2", name: "Private Pool", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png" },
|
||||
{ id: "gallery-3", name: "Interior Lounge", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquire"
|
||||
title="Questions about this property?"
|
||||
description="Reach out to our concierge for custom arrangements."
|
||||
buttons={[{ text: "Speak to Concierge", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Properties", href: "/properties" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
logoText="Zeus Properties"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -2,12 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PropertiesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -22,128 +21,35 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Properties",
|
||||
id: "/properties",
|
||||
},
|
||||
{
|
||||
name: "Account",
|
||||
id: "/account",
|
||||
},
|
||||
]}
|
||||
brandName="Zeus Properties"
|
||||
/>
|
||||
</div>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Properties", id: "/properties" }, { name: "Account", id: "/account" }]}
|
||||
brandName="Zeus Properties"
|
||||
/>
|
||||
|
||||
<div id="list-body" data-section="list-body">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Azure Villa",
|
||||
price: "$1,200/night",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ocean Penthouse",
|
||||
price: "$2,500/night",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Skyline Loft",
|
||||
price: "$1,800/night",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Mountain Retreat",
|
||||
price: "$1,500/night",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Garden Mansion",
|
||||
price: "$3,000/night",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "City Studio",
|
||||
price: "$900/night",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="All Properties"
|
||||
description="Browse our full collection of luxury homes."
|
||||
/>
|
||||
</div>
|
||||
<div className="pt-32 pb-20">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Luxury Apartment Listings"
|
||||
description="Filter by your preferences to find the perfect luxury residence."
|
||||
products={[
|
||||
{ id: "p1", brand: "Exclusive", name: "Azure Villa", price: "$1,200/night", rating: 5, reviewCount: "128", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-high-end-modern-villa-with-a-private-i-1774857749476-e034fef1.png" },
|
||||
{ id: "p2", brand: "Premium", name: "Ocean Penthouse", price: "$2,500/night", rating: 4.9, reviewCount: "96", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/a-luxury-beachfront-apartment-with-a-bal-1774857748407-4dc42bef.png" },
|
||||
{ id: "p3", brand: "Cityscape", name: "Skyline Loft", price: "$1,800/night", rating: 4.8, reviewCount: "204", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bem2xTuJNWua9jXR4aF7MEp8FR/an-elegant-penthouse-rooftop-lounge-with-1774857752364-59c739f3.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Property Stats"
|
||||
description="Our current collection reach."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Available Homes",
|
||||
subtitle: "Curated",
|
||||
category: "Collection",
|
||||
value: "150+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Listings",
|
||||
href: "/properties",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Zeus Properties"
|
||||
/>
|
||||
</div>
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Listings", href: "/properties" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Zeus Properties"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0B0B0B;
|
||||
--card: #1A1A1A;
|
||||
--foreground: #FFFFFF;
|
||||
--primary-cta: #D4AF37;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ffdf7d;
|
||||
--primary-cta-text: #0B0B0B;
|
||||
--secondary-cta: #1A1A1A;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #FFFFFF;
|
||||
--accent: #D4AF37;
|
||||
--background-accent: #D4AF37;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #8b6914;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user