Merge version_3 into main #3
112
src/app/page.tsx
112
src/app/page.tsx
@@ -30,16 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cleanly"
|
||||
/>
|
||||
@@ -49,23 +44,15 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="A Spotless Home, Every Single Time"
|
||||
description="Professional cleaning services tailored to your lifestyle. Book online and enjoy a pristine space without the stress."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-cleaning-supplies-with-copy-space_23-2148529642.jpg?_wi=1"
|
||||
imageAlt="Professional cleaner smiling"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg", alt: "Customer 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local families"
|
||||
/>
|
||||
@@ -77,22 +64,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", label: "Residential", title: "Standard Home Cleaning", items: [
|
||||
"Dusting", "Vacuuming", "Floor mopping"],
|
||||
},
|
||||
{
|
||||
id: "f2", label: "Detailed", title: "Deep Cleaning", items: [
|
||||
"Baseboards", "Inside cabinets", "Appliance detail"],
|
||||
},
|
||||
{
|
||||
id: "f3", label: "Transitions", title: "Move-in/Move-out", items: [
|
||||
"Full sanitization", "Empty space detail", "Ready-for-move-in"],
|
||||
},
|
||||
{
|
||||
id: "f4", label: "Corporate", title: "Office Cleaning", items: [
|
||||
"Common areas", "Desk sanitization", "Restrooms"],
|
||||
},
|
||||
{ id: "f1", label: "Residential", title: "Standard Home Cleaning", items: ["Dusting", "Vacuuming", "Floor mopping"] },
|
||||
{ id: "f3", label: "Transitions", title: "Move-in/Move-out", items: ["Full sanitization", "Empty space detail", "Ready-for-move-in"] },
|
||||
{ id: "f4", label: "Corporate", title: "Office Cleaning", items: ["Common areas", "Desk sanitization", "Restrooms"] },
|
||||
]}
|
||||
title="Our Cleaning Services"
|
||||
description="Comprehensive care for every corner of your property."
|
||||
@@ -106,23 +80,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", title: "Standard", price: "30 QAR", period: "/hr", features: [
|
||||
"Kitchen", "Living Area", "Bathroom"],
|
||||
button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/housekeeping-concept-with-space-top_23-2147699392.jpg", imageAlt: "Housekeeping concept with space on top"},
|
||||
id: "basic", title: "Standard", price: "30 QAR", period: "/hr", features: ["Kitchen", "Living Area", "Bathroom"],
|
||||
button: { text: "Book Now", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/housekeeping-concept-with-space-top_23-2147699392.jpg", imageAlt: "Housekeeping concept with space on top"
|
||||
},
|
||||
{
|
||||
id: "pro", title: "Deep Clean", price: "30 QAR", period: "/hr", features: [
|
||||
"Everything in Standard", "Window Sills", "Deep Scrub"],
|
||||
button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cleaning-supplies-with-copy-space_23-2148529642.jpg?_wi=2", imageAlt: "Housekeeping concept with space on top"},
|
||||
{
|
||||
id: "premium", title: "Move-In", price: "30 QAR", period: "/hr", features: [
|
||||
"Deep Clean Plus", "Inside Appliances", "Wall Spot Cleaning"],
|
||||
button: {
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-workmates-using-laptop-plan-business-project-boardroom-office-colleagues-working-together-company-growth-development-design-marketing-strategy-presentation_482257-37181.jpg?_wi=1", imageAlt: "Housekeeping concept with space on top"},
|
||||
id: "premium", title: "Move-In", price: "30 QAR", period: "/hr", features: ["Everything in Standard", "Inside Appliances", "Wall Spot Cleaning"],
|
||||
button: { text: "Book Now", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-workmates-using-laptop-plan-business-project-boardroom-office-colleagues-working-together-company-growth-development-design-marketing-strategy-presentation_482257-37181.jpg?_wi=1", imageAlt: "Housekeeping concept with space on top"
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Simple, flat-rate pricing of 30 QAR per hour for all offerings."
|
||||
@@ -135,12 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "500+", title: "Happy Clients", description: "Families we've served.", imageSrc: "http://img.b2bpic.net/free-photo/team-workmates-using-laptop-plan-business-project-boardroom-office-colleagues-working-together-company-growth-development-design-marketing-strategy-presentation_482257-37181.jpg?_wi=2"},
|
||||
{
|
||||
id: "m2", value: "100%", title: "Quality Guarantees", description: "Satisfaction ensured.", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-set-green-red-shield_107791-16185.jpg"},
|
||||
{
|
||||
id: "m3", value: "24/7", title: "Support", description: "Available whenever you need.", imageSrc: "http://img.b2bpic.net/free-photo/phone-contact-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1186.jpg"},
|
||||
{ id: "m1", value: "500+", title: "Happy Clients", description: "Families we've served.", imageSrc: "http://img.b2bpic.net/free-photo/team-workmates-using-laptop-plan-business-project-boardroom-office-colleagues-working-together-company-growth-development-design-marketing-strategy-presentation_482257-37181.jpg?_wi=2" },
|
||||
{ id: "m2", value: "100%", title: "Quality Guarantees", description: "Satisfaction ensured.", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-set-green-red-shield_107791-16185.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Support", description: "Available whenever you need.", imageSrc: "http://img.b2bpic.net/free-photo/phone-contact-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1186.jpg" },
|
||||
]}
|
||||
title="Why Cleanly?"
|
||||
description="Committed to quality and your peace of mind."
|
||||
@@ -153,16 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Alice M.", handle: "@alice", testimonial: "The best move-in cleaning service I have used. Flawless!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg"},
|
||||
{
|
||||
id: "t2", name: "Bob D.", handle: "@bob", testimonial: "Office staff love the weekly cleaning. So fresh.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"},
|
||||
{
|
||||
id: "t3", name: "Carla F.", handle: "@carla", testimonial: "Standard cleaning is always consistent and thorough.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
|
||||
{
|
||||
id: "t4", name: "David R.", handle: "@david", testimonial: "Fantastic attention to detail in the bathroom scrub.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-wearing-headphone-listening-music-looking-camera_23-2148193914.jpg"},
|
||||
{
|
||||
id: "t5", name: "Elena S.", handle: "@elena", testimonial: "Highly recommend their deep cleaning services.", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-smiling-confident-looking-side-street_839833-24417.jpg"},
|
||||
{ id: "t1", name: "Alice M.", handle: "@alice", testimonial: "The best move-in cleaning service I have used. Flawless!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg" },
|
||||
{ id: "t2", name: "Bob D.", handle: "@bob", testimonial: "Office staff love the weekly cleaning. So fresh.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" },
|
||||
{ id: "t3", name: "Carla F.", handle: "@carla", testimonial: "Standard cleaning is always consistent and thorough.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear what our amazing customers have to say."
|
||||
@@ -174,12 +130,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and bonded."},
|
||||
{
|
||||
id: "q2", title: "Can I request specific supplies?", content: "We use professional-grade eco-friendly cleaners, but can use yours if preferred."},
|
||||
{
|
||||
id: "q3", title: "What is your cancellation policy?", content: "Free cancellation 24 hours before your booking."},
|
||||
{ id: "q1", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and bonded." },
|
||||
{ id: "q2", title: "Can I request specific supplies?", content: "We use professional-grade eco-friendly cleaners, but can use yours if preferred." },
|
||||
{ id: "q3", title: "What is your cancellation policy?", content: "Free cancellation 24 hours before your booking." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -190,8 +143,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to get started?"
|
||||
description="Enter your email for a free cleaning consultation today."
|
||||
|
||||
@@ -13,12 +13,12 @@
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120a00e6;
|
||||
--primary-cta: #FF7B05;
|
||||
--primary-cta: #E34400;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #FF7B05;
|
||||
--background-accent: #FF7B05;
|
||||
--accent: #E34400;
|
||||
--background-accent: #E34400;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user