bender/f3371d09-eefc-4d00-b634-a948e62b2366
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #6.
This commit is contained in:
bender
2026-05-20 19:14:55 +00:00
parent fe3e890967 a6fb8f853b
commit 01fba75ccf
1 changed files with 78 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

198
src/app/page.tsx
View File

@@ -27,132 +27,90 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="LUXURY 4BHK"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="LUXURY4BHK"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTiltedCarousel
title="Redefining Luxury Living"
description="Experience the pinnacle of interior design in our meticulously curated 4BHK apartment concepts. Where sophistication meets comfort."
images={[
{ src: "https://img.b2bpic.net/free-photo/modern-living-room-with-luxurious-furniture_23-2148842217.jpg", alt: "Living room concept" },
{ src: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-design_23-2148842218.jpg", alt: "Master bedroom concept" },
{ src: "https://img.b2bpic.net/free-photo/modern-kitchen-with-high-end-appliances_23-2148842219.jpg", alt: "Luxury kitchen concept" },
{ src: "https://img.b2bpic.net/free-photo/elegant-dining-room-interior_23-2148842220.jpg", alt: "Dining area concept" }
]}
buttons={[{ text: "View Portfolio", href: "#features" }]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTiltedCarousel
title="Redefining Luxury Living"
description="Sophisticated 4BHK interior designs tailored for premium lifestyles. Where space meets artistic brilliance."
images={[
{ src: "https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?q=80&w=2000", alt: "Modern living room" },
{ src: "https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?q=80&w=2000", alt: "Elegant bedroom" },
{ src: "https://images.unsplash.com/photo-1600566753086-00f1807b8971?q=80&w=2000", alt: "Luxury dining space" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Design Philosophy"
description="Our 4BHK apartment designs focus on spatial harmony, premium materials, and bespoke lighting to create a living experience that reflects your persona."
metrics={[
{ value: "4BHK", title: "Spacious Layouts" },
{ value: "100%", title: "Bespoke Design" },
{ value: "Luxury", title: "Standard" },
]}
imageSrc="https://img.b2bpic.net/free-photo/luxury-modern-living-room-design_23-2148842221.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Design Philosophy"
description="We craft interiors that embody elegance, functionality, and timeless appeal for the modern homeowner."
metrics={[
{ value: "150+", title: "Luxury Projects" },
{ value: "10/10", title: "Design Excellence" },
{ value: "4BHK", title: "Specialization" },
]}
imageSrc="https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=1200"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
features={[
{ title: "Grand Living Room", description: "Expansive layouts designed for grand hosting.", imageSrc: "https://img.b2bpic.net/free-photo/modern-living-room-with-luxurious-furniture_23-2148842217.jpg", titleImageSrc: "https://img.b2bpic.net/free-photo/luxury-sofa-set_23-2148842225.jpg", buttonText: "Learn More" },
{ title: "Master Suite", description: "A private sanctuary of comfort and elegance.", imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-design_23-2148842218.jpg", titleImageSrc: "https://img.b2bpic.net/free-photo/king-size-bed-design_23-2148842226.jpg", buttonText: "Learn More" },
{ title: "Chef Kitchen", description: "High-end appliances meets modern aesthetics.", imageSrc: "https://img.b2bpic.net/free-photo/modern-kitchen-with-high-end-appliances_23-2148842219.jpg", titleImageSrc: "https://img.b2bpic.net/free-photo/kitchen-interior-detail_23-2148842227.jpg", buttonText: "Learn More" },
]}
title="Apartment Highlights"
description="From the living space to the private suites, every detail is considered."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyNine
title="Our Services"
description="Comprehensive design solutions for your 4BHK home."
textboxLayout="split"
gridVariant="bento-grid"
features={[
{ title: "Space Planning", description: "Optimized layouts for maximum comfort.", imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=800", titleImageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=100", buttonText: "Explore" },
{ title: "Bespoke Furniture", description: "Handcrafted pieces made to measure.", imageSrc: "https://images.unsplash.com/photo-1600585154526-99d9ced45d5a?q=80&w=800", titleImageSrc: "https://images.unsplash.com/photo-1600585154526-99d9ced45d5a?q=80&w=100", buttonText: "Explore" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Signature Living", price: "Custom", variant: "Living", imageSrc: "https://img.b2bpic.net/free-photo/modern-living-room-with-luxurious-furniture_23-2148842217.jpg" },
{ id: "p2", name: "Master Retreat", price: "Custom", variant: "Bedroom", imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-design_23-2148842218.jpg" },
{ id: "p3", name: "Gourmet Kitchen", price: "Custom", variant: "Kitchen", imageSrc: "https://img.b2bpic.net/free-photo/modern-kitchen-with-high-end-appliances_23-2148842219.jpg" },
{ id: "p4", name: "Dining Elegance", price: "Custom", variant: "Dining", imageSrc: "https://img.b2bpic.net/free-photo/elegant-dining-room-interior_23-2148842220.jpg" },
]}
title="Explore Our Concept Series"
description="Discover our distinct styles for your 4BHK apartment."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
title="Performance Stats"
description="The numbers behind our success."
metrics={[
{ id: "m1", value: "40%", description: "Space efficiency increase" },
{ id: "m2", value: "12wk", description: "Average project turnaround" },
{ id: "m3", value: "100%", description: "High-quality sourcing" },
]}
gridVariant="uniform-all-items-equal"
animationType="depth-3d"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "4000+", description: "Sq. Ft. Per Unit" },
{ id: "m2", value: "4", description: "Spacious Bedrooms" },
{ id: "m3", value: "15", description: "Custom Finishes" },
]}
title="Space Specifications"
description="Optimized design dimensions for maximal comfort."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Inquire Now"
title="Start Your Journey"
description="Let's create your dream 4BHK apartment interior. Reach out to our design consultants."
background={{ variant: "radial-gradient" }}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", title: "Luxury Realized", quote: "The team turned our 4BHK into a masterpiece.", name: "Arjun V.", role: "Client", imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-man-looking-away_23-2148281358.jpg" },
{ id: "2", title: "Exceptional Eye", quote: "Incredible attention to detail in every corner.", name: "Priya S.", role: "Client", imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-smiling_23-2148281360.jpg" },
]}
title="Living the Dream"
description="See why our clients choose us for their interior design journey."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Schedule Consultation"
title="Design Your Sanctuary"
description="Ready to discuss your 4BHK project? Book a private design consultation."
useInvertedBackground={false}
background={{ variant: "plain" }}
buttonText="Book Consultation"
inputPlaceholder="Enter your email to get started"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="LUXURY 4BHK"
columns={[
{ title: "Studio", items: [{ label: "About Us", href: "#about" }, { label: "Our Concept", href: "#products" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="LUXURY4BHK"
columns={[
{ title: "Studio", items: [{ label: "Philosophy", href: "#about" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}