Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-22 09:23:27 +00:00

View File

@@ -15,426 +15,173 @@ import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="small"
sizing="mediumLarge"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="light"
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="small"
sizing="mediumLarge"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "Services",
id: "services",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="MELINA Ruby"
button={{
text: "Call 0110 864 488",
href: "tel:0110864488",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="MELINA Ruby"
button={{ text: "Call 0110 864 488", href: "tel:0110864488" }}
/>
</div>
<div id="home" data-section="home">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Excellence in Every Thread"
description="Quality laundry & dry cleaning services for the residents of Kisumu. Trust the experts to restore your garments to perfection."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/floor-hanger-with-stylish-knitted-clothes-tropical-beach_343596-1285.jpg",
imageAlt: "Dry Cleaning",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/white-towel_74190-4123.jpg",
imageAlt: "Laundry",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-football-locker-room_23-2150885815.jpg",
imageAlt: "Express",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-arranging-bed_23-2149535078.jpg",
imageAlt: "Ironing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/shirt-isolated-white_1203-7398.jpg",
imageAlt: "Carpet",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clothes-hangers_1098-1184.jpg",
imageAlt: "Pickup",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-tranquil-woman-packing-items-clothing_259150-59399.jpg",
imageAlt: "Laundry",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-holding-clothes-smiles_23-2148401433.jpg",
imageAlt: "Dry Cleaning",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-view-pile-towels-with-cotton_23-2148251772.jpg",
imageAlt: "Express",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/women-using-washing-machine-doing-laundry-young-girls-ready-wash-clothes-interior-washing-process-concept_1157-42334.jpg",
imageAlt: "Ironing",
},
]}
buttons={[
{
text: "Call Now: 0110 864 488",
href: "tel:0110864488",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
alt: "Customer profile",
},
{
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
alt: "Customer profile",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",
alt: "Customer profile",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
alt: "Customer profile",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Customer profile",
},
]}
marqueeItems={[
{
type: "text",
text: "Premium Care",
},
{
type: "text",
text: "Eco-Friendly",
},
{
type: "text",
text: "Kisumu's Choice",
},
{
type: "text",
text: "Same-Day Service",
},
{
type: "text",
text: "Delicate Handling",
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Excellence in Every Thread"
description="Quality laundry & dry cleaning services for the residents of Kisumu. Trust the experts to restore your garments to perfection."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/floor-hanger-with-stylish-knitted-clothes-tropical-beach_343596-1285.jpg", imageAlt: "Dry Cleaning" },
{ imageSrc: "http://img.b2bpic.net/free-photo/white-towel_74190-4123.jpg", imageAlt: "Laundry" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-empty-football-locker-room_23-2150885815.jpg", imageAlt: "Express" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-arranging-bed_23-2149535078.jpg", imageAlt: "Ironing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/shirt-isolated-white_1203-7398.jpg", imageAlt: "Carpet" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-clothes-hangers_1098-1184.jpg", imageAlt: "Pickup" },
{ imageSrc: "http://img.b2bpic.net/free-photo/concentrated-tranquil-woman-packing-items-clothing_259150-59399.jpg", imageAlt: "Laundry" },
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-holding-clothes-smiles_23-2148401433.jpg", imageAlt: "Dry Cleaning" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-view-pile-towels-with-cotton_23-2148251772.jpg", imageAlt: "Express" },
{ imageSrc: "http://img.b2bpic.net/free-photo/women-using-washing-machine-doing-laundry-young-girls-ready-wash-clothes-interior-washing-process-concept_1157-42334.jpg", imageAlt: "Ironing" },
]}
buttons={[{ text: "Call Now: 0110 864 488", href: "tel:0110864488" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg", alt: "Customer profile" },
{ src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "Customer profile" },
{ src: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg", alt: "Customer profile" },
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", alt: "Customer profile" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer profile" },
]}
marqueeItems={[
{ type: "text", text: "Premium Care" },
{ type: "text", text: "Eco-Friendly" },
{ type: "text", text: "Kisumu's Choice" },
{ type: "text", text: "Same-Day Service" },
{ type: "text", text: "Delicate Handling" },
]}
/>
</div>
<div id="stats" data-section="stats">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "500+",
title: "Happy Clients",
description: "Served across Kisumu",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
},
{
id: "m2",
value: "7 Days",
title: "Availability",
description: "Open every single day",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
},
{
id: "m3",
value: "24H",
title: "Express Service",
description: "For those who need it now",
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-desperate-redhead-man-shouts-with-annoyance-holds-basin-with-pile-dirty-laundry_273609-25491.jpg",
},
]}
title="Trusted by Kisumu"
description="Our dedication to quality ensures every client gets back clean, fresh garments daily."
/>
</div>
<div id="stats" data-section="stats">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "500+", title: "Happy Clients", description: "Served across Kisumu", imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg" },
{ id: "m2", value: "7 Days", title: "Availability", description: "Open every single day", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg" },
{ id: "m3", value: "24H", title: "Express Service", description: "For those who need it now", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-desperate-redhead-man-shouts-with-annoyance-holds-basin-with-pile-dirty-laundry_273609-25491.jpg" },
]}
title="Trusted by Kisumu"
description="Our dedication to quality ensures every client gets back clean, fresh garments daily."
/>
</div>
<div id="services" data-section="services">
<ProductCardOne
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Dry Cleaning",
price: "From KES 200",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts-hanger_23-2150828585.jpg",
},
{
id: "p2",
name: "Professional Laundry",
price: "From KES 150",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-shelf-with-neatly-folded-towels-spa-towels_169016-69487.jpg",
},
{
id: "p3",
name: "Carpet & Duvet",
price: "From KES 500",
imageSrc: "http://img.b2bpic.net/free-photo/chambermaid-making-bed-hotel-room_171337-12691.jpg",
},
{
id: "p4",
name: "Ironing Only",
price: "From KES 100",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-laundry-clothing-iron_23-2148386951.jpg",
},
{
id: "p5",
name: "Express Service",
price: "Same Day",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-washer-holding-red-sale-banner-white-wall_140725-108045.jpg",
},
{
id: "p6",
name: "Pickup & Delivery",
price: "Free in Kisumu",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-courier-with-cardboard-pizza-clipboard_114579-62586.jpg",
},
]}
title="Our Specialized Services"
description="Premium garment care tailored for your specific needs."
/>
</div>
<div id="services" data-section="services">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Dry Cleaning", price: "From KES 200", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts-hanger_23-2150828585.jpg" },
{ id: "p2", name: "Professional Laundry", price: "From KES 150", imageSrc: "http://img.b2bpic.net/free-photo/stylish-shelf-with-neatly-folded-towels-spa-towels_169016-69487.jpg" },
{ id: "p3", name: "Carpet & Duvet", price: "From KES 500", imageSrc: "http://img.b2bpic.net/free-photo/chambermaid-making-bed-hotel-room_171337-12691.jpg" },
{ id: "p4", name: "Ironing Only", price: "From KES 100", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-laundry-clothing-iron_23-2148386951.jpg" },
{ id: "p5", name: "Express Service", price: "Same Day", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-washer-holding-red-sale-banner-white-wall_140725-108045.jpg" },
{ id: "p6", name: "Pickup & Delivery", price: "Free in Kisumu", imageSrc: "http://img.b2bpic.net/free-photo/young-female-courier-with-cardboard-pizza-clipboard_114579-62586.jpg" },
]}
title="Our Specialized Services"
description="Premium garment care tailored for your specific needs."
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="The Melina Ruby Promise"
buttons={[
{
text: "Learn More",
href: "#",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout useInvertedBackground={true} title="The Melina Ruby Promise" buttons={[{ text: "Learn More", href: "#" }]} />
</div>
<div id="process" data-section="process">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Booking",
tags: [
"Simple",
],
imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed-decoration-bedroom-interior_1339-7132.jpg",
},
{
id: "f2",
title: "Pickup",
tags: [
"Convenient",
],
imageSrc: "http://img.b2bpic.net/free-photo/wardrobe-renovation-winter_23-2149183937.jpg",
},
{
id: "f3",
title: "Cleaning",
tags: [
"Professional",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-chambermaid-holding-clean-soft-folded-towel-hand_23-2148033230.jpg",
},
{
id: "f4",
title: "Delivery",
tags: [
"Fast",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-mid-section-ironing-shirt-home_1098-19076.jpg",
},
]}
title="Our Process"
description="Simple steps to fresh garments."
/>
</div>
<div id="process" data-section="process">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Booking", tags: ["Simple"], imageSrc: "http://img.b2bpic.net/free-photo/white-towel-bed-decoration-bedroom-interior_1339-7132.jpg" },
{ id: "f2", title: "Pickup", tags: ["Convenient"], imageSrc: "http://img.b2bpic.net/free-photo/wardrobe-renovation-winter_23-2149183937.jpg" },
{ id: "f3", title: "Cleaning", tags: ["Professional"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-chambermaid-holding-clean-soft-folded-towel-hand_23-2148033230.jpg" },
{ id: "f4", title: "Delivery", tags: ["Fast"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-mid-section-ironing-shirt-home_1098-19076.jpg" },
]}
title="Our Process"
description="Simple steps to fresh garments."
/>
</div>
<div id="why-us" data-section="why-us">
<FeatureCardTwentyThree
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "w1",
title: "Expert Care",
tags: [
"Premium",
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheerful-male-housekeeper-sitting-front-washer-laundry-basket-white-background_140725-112198.jpg",
},
{
id: "w2",
title: "Eco Friendly",
tags: [
"Green",
],
imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-packing-bag-training-sports-girl-going-training-preparing-training_169016-67804.jpg",
},
{
id: "w3",
title: "Fair Pricing",
tags: [
"Affordable",
],
imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-arranging-his-clothes-hangers_23-2148401434.jpg",
},
]}
title="Why Choose Melina Ruby"
description="Quality assurance in everything we do."
/>
</div>
<div id="why-us" data-section="why-us">
<FeatureCardTwentyThree
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ id: "w1", title: "Expert Care", tags: ["Premium"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheerful-male-housekeeper-sitting-front-washer-laundry-basket-white-background_140725-112198.jpg" },
{ id: "w2", title: "Eco Friendly", tags: ["Green"], imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-packing-bag-training-sports-girl-going-training-preparing-training_169016-67804.jpg" },
{ id: "w3", title: "Fair Pricing", tags: ["Affordable"], imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-arranging-his-clothes-hangers_23-2148401434.jpg" },
]}
title="Why Choose Melina Ruby"
description="Quality assurance in everything we do."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah O.",
role: "Professional",
company: "Kisumu",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-woman-receives-unexpected-pleasant-news_273609-20535.jpg",
},
{
id: "t2",
name: "John M.",
role: "Student",
company: "Kisumu",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733220.jpg",
},
{
id: "t3",
name: "Emily K.",
role: "Office Worker",
company: "Kisumu",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/wardrobe-renovation-winter_23-2149183938.jpg",
},
{
id: "t4",
name: "David L.",
role: "Businessman",
company: "Kisumu",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-ice-cream-outside_23-2150244892.jpg",
},
{
id: "t5",
name: "Jane W.",
role: "Manager",
company: "Kisumu",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queer-person-work_23-2150617713.jpg",
},
]}
title="Client Stories"
description="Loved by clients across Kisumu."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah O.", role: "Professional", company: "Kisumu", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-woman-receives-unexpected-pleasant-news_273609-20535.jpg" },
{ id: "t2", name: "John M.", role: "Student", company: "Kisumu", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733220.jpg" },
{ id: "t3", name: "Emily K.", role: "Office Worker", company: "Kisumu", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wardrobe-renovation-winter_23-2149183938.jpg" },
{ id: "t4", name: "David L.", role: "Businessman", company: "Kisumu", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-enjoying-ice-cream-outside_23-2150244892.jpg" },
{ id: "t5", name: "Jane W.", role: "Manager", company: "Kisumu", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queer-person-work_23-2150617713.jpg" },
]}
title="Client Stories"
description="Loved by clients across Kisumu."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
text="Visit us at Lolwe, Kisumu. MonSat 7am7pm, Sun 11am7pm. Call 0110 864 488 for pickup."
buttons={[
{
text: "Contact Us",
href: "tel:0110864488",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "radial-gradient" }}
text="Visit us at Lolwe, Kisumu. MonSat 7am7pm, Sun 11am7pm. Call 0110 864 488 for pickup."
buttons={[{ text: "Contact Us", href: "tel:0110864488" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="MELINA Ruby"
columns={[
{
title: "Navigation",
items: [
{
label: "Services",
href: "#services",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Contact",
items: [
{
label: "Call Us",
href: "tel:0110864488",
},
{
label: "Location",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="MELINA Ruby"
columns={[
{ title: "Navigation", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
{ title: "Contact", items: [{ label: "Call Us", href: "tel:0110864488" }, { label: "Location", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);