Merge version_3 into main #4
236
src/app/page.tsx
236
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel/HeroBillboardTiltedCarousel';
|
||||
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -27,131 +27,131 @@ 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: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LUXURY 4BHK"
|
||||
/>
|
||||
</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="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="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="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="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
|
||||
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="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="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
|
||||
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="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="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="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="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="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>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user