Update src/app/page.tsx
This commit is contained in:
454
src/app/page.tsx
454
src/app/page.tsx
@@ -6,13 +6,13 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Home } from "lucide-react";
|
||||
import { Home, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -22,351 +22,137 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "The Space",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Residences",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elysian Residences"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "The Space", id: "about" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Residences", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elysian Residences"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Elysian Residences"
|
||||
description="Experience unparalleled luxury in this exquisite 4BHK apartment designed for those who demand the finest in residential elegance and urban serenity."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Residences",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-design-chandelier_105762-2226.jpg",
|
||||
imageAlt: "luxury apartment balcony view sunset",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrace_1203-53.jpg",
|
||||
imageAlt: "luxurious bedroom interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",
|
||||
imageAlt: "spacious luxury dining room design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg",
|
||||
imageAlt: "modern luxury bathroom interior design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378905.jpg",
|
||||
imageAlt: "architectural balcony city view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-urban-space-with-building-close-up_23-2148287770.jpg",
|
||||
imageAlt: "modern premium apartment lobby",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Experience 4BHK 3D Living"
|
||||
description="An immersive journey into unparalleled luxury, where architectural elegance meets digital sophistication in every corner of your future home."
|
||||
testimonials={[
|
||||
{ name: "Sarah Miller", handle: "@architect", testimonial: "The 3D immersive feel is absolutely breathtaking.", rating: 5 },
|
||||
{ name: "David Thorne", handle: "@investor", testimonial: "The most modern residential experience I've seen.", rating: 5 }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-design-chandelier_105762-2226.jpg"
|
||||
tag="Immersive Experience"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[{ text: "Explore", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Architectural Marvel"
|
||||
title="A Home That Inspires"
|
||||
description="Nestled in the heart of the city, this 4BHK apartment offers a seamless blend of modern technology and timeless luxury, featuring a sprawling, extraordinary balcony perfect for serene moments."
|
||||
subdescription="Every detail reflects refined craftsmanship, from the floor-to-ceiling windows to the curated premium interior finishes."
|
||||
icon={Home}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929511.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Architectural Marvel"
|
||||
title="A Home That Inspires"
|
||||
description="Nestled in the heart of the city, this 4BHK apartment offers a seamless blend of modern technology and timeless luxury."
|
||||
subdescription="Every detail reflects refined craftsmanship, from the floor-to-ceiling windows to the curated premium interior finishes."
|
||||
icon={Home}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929511.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wellness Centre",
|
||||
author: "Spa Level",
|
||||
description: "Rejuvenate in our world-class fitness and wellness studio.",
|
||||
tags: [
|
||||
"Health",
|
||||
"Wellness",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-yoga-outdoors_23-2148732923.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Outdoor Serenity",
|
||||
author: "Balcony Level",
|
||||
description: "Expansive terraces providing 360-degree city skyline views.",
|
||||
tags: [
|
||||
"Outdoor",
|
||||
"Balcony",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-cafe-enjoying-time-spending-with-each-other_23-2147891123.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Kitchen Excellence",
|
||||
author: "Utility Level",
|
||||
description: "Professional-grade culinary spaces with premium stone finishes.",
|
||||
tags: [
|
||||
"Kitchen",
|
||||
"Utility",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-symmetry-metal-cutlery-minimalist-storage_169016-68870.jpg",
|
||||
},
|
||||
]}
|
||||
title="Unrivaled Amenities"
|
||||
description="Enjoy a suite of world-class facilities designed for ultimate comfort."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Wellness Centre", author: "Spa Level", description: "Rejuvenate in our world-class fitness studio.", tags: ["Health"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-doing-yoga-outdoors_23-2148732923.jpg" },
|
||||
{ id: "f2", title: "Outdoor Serenity", author: "Balcony Level", description: "Expansive terraces with city skyline views.", tags: ["Outdoor"], imageSrc: "http://img.b2bpic.net/free-photo/two-people-cafe-enjoying-time-spending-with-each-other_23-2147891123.jpg" }
|
||||
]}
|
||||
title="Unrivaled Amenities"
|
||||
description="Enjoy a suite of world-class facilities designed for ultimate comfort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Master Suite A",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-organised-workspace-with-lamp_23-2148592289.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Living Hall",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-style-bedroom-interior-hotel-bedroom-generative-ai-illustration_1258-151611.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Dining Lounge",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-wooden-table-with-wooden-chairs-near-window-curtains-kitchen-with-black-interior_181624-4177.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gourmet Kitchen",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-desk-art-supplies_23-2148577636.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Private Balcony",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-spending-time-home_23-2149160327.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Guest Suite",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-14125.jpg",
|
||||
},
|
||||
]}
|
||||
title="Residence Layouts"
|
||||
description="Choose the perfect spatial arrangement that fits your lifestyle."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Master Suite A", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/nice-organised-workspace-with-lamp_23-2148592289.jpg" },
|
||||
{ id: "p2", name: "Living Hall", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-style-bedroom-interior-hotel-bedroom-generative-ai-illustration_1258-151611.jpg" }
|
||||
]}
|
||||
title="Residence Layouts"
|
||||
description="Choose the perfect spatial arrangement that fits your lifestyle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4BHK",
|
||||
title: "Layout",
|
||||
description: "Spacious family residence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6439.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1500sqft",
|
||||
title: "Balcony Area",
|
||||
description: "Exclusive terrace space",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/popular-resort-with-pools-water-parks-turkey-hotel-resort_146671-18837.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Security",
|
||||
description: "Advanced tech monitoring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683479.jpg",
|
||||
},
|
||||
]}
|
||||
title="Key Statistics"
|
||||
description="Excellence defined by the numbers."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "4BHK", title: "Layout", description: "Spacious residence", imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6439.jpg" },
|
||||
{ id: "m2", value: "1500sqft", title: "Terrace", description: "Exclusive area", imageSrc: "http://img.b2bpic.net/free-photo/popular-resort-with-pools-water-parks-turkey-hotel-resort_146671-18837.jpg" }
|
||||
]}
|
||||
title="Key Statistics"
|
||||
description="Excellence defined by the numbers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Architect",
|
||||
testimonial: "The design of the balcony alone is worth the investment. Absolutely breathtaking city views.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-family-spending-time-home_23-2150231646.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Thorne",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Living here feels like being in a luxury hotel. The finishes are impeccable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-409.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jessica Low",
|
||||
role: "Designer",
|
||||
testimonial: "The space utilization in the 4BHK layout is brilliant. Perfect for hosting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-with-pizza-slice-mouth-playing-online-multiplayer-gaming-with-black-female-friend_482257-134983.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Wilson",
|
||||
role: "Tech Executive",
|
||||
testimonial: "Incredible amenities and a very peaceful residential experience. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sharing-ideas-with-pretty-girlfriend_1098-15697.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Ross",
|
||||
role: "Artist",
|
||||
testimonial: "The natural light flooding the rooms is an artist's dream. Simply stunning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-pizza-lunch_23-2148451694.jpg",
|
||||
},
|
||||
]}
|
||||
title="Resident Experiences"
|
||||
description="What our residents say about their home."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", role: "Architect", testimonial: "The balcony is breathtaking.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-family-spending-time-home_23-2150231646.jpg" }
|
||||
]}
|
||||
title="Resident Experiences"
|
||||
description="What our residents say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are the units fully furnished?",
|
||||
content: "Yes, every unit comes with fully curated premium furnishings.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What security measures exist?",
|
||||
content: "We feature multi-layer biometric and 24/7 surveillance security.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is parking included?",
|
||||
content: "Each residence includes two dedicated covered parking spots.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Get to know more about our living spaces."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[{ id: "q1", title: "Are units furnished?", content: "Yes, fully curated." }]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Schedule a Private Viewing"
|
||||
description="Reach out to our sales concierge to book a private tour of the apartment."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167810.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Schedule a Viewing"
|
||||
description="Book your private tour today."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167810.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661416.jpg"
|
||||
logoText="Elysian Residences"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Amenities",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661416.jpg"
|
||||
logoText="Elysian Residences"
|
||||
columns={[{ title: "Explore", items: [{ label: "Home", href: "#hero" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user