|
|
|
|
@@ -3,93 +3,72 @@
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
|
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
|
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
|
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
|
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
|
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
|
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
|
|
|
|
|
|
export default function PropertyDetailPage() {
|
|
|
|
|
export default function PropertyPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="shift-hover"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="compact"
|
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
|
background="grid"
|
|
|
|
|
cardStyle="subtle-shadow"
|
|
|
|
|
primaryButtonStyle="primary-glow"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="circleGradient"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="normal"
|
|
|
|
|
>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleCentered
|
|
|
|
|
navItems={[
|
|
|
|
|
<NavbarStyleCentered
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "/" },
|
|
|
|
|
{ name: "Properties", id: "/properties" },
|
|
|
|
|
{ name: "About", id: "/about" },
|
|
|
|
|
{ name: "Contact", id: "/contact" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="PropElite"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardGallery
|
|
|
|
|
title="Luxury Modern Villa in Beverly Hills"
|
|
|
|
|
description="An architectural masterpiece featuring floor-to-ceiling windows, infinity pool, and panoramic city views. Designed for the ultimate modern living experience."
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg?_wi=1" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/couch-armchair-seen-from-floor_1203-737.jpg" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/staircase-apartment_1150-11156.jpg" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardFourteen
|
|
|
|
|
title="Key Property Features"
|
|
|
|
|
tag="Specifications"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "m1", value: "5,000 sq ft", description: "Total Interior Space" },
|
|
|
|
|
{ id: "m2", value: "5", description: "Bedrooms" },
|
|
|
|
|
{ id: "m3", value: "6", description: "Bathrooms" },
|
|
|
|
|
{ id: "m4", value: "3", description: "Garage Spaces" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardOne
|
|
|
|
|
title="Premium Amenities"
|
|
|
|
|
description="Experience lifestyle-focused design with curated amenities for your comfort."
|
|
|
|
|
brandName="PropElite"
|
|
|
|
|
/>
|
|
|
|
|
<HeroBillboardGallery
|
|
|
|
|
title="Luxury Estate Overview"
|
|
|
|
|
description="Experience unparalleled comfort and style in our premium properties."
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-villa-with-pool_23-2149156499.jpg" }]}
|
|
|
|
|
/>
|
|
|
|
|
<MetricCardFourteen
|
|
|
|
|
title="Property Highlights"
|
|
|
|
|
tag="Key Specs"
|
|
|
|
|
metrics={[{ id: "m1", value: "5,000 sq ft", description: "Interior Area" }, { id: "m2", value: "4 Bedrooms", description: "Comfortable Living" }]}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
<FeatureCardMedia
|
|
|
|
|
title="Features & Amenities"
|
|
|
|
|
description="Discover what makes this property truly exceptional."
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{ title: "Smart Home Integration", description: "Voice-controlled lighting, security, and climate management.", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712847.jpg?_wi=1" },
|
|
|
|
|
{ title: "Infinity Pool", description: "Heated saltwater infinity pool overlooking the skyline.", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg?_wi=2" }
|
|
|
|
|
{ id: "f1", title: "Private Pool", description: "Heated infinity pool with ocean view", tag: "Premium" },
|
|
|
|
|
{ id: "f2", title: "Smart Home", description: "Fully integrated automation system", tag: "Modern" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCenter
|
|
|
|
|
tag="Schedule a Viewing"
|
|
|
|
|
/>
|
|
|
|
|
<ContactCTA
|
|
|
|
|
title="Interested in this property?"
|
|
|
|
|
description="Leave your details and our senior agents will arrange a private tour at your convenience."
|
|
|
|
|
onSubmit={(email) => console.log("Form submitted", email)}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterCard
|
|
|
|
|
description="Contact us for a private viewing session today."
|
|
|
|
|
tag="Inquiry"
|
|
|
|
|
buttons={[{ text: "Get in Touch", href: "/contact" }]}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
<FooterCard
|
|
|
|
|
logoText="PropElite Real Estate"
|
|
|
|
|
copyrightText="© 2025 PropElite. All rights reserved."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
/>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|