bender/42e2cf19-f8e4-40de-9e33-2e252539a135
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-27 12:53:55 +00:00
parent cdcb0fef36
commit c4a51c8355
1 changed files with 50 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

265
src/app/page.tsx
View File

@@ -34,33 +34,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Properties",
id: "#properties",
},
name: "Properties", id: "#properties"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3kvxvq"
logoAlt="Hospi Living Logo"
@@ -71,69 +57,44 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Seamless Property Management for Modern Living"
description="Hospi Living provides comprehensive property management solutions, ensuring peace of mind for owners and exceptional living experiences for tenants."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/picture-happy-loving-interracial-couple-posing-attractive-young-caucasian-woman-cheerful-african-guy-neat-clothes-smiling-broadly-expressing-joy-receiving-good-positive-news_343059-1520.jpg",
alt: "John Doe",
},
src: "http://img.b2bpic.net/free-photo/picture-happy-loving-interracial-couple-posing-attractive-young-caucasian-woman-cheerful-african-guy-neat-clothes-smiling-broadly-expressing-joy-receiving-good-positive-news_343059-1520.jpg", alt: "John Doe"},
{
src: "http://img.b2bpic.net/free-photo/blond-business-woman-suit-using-tablet_23-2148095680.jpg",
alt: "Jane Smith",
},
src: "http://img.b2bpic.net/free-photo/blond-business-woman-suit-using-tablet_23-2148095680.jpg", alt: "Jane Smith"},
{
src: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg",
alt: "Robert Johnson",
},
src: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg", alt: "Robert Johnson"},
{
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",
alt: "Maria Garcia",
},
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg", alt: "Maria Garcia"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg",
alt: "Professional property investor smiling",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064886.jpg", alt: "Professional property investor smiling"},
]}
avatarText="Join over 100+ satisfied property owners."
buttons={[
{
text: "Explore Services",
href: "#services",
},
text: "Explore Services", href: "#services"},
{
text: "Get a Free Quote",
href: "#contact",
},
text: "Get a Free Quote", href: "#contact"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Maximize Your Rental Income",
icon: DollarSign,
type: "text-icon", text: "Maximize Your Rental Income", icon: DollarSign,
},
{
type: "text-icon",
text: "Expert Tenant Matching",
icon: Users,
type: "text-icon", text: "Expert Tenant Matching", icon: Users,
},
{
type: "text-icon",
text: "24/7 Property Maintenance",
icon: Wrench,
type: "text-icon", text: "24/7 Property Maintenance", icon: Wrench,
},
{
type: "text-icon",
text: "Seamless Management Solutions",
icon: ShieldCheck,
type: "text-icon", text: "Seamless Management Solutions", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Transparent Financial Reporting",
icon: ListChecks,
type: "text-icon", text: "Transparent Financial Reporting", icon: ListChecks,
},
]}
/>
@@ -148,9 +109,7 @@ export default function LandingPage() {
tagAnimation="blur-reveal"
buttons={[
{
text: "Learn More",
href: "#services",
},
text: "Learn More", href: "#services"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/friendly-businesswoman-with-arms-crossed_23-2147707194.jpg"
@@ -165,32 +124,15 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Global Tenant Acquisition",
description: "Utilizing advanced marketing strategies to find reliable tenants from around the world.",
bentoComponent: "globe",
button: {
text: "Discover More",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3kvxvq",
imageAlt: "modern property management logo",
title: "Global Tenant Acquisition", description: "Utilizing advanced marketing strategies to find reliable tenants from around the world.", bentoComponent: "globe", button: {
text: "Discover More"}
},
{
title: "Optimized Financial Reporting",
description: "Transparent and detailed financial statements, ensuring you're always informed about your investment's performance.",
bentoComponent: "animated-bar-chart",
button: {
text: "View Reports",
},
imageSrc: "http://img.b2bpic.net/free-photo/picture-happy-loving-interracial-couple-posing-attractive-young-caucasian-woman-cheerful-african-guy-neat-clothes-smiling-broadly-expressing-joy-receiving-good-positive-news_343059-1520.jpg",
imageAlt: "modern property management logo",
title: "Optimized Financial Reporting", description: "Transparent and detailed financial statements, ensuring you're always informed about your investment's performance.", bentoComponent: "animated-bar-chart", button: {
text: "View Reports"}
},
{
title: "24/7 Maintenance & Support",
description: "Ensuring your property is always in prime condition with prompt and professional maintenance services.",
bentoComponent: "reveal-icon",
icon: Wrench,
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-suit-using-tablet_23-2148095680.jpg",
imageAlt: "modern property management logo",
title: "24/7 Maintenance & Support", description: "Ensuring your property is always in prime condition with prompt and professional maintenance services.", bentoComponent: "reveal-icon", icon: Wrench
},
]}
title="Our Comprehensive Management Services"
@@ -209,47 +151,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Luxury City Apartment",
price: "$3,500/month",
imageSrc: "http://img.b2bpic.net/free-photo/modern-balcony-with-comfortable-sofa-potted-plants_23-2151983238.jpg",
imageAlt: "Luxury City Apartment interior",
},
id: "1", name: "Luxury City Apartment", price: "$3,500/month", imageSrc: "http://img.b2bpic.net/free-photo/modern-balcony-with-comfortable-sofa-potted-plants_23-2151983238.jpg", imageAlt: "Luxury City Apartment interior"},
{
id: "2",
name: "Suburban Family Home",
price: "$2,800/month",
imageSrc: "http://img.b2bpic.net/free-photo/friends-walking-towards-restaurant_23-2147680609.jpg",
imageAlt: "Suburban Family Home exterior",
},
id: "2", name: "Suburban Family Home", price: "$2,800/month", imageSrc: "http://img.b2bpic.net/free-photo/friends-walking-towards-restaurant_23-2147680609.jpg", imageAlt: "Suburban Family Home exterior"},
{
id: "3",
name: "Modern Office Suite",
price: "$5,000/month",
imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg",
imageAlt: "Modern Office Suite interior",
},
id: "3", name: "Modern Office Suite", price: "$5,000/month", imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg", imageAlt: "Modern Office Suite interior"},
{
id: "4",
name: "Charming Townhouse",
price: "$2,200/month",
imageSrc: "http://img.b2bpic.net/free-photo/tall-chimney-near-building-side-view_23-2149627178.jpg",
imageAlt: "Charming Townhouse exterior",
},
id: "4", name: "Charming Townhouse", price: "$2,200/month", imageSrc: "http://img.b2bpic.net/free-photo/tall-chimney-near-building-side-view_23-2149627178.jpg", imageAlt: "Charming Townhouse exterior"},
{
id: "5",
name: "Exclusive Vacation Villa",
price: "$7,000/month",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077831.jpg",
imageAlt: "Exclusive Vacation Villa with pool",
},
id: "5", name: "Exclusive Vacation Villa", price: "$7,000/month", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077831.jpg", imageAlt: "Exclusive Vacation Villa with pool"},
{
id: "6",
name: "Renovated Industrial Loft",
price: "$4,200/month",
imageSrc: "http://img.b2bpic.net/free-photo/metallic-ovens-inside-big-factory-with-heavy-equipments_114579-2820.jpg",
imageAlt: "Renovated Industrial Loft interior",
},
id: "6", name: "Renovated Industrial Loft", price: "$4,200/month", imageSrc: "http://img.b2bpic.net/free-photo/metallic-ovens-inside-big-factory-with-heavy-equipments_114579-2820.jpg", imageAlt: "Renovated Industrial Loft interior"},
]}
title="Managed Properties Showcase"
description="Explore a selection of the properties currently under Hospi Living's expert management. From residential to commercial, we cater to diverse portfolios with meticulous care."
@@ -265,29 +177,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "98%",
title: "Client Satisfaction",
description: "Our dedication to service excellence ensures high satisfaction across our portfolio.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-three-happy-colleagues-embracing-grimacing_1262-20315.jpg",
imageAlt: "Happy client smiling",
},
id: "1", value: "98%", title: "Client Satisfaction", description: "Our dedication to service excellence ensures high satisfaction across our portfolio.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-three-happy-colleagues-embracing-grimacing_1262-20315.jpg", imageAlt: "Happy client smiling"},
{
id: "2",
value: "20%",
title: "Average ROI Increase",
description: "Through strategic management, we've helped owners significantly boost their return on investment.",
imageSrc: "http://img.b2bpic.net/free-photo/paper-sheet-with-economy-chart_23-2148541990.jpg",
imageAlt: "Growing financial graph",
},
id: "2", value: "20%", title: "Average ROI Increase", description: "Through strategic management, we've helped owners significantly boost their return on investment.", imageSrc: "http://img.b2bpic.net/free-photo/paper-sheet-with-economy-chart_23-2148541990.jpg", imageAlt: "Growing financial graph"},
{
id: "3",
value: "100+",
title: "Properties Managed",
description: "A growing portfolio of diverse properties entrusted to our expert care across the region.",
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-using-laptop-together-home-sofa_23-2149342434.jpg",
imageAlt: "City skyline with many buildings",
},
id: "3", value: "100+", title: "Properties Managed", description: "A growing portfolio of diverse properties entrusted to our expert care across the region.", imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-using-laptop-together-home-sofa_23-2149342434.jpg", imageAlt: "City skyline with many buildings"},
]}
title="Our Impact in Numbers"
description="Transparent results are at the core of our service. See how Hospi Living consistently delivers exceptional outcomes for our property owners and tenants, building trust and value."
@@ -304,45 +198,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@sarah_invests",
testimonial: "Hospi Living transformed my property investment. Seamless tenant placement, excellent communication, and my returns have never been better!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-man_641386-12.jpg",
imageAlt: "Sarah J. photo",
},
id: "1", name: "Sarah J.", handle: "@sarah_invests", testimonial: "Hospi Living transformed my property investment. Seamless tenant placement, excellent communication, and my returns have never been better!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-man_641386-12.jpg", imageAlt: "Sarah J. photo"},
{
id: "2",
name: "Michael Chen",
handle: "@michaelc",
testimonial: "As a tenant, I've had the best experience. Quick responses to maintenance, a smooth application process, and always professional service.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
imageAlt: "Michael Chen photo",
},
id: "2", name: "Michael Chen", handle: "@michaelc", testimonial: "As a tenant, I've had the best experience. Quick responses to maintenance, a smooth application process, and always professional service.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", imageAlt: "Michael Chen photo"},
{
id: "3",
name: "Emily R.",
handle: "@emilyrodr",
testimonial: "They handle everything from marketing to emergencies. Hospi Living truly provides peace of mind for property owners like myself.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149396254.jpg",
imageAlt: "Emily R. photo",
},
id: "3", name: "Emily R.", handle: "@emilyrodr", testimonial: "They handle everything from marketing to emergencies. Hospi Living truly provides peace of mind for property owners like myself.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149396254.jpg", imageAlt: "Emily R. photo"},
{
id: "4",
name: "David K.",
handle: "@davidk",
testimonial: "Professional, efficient, and always looking out for my best interest. Hospi Living is simply the best property management company out there.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman_268835-923.jpg",
imageAlt: "David K. photo",
},
id: "4", name: "David K.", handle: "@davidk", testimonial: "Professional, efficient, and always looking out for my best interest. Hospi Living is simply the best property management company out there.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman_268835-923.jpg", imageAlt: "David K. photo"},
{
id: "5",
name: "Jessica & Tom L.",
handle: "@luxliving",
testimonial: "Our property has never been better managed. The attention to detail and proactive approach from Hospi Living is truly impressive.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-her-handsome-boyfriend-casual-summer-clothes_158538-5457.jpg",
imageAlt: "Jessica & Tom L. photo",
},
id: "5", name: "Jessica & Tom L.", handle: "@luxliving", testimonial: "Our property has never been better managed. The attention to detail and proactive approach from Hospi Living is truly impressive.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-her-handsome-boyfriend-casual-summer-clothes_158538-5457.jpg", imageAlt: "Jessica & Tom L. photo"},
]}
title="What Our Clients Say"
description="Hear directly from property owners and tenants who have experienced the Hospi Living difference. Their satisfaction is our greatest reward and a testament to our commitment."
@@ -357,15 +221,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Horizon Investments",
"Urban Realty Group",
"Elite Property Holdings",
"Coastal Living Properties",
"Summit Residential",
"Grand Estate Management",
"Dynamic Properties",
"Prime Asset Group",
]}
"Horizon Investments", "Urban Realty Group", "Elite Property Holdings", "Coastal Living Properties", "Summit Residential", "Grand Estate Management", "Dynamic Properties", "Prime Asset Group"]}
title="Trusted by Property Owners Across the Region"
description="Our growing network of satisfied clients speaks volumes about our commitment to excellence and reliable property management services. Join a community built on trust."
tag="Partners & Clients"
@@ -379,25 +235,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What services does Hospi Living offer for property owners?",
content: "Hospi Living provides comprehensive services including tenant screening, rent collection, property maintenance coordination, financial reporting, and legal compliance. We handle every aspect to maximize your property's value.",
},
id: "1", title: "What services does Hospi Living offer for property owners?", content: "Hospi Living provides comprehensive services including tenant screening, rent collection, property maintenance coordination, financial reporting, and legal compliance. We handle every aspect to maximize your property's value."},
{
id: "2",
title: "How do you ensure quality tenants?",
content: "Our rigorous tenant screening process includes background checks, credit checks, employment verification, and rental history analysis to ensure we place only the most reliable and qualified tenants in your property.",
},
id: "2", title: "How do you ensure quality tenants?", content: "Our rigorous tenant screening process includes background checks, credit checks, employment verification, and rental history analysis to ensure we place only the most reliable and qualified tenants in your property."},
{
id: "3",
title: "What are your fees for property management?",
content: "Our fee structure is transparent and competitive, typically based on a percentage of the monthly rent collected. We offer various plans to suit different property types and owner needs. Contact us for a personalized quote.",
},
id: "3", title: "What are your fees for property management?", content: "Our fee structure is transparent and competitive, typically based on a percentage of the monthly rent collected. We offer various plans to suit different property types and owner needs. Contact us for a personalized quote."},
{
id: "4",
title: "How do you handle property maintenance and repairs?",
content: "We have a network of trusted and vetted contractors for all types of repairs and maintenance. We coordinate all services, obtain necessary quotes, and ensure work is completed efficiently and to high standards, keeping you informed every step of the way.",
},
id: "4", title: "How do you handle property maintenance and repairs?", content: "We have a network of trusted and vetted contractors for all types of repairs and maintenance. We coordinate all services, obtain necessary quotes, and ensure work is completed efficiently and to high standards, keeping you informed every step of the way."},
]}
imageSrc="http://img.b2bpic.net/free-photo/mid-adult-couple-discussing-with-financial-advisor-while-analyzing-documents-meeting-office_637285-1726.jpg"
imageAlt="Property owner reviewing documents"
@@ -415,8 +259,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Your Property, Our Priority"
description="Ready to simplify your property management? Contact Hospi Living today for a consultation tailored to your needs. Let's maximize your investment together."
@@ -434,24 +277,16 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
]}
/>
</div>