Merge version_2 into main #4
130
src/app/page.tsx
130
src/app/page.tsx
@@ -8,6 +8,7 @@ import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwen
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, Building, Building2, Shield, Star, Waves } from "lucide-react";
|
||||
|
||||
@@ -29,14 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Properties", id: "properties"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Properties", id: "properties" },
|
||||
{ name: "Catalog", id: "catalog" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elysian Estate"
|
||||
/>
|
||||
@@ -44,46 +42,46 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Exceptional Living, Curated for You."
|
||||
description="Redefining the standard of luxury real estate through discretion, insight, and a passion for architectural perfection."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Properties", href: "#properties"},
|
||||
{
|
||||
text: "Private Consultation", href: "#contact"},
|
||||
{ text: "View Properties", href: "#properties" },
|
||||
{ text: "Private Consultation", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-with-city-background_1203-692.jpg", imageAlt: "Luxury penthouse interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468891.jpg", imageAlt: "Mediterranean villa infinity pool"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349205.jpg", imageAlt: "Minimalist master suite"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176107.jpg?_wi=1", imageAlt: "Architectural living space"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chair-bed-around-swimming-pool-hotel_74190-6668.jpg?_wi=1", imageAlt: "Exclusive city skyline balcony"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pool-with-city-background_1203-692.jpg", imageAlt: "Luxury penthouse interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468891.jpg", imageAlt: "Mediterranean villa infinity pool" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349205.jpg", imageAlt: "Minimalist master suite" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardOne
|
||||
title="Featured Real Estate Catalog"
|
||||
description="A curated selection of our most exclusive current listings."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "1", name: "Coastal Haven", price: "$4,500,000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176107.jpg?_wi=2" },
|
||||
{ id: "2", name: "City Penthouse", price: "$3,200,000", imageSrc: "http://img.b2bpic.net/free-photo/chair-bed-around-swimming-pool-hotel_74190-6668.jpg?_wi=2" },
|
||||
{ id: "3", name: "Mountain Villa", price: "$5,800,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bathtub-with-faucet_1203-1500.jpg?_wi=1" },
|
||||
{ id: "4", name: "Historic Manor", price: "$7,100,000", imageSrc: "http://img.b2bpic.net/free-photo/pool-with-city-background_1203-692.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Strategic Approach to Exceptional Homes"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience", value: "15+"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Properties Represented", value: "200+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Success Rate", value: "98%"},
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: Shield, label: "Properties Represented", value: "200+" },
|
||||
{ icon: Star, label: "Success Rate", value: "98%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -95,33 +93,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Panoramic Coastal Estate", description: "Uninterrupted sea views in a private, high-security enclave.", icon: Waves,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176107.jpg?_wi=2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bathtub-with-faucet_1203-1500.jpg?_wi=1"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Modernist City Penthouse", description: "Architectural mastery in the heart of the city skyline.", icon: Building2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chair-bed-around-swimming-pool-hotel_74190-6668.jpg?_wi=2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176107.jpg?_wi=3"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Historic Country Villa", description: "Timeless elegance meets modern comfort in this secluded paradise.", icon: Building,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bathtub-with-faucet_1203-1500.jpg?_wi=2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chair-bed-around-swimming-pool-hotel_74190-6668.jpg?_wi=3"},
|
||||
],
|
||||
},
|
||||
{ title: "Panoramic Coastal Estate", description: "Uninterrupted sea views in a private, high-security enclave.", icon: Waves, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176107.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-bathtub-with-faucet_1203-1500.jpg?_wi=1" }] },
|
||||
{ title: "Modernist City Penthouse", description: "Architectural mastery in the heart of the city skyline.", icon: Building2, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/chair-bed-around-swimming-pool-hotel_74190-6668.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176107.jpg?_wi=3" }] },
|
||||
]}
|
||||
title="Curated Exclusive Listings"
|
||||
description="Discover a collection of private, high-end residences meticulously selected for their unique architectural value and unmatched prestige."
|
||||
@@ -133,16 +106,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Jonathan V.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg"},
|
||||
{
|
||||
id: "2", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429859.jpg"},
|
||||
{
|
||||
id: "3", name: "Marcus T.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-beige-orange-cardboard-papers-corner-grey-background_23-2147878482.jpg"},
|
||||
{
|
||||
id: "4", name: "Sophie L.", imageSrc: "http://img.b2bpic.net/free-photo/passionate-young-couple-dancing-home_23-2147736739.jpg"},
|
||||
{
|
||||
id: "5", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman_158595-975.jpg"},
|
||||
{ id: "1", name: "Jonathan V.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg" },
|
||||
{ id: "2", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429859.jpg" },
|
||||
]}
|
||||
cardTitle="Discreet & Professional"
|
||||
cardTag="Client Perspectives"
|
||||
@@ -152,8 +117,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Private Consultation"
|
||||
title="Begin Your Exceptional Journey"
|
||||
description="For inquiries regarding off-market opportunities or to schedule a private view, please reach out directly. Your confidentiality is our priority."
|
||||
@@ -166,24 +130,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Elysian Estate"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Properties", href: "#properties"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Consultation", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Properties", href: "#properties" }, { label: "Catalog", href: "#catalog" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Elysian Estate | Private Brokerage"
|
||||
/>
|
||||
@@ -191,4 +139,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user