Merge version_2 into main #1
325
src/app/page.tsx
325
src/app/page.tsx
@@ -33,59 +33,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "overview",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "overview" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Residencies"
|
||||
brandName="Modern Habitat"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Luxury Living in Every Corner"
|
||||
description="Discover a masterpiece of design with spacious living areas, open kitchens, and refined elegance tailored to your family's needs."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg"
|
||||
imageAlt="Luxury Apartment Living"
|
||||
background={{ variant: "plain" }}
|
||||
title="Elegant Modern Apartment Living"
|
||||
description="A masterpiece of architectural design: 1 master, 2 kids, 1 maid, 1 guest room, and a grand living room with an open kitchen."
|
||||
imageSrc="https://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg"
|
||||
imageAlt="Modern Luxury Apartment"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="overview" data-section="overview">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Home Designed for Life"
|
||||
title="Designed for Modern Comfort"
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Living Room",
|
||||
value: "Big",
|
||||
},
|
||||
{
|
||||
icon: Home,
|
||||
label: "Bedrooms",
|
||||
value: "5",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Kitchen",
|
||||
value: "Open",
|
||||
},
|
||||
{ icon: Home, label: "Total Rooms", value: "5+1" },
|
||||
{ icon: Sparkles, label: "Living Space", value: "Grand" },
|
||||
{ icon: Award, label: "Style", value: "Elegant" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -94,279 +67,31 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Gourmet Open Kitchen",
|
||||
description: "Seamless flow into your living room perfect for hosting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976580.jpg",
|
||||
imageAlt: "Kitchen",
|
||||
},
|
||||
{
|
||||
title: "Master Sanctuary",
|
||||
description: "A spacious master suite offering quiet and serenity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-pastel-bedroom-with-marble-carpet-decor-deluxe-hotel_105762-2290.jpg",
|
||||
imageAlt: "Bedroom",
|
||||
},
|
||||
{
|
||||
title: "Kids' Quarters",
|
||||
description: "Two dedicated bedrooms designed for comfort and growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soft-pastel-hues-room-children_23-2151690440.jpg",
|
||||
imageAlt: "Kids room",
|
||||
},
|
||||
{ title: "Open Concept Kitchen", description: "Connected seamlessly to the expansive living area.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976580.jpg" },
|
||||
{ title: "Master & Guest Suites", description: "One tranquil master bedroom plus a comfortable guest bedroom.", imageSrc: "https://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-pastel-bedroom-with-marble-carpet-decor-deluxe-hotel_105762-2290.jpg" },
|
||||
{ title: "Family Focused Design", description: "Two kids bedrooms and a dedicated maid room for complete convenience.", imageSrc: "https://img.b2bpic.net/free-photo/soft-pastel-hues-room-children_23-2151690440.jpg" }
|
||||
]}
|
||||
title="Sophisticated Layout Features"
|
||||
description="Every detail has been crafted to perfection to offer comfort, functionality, and style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2400 sqft",
|
||||
title: "Area Space",
|
||||
description: "Generous room to breathe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-city-landscape-skyscrapers_231208-7588.jpg",
|
||||
imageAlt: "Space",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "High",
|
||||
title: "Natural Light",
|
||||
description: "Sun-drenched living spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-interesting-building-design_23-2148252802.jpg",
|
||||
imageAlt: "Light",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Premium",
|
||||
title: "Finishes",
|
||||
description: "Top-tier quality materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661413.jpg",
|
||||
imageAlt: "Finishes",
|
||||
},
|
||||
]}
|
||||
title="Property Highlights"
|
||||
description="Experience superior quality and thoughtful design in every room."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Best choice",
|
||||
quote: "The layout is perfect for our large family.",
|
||||
name: "Alice Wang",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg",
|
||||
imageAlt: "Alice",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "So spacious",
|
||||
quote: "Living here has been a dream come true.",
|
||||
name: "Bob Chen",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg",
|
||||
imageAlt: "Bob",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Kitchen goals",
|
||||
quote: "I love the open kitchen, it's the heart of our home.",
|
||||
name: "Carol Diaz",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
||||
imageAlt: "Carol",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Great design",
|
||||
quote: "Every room serves a purpose and feels luxury.",
|
||||
name: "David Smith",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-blonde-hair-shorts-handsome-joyful-guy-bed-smiling-with-tablet-modern-apartment-lovely-couple-having-fun-true-emotions_197531-1600.jpg",
|
||||
imageAlt: "David",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Kids love it",
|
||||
quote: "The rooms for the kids are just amazing.",
|
||||
name: "Elena Frye",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",
|
||||
imageAlt: "Elena",
|
||||
},
|
||||
]}
|
||||
title="Resident Experiences"
|
||||
description="Hear what families love most about their new home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Standard",
|
||||
price: "$3,200",
|
||||
subtitle: "Monthly Lease",
|
||||
features: [
|
||||
"Kitchen access",
|
||||
"Parking included",
|
||||
"Security",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "$3,800",
|
||||
subtitle: "Monthly Lease + Gym",
|
||||
features: [
|
||||
"Kitchen access",
|
||||
"Parking included",
|
||||
"Security",
|
||||
"Gym access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Luxury",
|
||||
price: "$4,500",
|
||||
subtitle: "Full Amenities",
|
||||
features: [
|
||||
"Everything included",
|
||||
"Concierge",
|
||||
"Pool access",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Leasing Packages"
|
||||
description="Flexible plans to suit your family lifestyle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",
|
||||
imageAlt: "John",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Leasing Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-holding-papers-outdoors_74855-3459.jpg",
|
||||
imageAlt: "Jane",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Ross",
|
||||
role: "Maintenance Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-against-building-house_1398-5103.jpg",
|
||||
imageAlt: "Mike",
|
||||
},
|
||||
]}
|
||||
title="Meet the Management"
|
||||
description="The dedicated team ensuring your living experience is perfect."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are pets allowed?",
|
||||
content: "Yes, we are a pet-friendly community.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What utilities are included?",
|
||||
content: "Water and trash are included in the rent.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, two covered spots are provided per unit.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
title="Thoughtfully Planned Layouts"
|
||||
description="Tailored for large families with a perfect balance of privacy and shared social spaces."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Ready to experience your new home? Contact us today to schedule a private tour of our floor plans."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
text="Interested in our modern apartment floor plan? Reach out for a private showing."
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Elite Residencies"
|
||||
columns={[{ title: "Modern Habitat", items: [{ label: "Home", href: "#hero" }, { label: "Contact", href: "#contact" }] }]}
|
||||
logoText="Modern Habitat"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user