bender/e18aba25-5d96-49c7-8500-d11e4e2aee22
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-17 13:29:24 +00:00
parent ef0d9c8f0e
commit ab94c2ad2f
1 changed files with 34 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

285
src/app/page.tsx
View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#services",
},
{
name: "Impact",
id: "#metrics",
},
{
name: "Residents",
id: "#testimonials",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Impact", id: "#metrics" },
{ name: "Residents", id: "#testimonials" },
{ name: "Contact", id: "#contact" },
]}
brandName="Rooftop Housing"
/>
@@ -58,46 +43,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Building Better Communities Together"
description="Providing safe, affordable, and high-quality homes for our community. We put our residents at the heart of everything we do."
buttons={[
{
text: "Our Services",
href: "#services",
},
{
text: "Contact Us",
href: "#contact",
},
]}
buttons={[{ text: "Our Services", href: "#services" }, { text: "Contact Us", href: "#contact" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-building-seoul-city_74190-3346.jpg?_wi=1",
imageAlt: "happy diverse family new home",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-residential-area-with-houses-along-canal_1308-189700.jpg",
imageAlt: "happy diverse family new home",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/family-spending-time-together-home_23-2149038324.jpg",
imageAlt: "happy diverse family new home",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-life-enjoyed-by-group-friends_23-2149402017.jpg",
imageAlt: "happy diverse family new home",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-young-family-bought-new-house_7861-3097.jpg",
imageAlt: "happy diverse family new home",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/city_1127-4058.jpg",
imageAlt: "happy diverse family new home",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-building-seoul-city_74190-3346.jpg", imageAlt: "happy diverse family new home" },
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-residential-area-with-houses-along-canal_1308-189700.jpg", imageAlt: "happy diverse family new home" },
{ imageSrc: "http://img.b2bpic.net/free-photo/family-spending-time-together-home_23-2149038324.jpg", imageAlt: "happy diverse family new home" },
{ imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-life-enjoyed-by-group-friends_23-2149402017.jpg", imageAlt: "happy diverse family new home" },
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-young-family-bought-new-house_7861-3097.jpg", imageAlt: "happy diverse family new home" },
{ imageSrc: "http://img.b2bpic.net/free-photo/city_1127-4058.jpg", imageAlt: "happy diverse family new home" },
]}
/>
</div>
@@ -107,9 +63,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="About Rooftop Housing"
description={[
"For over 25 years, Rooftop Housing Association has been dedicated to providing quality homes and excellent services. Our mission is to support our tenants in thriving communities.",
"We focus on sustainable housing solutions, community development, and personalized resident support. We believe everyone deserves a place they can call home.",
]}
"For over 25 years, Rooftop Housing Association has been dedicated to providing quality homes and excellent services. Our mission is to support our tenants in thriving communities.", "We focus on sustainable housing solutions, community development, and personalized resident support. We believe everyone deserves a place they can call home."]}
/>
</div>
@@ -119,57 +73,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Affordable Rent",
description: "High-quality, secure homes with fair rental agreements.",
icon: Home,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-outdoors_23-2149085492.jpg",
imageAlt: "affordable housing keys handover",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/realtor-giving-african-customer-keys-couple-buying-new-house-closeup_1163-4635.jpg",
imageAlt: "affordable housing keys handover",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-building-seoul-city_74190-3346.jpg?_wi=2",
imageAlt: "affordable housing keys handover",
},
{
title: "Community Support",
description: "Resources to help residents thrive in their local area.",
icon: Users,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/elderly-person-being-taken-care-by-female-caretaker_23-2150216375.jpg",
imageAlt: "community support group session",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-including-father-mother-daughter-are-lying-down-bed-with-smile-looking-camera_554837-245.jpg",
imageAlt: "community support group session",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/wife-husband-welcoming-relatives-thanksgiving-day-dinner_23-2149129499.jpg",
imageAlt: "affordable housing keys handover",
},
{
title: "Home Maintenance",
description: "Reliable repair services to keep your home in top shape.",
icon: Wrench,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-66.jpg",
imageAlt: "modern eco-friendly housing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661428.jpg",
imageAlt: "modern eco-friendly housing",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-cup-coffee_23-2148937755.jpg?_wi=1",
imageAlt: "affordable housing keys handover",
},
{ title: "Affordable Rent", description: "High-quality, secure homes with fair rental agreements.", icon: Home, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-outdoors_23-2149085492.jpg", imageAlt: "affordable housing keys handover" }, { imageSrc: "http://img.b2bpic.net/free-photo/realtor-giving-african-customer-keys-couple-buying-new-house-closeup_1163-4635.jpg", imageAlt: "affordable housing keys handover" }] },
{ title: "Community Support", description: "Resources to help residents thrive in their local area.", icon: Users, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/elderly-person-being-taken-care-by-female-caretaker_23-2150216375.jpg", imageAlt: "community support group session" }, { imageSrc: "http://img.b2bpic.net/free-photo/happy-family-including-father-mother-daughter-are-lying-down-bed-with-smile-looking-camera_554837-245.jpg", imageAlt: "community support group session" }] },
{ title: "Home Maintenance", description: "Reliable repair services to keep your home in top shape.", icon: Wrench, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/modern-building-seen-from_116348-66.jpg", imageAlt: "modern eco-friendly housing" }, { imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661428.jpg", imageAlt: "modern eco-friendly housing" }] },
]}
title="Our Services"
description="We offer a range of housing options and support services to meet your needs."
@@ -183,27 +89,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "15,000+",
title: "Homes Managed",
description: "Safe dwellings for our tenants",
icon: Building2,
},
{
id: "m2",
value: "98%",
title: "Resident Satisfaction",
description: "Consistently high ratings",
icon: Heart,
},
{
id: "m3",
value: "25+",
title: "Years Service",
description: "Deeply embedded in local communities",
icon: Award,
},
{ id: "m1", value: "15,000+", title: "Homes Managed", description: "Safe dwellings for our tenants", icon: Building2 },
{ id: "m2", value: "98%", title: "Resident Satisfaction", description: "Consistently high ratings", icon: Heart },
{ id: "m3", value: "25+", title: "Years Service", description: "Deeply embedded in local communities", icon: Award },
]}
title="Our Impact"
description="Demonstrating our commitment to the community."
@@ -216,61 +104,13 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Margaret T.",
role: "Resident",
company: "Willow Heights",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-cup-coffee_23-2148937755.jpg?_wi=2",
},
{
id: "2",
name: "John D.",
role: "Resident",
company: "Oak Gardens",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-male-models-posing-outdoor-stairs_23-2148289233.jpg",
},
{
id: "3",
name: "Sarah P.",
role: "Resident",
company: "Maple Court",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-girl-sitting-balcony-sipping-coffee-messaging-via-smartphone_1098-20814.jpg",
},
{
id: "4",
name: "David L.",
role: "Resident",
company: "Pine Village",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/our-family-is-priority-us_329181-8640.jpg",
},
{
id: "5",
name: "Elena R.",
role: "Resident",
company: "Cedar House",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",
},
]}
kpiItems={[
{
value: "4.8/5",
label: "Average Rating",
},
{
value: "95%",
label: "Reliability",
},
{
value: "24/7",
label: "Support",
},
{ id: "1", name: "Margaret T.", role: "Resident", company: "Willow Heights", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-enjoying-cup-coffee_23-2148937755.jpg" },
{ id: "2", name: "John D.", role: "Resident", company: "Oak Gardens", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-male-models-posing-outdoor-stairs_23-2148289233.jpg" },
{ id: "3", name: "Sarah P.", role: "Resident", company: "Maple Court", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-girl-sitting-balcony-sipping-coffee-messaging-via-smartphone_1098-20814.jpg" },
{ id: "4", name: "David L.", role: "Resident", company: "Pine Village", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/our-family-is-priority-us_329181-8640.jpg" },
{ id: "5", name: "Elena R.", role: "Resident", company: "Cedar House", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg" },
]}
kpiItems={[{ value: "4.8/5", label: "Average Rating" }, { value: "95%", label: "Reliability" }, { value: "24/7", label: "Support" }]}
title="Resident Stories"
description="Hear from our happy residents about their experience with Rooftop Housing."
/>
@@ -281,21 +121,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How do I apply for housing?",
content: "You can fill out our online application form or call our support team for guidance.",
},
{
id: "f2",
title: "How do I report a repair?",
content: "Report repairs directly through the tenant portal or via our 24/7 helpline.",
},
{
id: "f3",
title: "What community support is available?",
content: "We offer financial advice, employment support, and local activity programs.",
},
{ id: "f1", title: "How do I apply for housing?", content: "You can fill out our online application form or call our support team for guidance." },
{ id: "f2", title: "How do I report a repair?", content: "Report repairs directly through the tenant portal or via our 24/7 helpline." },
{ id: "f3", title: "What community support is available?", content: "We offer financial advice, employment support, and local activity programs." },
]}
title="Frequently Asked Questions"
description="Common questions about our housing and services."
@@ -305,10 +133,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
tag="Contact"
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Get In Touch"
description="Our team is here to assist you with any questions you may have."
imageSrc="http://img.b2bpic.net/free-photo/female-staff-guiding-passengers_107420-85046.jpg"
@@ -319,53 +146,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Services",
items: [
{
label: "Housing",
href: "#services",
},
{
label: "Repairs",
href: "#",
},
{
label: "Support",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Services", items: [{ label: "Housing", href: "#services" }, { label: "Repairs", href: "#" }, { label: "Support", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
bottomLeftText="© 2024 Rooftop Housing Association Limited."
bottomRightText="All rights reserved."