bender/d95dbd5f-d56c-4387-8ce1-692f150992ee
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-04-19 12:45:05 +00:00
parent 7ee96ee445
commit f69e91f4e7
1 changed files with 53 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

234
src/app/page.tsx
View File

@@ -32,17 +32,11 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="ROYAL CLEANERS"
/>
@@ -51,81 +45,50 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Experience a Royal Standard of Clean"
description="Professional deep cleaning specialists trusted to restore homes, appliances, and spaces to like-new condition."
kpis={[
{
value: "500+",
label: "Spaces Transformed",
},
value: "500+", label: "Spaces Transformed"},
{
value: "100%",
label: "Perfection Rate",
},
value: "100%", label: "Perfection Rate"},
{
value: "24/7",
label: "Service Excellence",
},
value: "24/7", label: "Service Excellence"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
text: "Get a Free Quote", href: "#contact"},
{
text: "View Services",
href: "#services",
},
text: "View Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-30650.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-30650.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",
alt: "Happy client 1",
},
src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", alt: "Happy client 1"},
{
src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
alt: "Happy client 2",
},
src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg", alt: "Happy client 2"},
{
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
alt: "Happy client 3",
},
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Happy client 3"},
{
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
alt: "Happy client 4",
},
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Happy client 4"},
{
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
alt: "Happy client 5",
},
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg", alt: "Happy client 5"},
]}
avatarText="Trusted by 500+ happy clients"
marqueeItems={[
{
type: "text",
text: "Luxury Standard",
},
type: "text", text: "Luxury Standard"},
{
type: "text",
text: "Deep Cleaning",
},
type: "text", text: "Deep Cleaning"},
{
type: "text",
text: "Appliance Restoration",
},
type: "text", text: "Appliance Restoration"},
{
type: "text",
text: "Upholstery Revival",
},
type: "text", text: "Upholstery Revival"},
{
type: "text",
text: "Eco-Friendly Solutions",
},
type: "text", text: "Eco-Friendly Solutions"},
]}
/>
</div>
@@ -135,12 +98,7 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
names={[
"Homeowners",
"Landlords",
"Property Managers",
"Real Estate Professionals",
"Commercial Clients",
]}
"Homeowners", "Landlords", "Property Managers", "Real Estate Professionals", "Commercial Clients"]}
title="Trusted by Experts"
description="Our meticulous attention to detail has made us the preferred choice for homeowners and property professionals."
/>
@@ -153,47 +111,23 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Deep Appliance Cleaning",
description: "Ovens, stoves, and extractors restored to 'unused' condition.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110988.jpg",
imageAlt: "Oven Cleaning",
},
title: "Deep Appliance Cleaning", description: "Ovens, stoves, and extractors restored to 'unused' condition.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110988.jpg", imageAlt: "Oven Cleaning"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-tray_23-2150014902.jpg",
imageAlt: "Oven Detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-30650.jpg?_wi=2",
imageAlt: "clean oven interior close up",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-tray_23-2150014902.jpg", imageAlt: "Oven Detail"}
},
{
title: "Upholstery Revival",
description: "Couches, mattresses, and carpets refreshed to brand new quality.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/female-doing-household-home_23-2148394953.jpg",
imageAlt: "Couch Cleaning",
},
title: "Upholstery Revival", description: "Couches, mattresses, and carpets refreshed to brand new quality.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/female-doing-household-home_23-2148394953.jpg", imageAlt: "Couch Cleaning"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-unrecognizable-housekeeper-wiping-leather-sofa-with-leather-polish-spray_1098-19042.jpg",
imageAlt: "Couch Detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-syrian-flag-emblem-eight-pointed-star-shape_187299-49275.jpg",
imageAlt: "clean oven interior close up",
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-unrecognizable-housekeeper-wiping-leather-sofa-with-leather-polish-spray_1098-19042.jpg", imageAlt: "Couch Detail"}
},
{
title: "Specialty Cleaning",
description: "High pressure cleaning and solar panel efficiency maintenance.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-with-facemask-holding-mop-looking-it_114579-22621.jpg",
imageAlt: "Solar Panel Cleaning",
},
title: "Specialty Cleaning", description: "High pressure cleaning and solar panel efficiency maintenance.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-with-facemask-holding-mop-looking-it_114579-22621.jpg", imageAlt: "Solar Panel Cleaning"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-cleaning-spary_23-2148273254.jpg",
imageAlt: "Solar Panel Detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-overalls-doing-his-work-car-shop_23-2149750009.jpg?_wi=1",
imageAlt: "clean oven interior close up",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-cleaning-spary_23-2148273254.jpg", imageAlt: "Solar Panel Detail"}
}
]}
showStepNumbers={true}
title="Our Luxury Services"
@@ -208,54 +142,28 @@ export default function LandingPage() {
description="We don’t just clean; we restore. Whether it's an oven looking unused or a couch revived to new, we turn neglected spaces into immaculate living areas."
buttons={[
{
text: "Get Custom Quote",
href: "#contact",
},
text: "Get Custom Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/male-painter-overalls-doing-his-work-car-shop_23-2149750009.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/male-painter-overalls-doing-his-work-car-shop_23-2149750009.jpg"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Christopher",
handle: "@chris_home",
testimonial: "They transformed our home from a dusty mess into a clean, liveable space.",
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
},
id: "1", name: "Christopher", handle: "@chris_home", testimonial: "They transformed our home from a dusty mess into a clean, liveable space.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
{
id: "2",
name: "Leandra",
handle: "@leandra_oven",
testimonial: "My oven looks brand new. I don’t think I should cook in it again!",
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg",
},
id: "2", name: "Leandra", handle: "@leandra_oven", testimonial: "My oven looks brand new. I don’t think I should cook in it again!", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg"},
{
id: "3",
name: "Lispa",
handle: "@lispa_sparkle",
testimonial: "Professional, friendly, and left my place sparkling.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-going-meeting-standing-street-talking-mobile-phone_1258-194227.jpg",
},
id: "3", name: "Lispa", handle: "@lispa_sparkle", testimonial: "Professional, friendly, and left my place sparkling.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-going-meeting-standing-street-talking-mobile-phone_1258-194227.jpg"},
{
id: "4",
name: "Ricardo",
handle: "@ricardo_couch",
testimonial: "Couches restored to looking brand new.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-camera-with-arm-crossed_23-2148187252.jpg",
},
id: "4", name: "Ricardo", handle: "@ricardo_couch", testimonial: "Couches restored to looking brand new.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-camera-with-arm-crossed_23-2148187252.jpg"},
{
id: "5",
name: "Sarah",
handle: "@sarah_clean",
testimonial: "The most professional and detailed team I've ever hired. Worth every cent.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-woman-businesswoman-talking-mobile-phone-making-call_1258-194625.jpg",
},
id: "5", name: "Sarah", handle: "@sarah_clean", testimonial: "The most professional and detailed team I've ever hired. Worth every cent.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-woman-businesswoman-talking-mobile-phone-making-call_1258-194625.jpg"},
]}
title="What Our Clients Say"
description="Don't take our word for it—experience the transformation our clients rave about."
@@ -269,34 +177,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "Detail",
title: "Obsessed Approach",
items: [
"Deep corners",
"Eco-friendly",
"Custom focus",
],
id: "m1", value: "Detail", title: "Obsessed Approach", items: [
"Deep corners", "Eco-friendly", "Custom focus"],
},
{
id: "m2",
value: "Punctual",
title: "On-Time Arrival",
items: [
"Schedule adherence",
"Punctual team",
"Fast turnaround",
],
id: "m2", value: "Punctual", title: "On-Time Arrival", items: [
"Schedule adherence", "Punctual team", "Fast turnaround"],
},
{
id: "m3",
value: "5-Star",
title: "Proven Results",
items: [
"Consistent quality",
"Client satisfaction",
"Like-new finish",
],
id: "m3", value: "5-Star", title: "Proven Results", items: [
"Consistent quality", "Client satisfaction", "Like-new finish"],
},
]}
title="Why Clients Choose Royal"
@@ -310,20 +200,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "1. Request a Quote",
content: "Tell us about your space and specific cleaning requirements online or via WhatsApp.",
},
id: "q1", title: "1. Request a Quote", content: "Tell us about your space and specific cleaning requirements online or via WhatsApp."},
{
id: "q2",
title: "2. Schedule Your Service",
content: "Pick a date that works for you, and we'll confirm the details instantly.",
},
id: "q2", title: "2. Schedule Your Service", content: "Pick a date that works for you, and we'll confirm the details instantly."},
{
id: "q3",
title: "3. We Transform Your Space",
content: "Our professional team arrives on time to restore your space to pristine condition.",
},
id: "q3", title: "3. We Transform Your Space", content: "Our professional team arrives on time to restore your space to pristine condition."},
]}
title="Simple 3-Step Process"
description="Getting your space back to perfection has never been easier."
@@ -335,20 +216,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Spotless Space"
title="Ready for a Spotless, Like-New Space?"
description="Book your professional clean today and experience the Royal difference."
buttons={[
{
text: "Get a Free Quote",
href: "#",
},
text: "Get a Free Quote", href: "#"},
{
text: "Call Now",
href: "tel:+1234567890",
},
text: "Call Now", href: "tel:+1234567890"},
]}
/>
</div>
@@ -357,13 +233,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="ROYAL CLEANERS"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Contact Us",
href: "#contact",
}}
text: "Contact Us", href: "#contact"}}
/>
</div>
</ReactLenis>