bender/765960e8-a7e7-4812-b205-f25671fda7bf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 13:26:16 +00:00
parent d56311e631
commit 523170fab7
1 changed files with 120 additions and 334 deletions
Download Patch File Download Diff File Expand all files Collapse all files

454
src/app/page.tsx
View File

@@ -6,13 +6,13 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour'; import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterMedia from '@/components/sections/footer/FooterMedia'; 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 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 ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Home } from "lucide-react"; import { Home, Sparkles } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -22,351 +22,137 @@ export default function LandingPage() {
borderRadius="soft" borderRadius="soft"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="large" sizing="large"
background="noise" background="floatingGradient"
cardStyle="soft-shadow" cardStyle="glass-depth"
primaryButtonStyle="gradient" primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="radial-glow"
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "The Space", id: "about" },
id: "hero", { name: "Amenities", id: "features" },
}, { name: "Residences", id: "products" },
{ { name: "Contact", id: "contact" },
name: "The Space", ]}
id: "about", brandName="Elysian Residences"
}, />
{ </div>
name: "Amenities",
id: "features",
},
{
name: "Residences",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Elysian Residences"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCarouselLogo <HeroOverlayTestimonial
logoText="Elysian Residences" title="Experience 4BHK 3D Living"
description="Experience unparalleled luxury in this exquisite 4BHK apartment designed for those who demand the finest in residential elegance and urban serenity." description="An immersive journey into unparalleled luxury, where architectural elegance meets digital sophistication in every corner of your future home."
buttons={[ testimonials={[
{ { name: "Sarah Miller", handle: "@architect", testimonial: "The 3D immersive feel is absolutely breathtaking.", rating: 5 },
text: "Explore Residences", { name: "David Thorne", handle: "@investor", testimonial: "The most modern residential experience I've seen.", rating: 5 }
href: "#products", ]}
}, imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-design-chandelier_105762-2226.jpg"
]} tag="Immersive Experience"
slides={[ tagIcon={Sparkles}
{ buttons={[{ text: "Explore", href: "#products" }]}
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", </div>
},
{
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="about" data-section="about"> <div id="about" data-section="about">
<TestimonialAboutCard <TestimonialAboutCard
useInvertedBackground={true} useInvertedBackground={true}
tag="Architectural Marvel" tag="Architectural Marvel"
title="A Home That Inspires" 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." 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." subdescription="Every detail reflects refined craftsmanship, from the floor-to-ceiling windows to the curated premium interior finishes."
icon={Home} icon={Home}
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929511.jpg" imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929511.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyFour <FeatureCardTwentyFour
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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: "f1", { 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: "Wellness Centre", ]}
author: "Spa Level", title="Unrivaled Amenities"
description: "Rejuvenate in our world-class fitness and wellness studio.", description="Enjoy a suite of world-class facilities designed for ultimate comfort."
tags: [ />
"Health", </div>
"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="products" data-section="products"> <div id="products" data-section="products">
<ProductCardOne <ProductCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={true} useInvertedBackground={true}
products={[ 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: "p1", { 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" }
name: "Master Suite A", ]}
price: "View Details", title="Residence Layouts"
imageSrc: "http://img.b2bpic.net/free-photo/nice-organised-workspace-with-lamp_23-2148592289.jpg", description="Choose the perfect spatial arrangement that fits your lifestyle."
}, />
{ </div>
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="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardEleven <MetricCardEleven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ 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: "m1", { 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" }
value: "4BHK", ]}
title: "Layout", title="Key Statistics"
description: "Spacious family residence", description="Excellence defined by the numbers."
imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-still-life-with-black-sofa-decor-living-room_169016-6439.jpg", />
}, </div>
{
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="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwo <TestimonialCardTwo
animationType="slide-up" animationType="depth-3d"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ 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" }
id: "t1", ]}
name: "Sarah Miller", title="Resident Experiences"
role: "Architect", description="What our residents say."
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", </div>
},
{
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="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[{ id: "q1", title: "Are units furnished?", content: "Yes, fully curated." }]}
{ sideTitle="Frequently Asked Questions"
id: "q1", faqsAnimation="slide-up"
title: "Are the units fully furnished?", />
content: "Yes, every unit comes with fully curated premium furnishings.", </div>
},
{
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="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={true} useInvertedBackground={true}
title="Schedule a Private Viewing" title="Schedule a Viewing"
description="Reach out to our sales concierge to book a private tour of the apartment." description="Book your private tour today."
inputs={[ 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"
name: "name", />
type: "text", </div>
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="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661416.jpg" imageSrc="http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661416.jpg"
logoText="Elysian Residences" logoText="Elysian Residences"
columns={[ columns={[{ title: "Explore", items: [{ label: "Home", href: "#hero" }] }]}
{ />
title: "Explore", </div>
items: [
{
label: "About",
href: "#about",
},
{
label: "Amenities",
href: "#features",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }