Merge version_2 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Cleanly"
|
||||
/>
|
||||
@@ -61,33 +51,21 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
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/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/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/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/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/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"
|
||||
/>
|
||||
@@ -100,44 +78,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Residential",
|
||||
title: "Standard Home Cleaning",
|
||||
items: [
|
||||
"Dusting",
|
||||
"Vacuuming",
|
||||
"Floor mopping",
|
||||
],
|
||||
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: "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: "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: "f4", label: "Corporate", title: "Office Cleaning", items: [
|
||||
"Common areas", "Desk sanitization", "Restrooms"],
|
||||
},
|
||||
]}
|
||||
title="Our Cleaning Services"
|
||||
@@ -152,59 +106,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Standard",
|
||||
price: "$120",
|
||||
period: "/session",
|
||||
features: [
|
||||
"Kitchen",
|
||||
"Living Area",
|
||||
"Bathroom",
|
||||
],
|
||||
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",
|
||||
},
|
||||
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: "$250",
|
||||
period: "/session",
|
||||
features: [
|
||||
"Everything in Standard",
|
||||
"Window Sills",
|
||||
"Deep Scrub",
|
||||
],
|
||||
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",
|
||||
},
|
||||
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: "$350",
|
||||
period: "/session",
|
||||
features: [
|
||||
"Deep Clean Plus",
|
||||
"Inside Appliances",
|
||||
"Wall Spot Cleaning",
|
||||
],
|
||||
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",
|
||||
},
|
||||
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 based on your home size."
|
||||
description="Simple, flat-rate pricing of 30 QAR per hour for all offerings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -215,26 +136,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -248,40 +154,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear what our amazing customers have to say."
|
||||
@@ -294,20 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are fully licensed and bonded.",
|
||||
},
|
||||
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: "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: "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."
|
||||
@@ -319,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to get started?"
|
||||
description="Enter your email for a free cleaning consultation today."
|
||||
@@ -336,4 +207,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -12,13 +12,13 @@
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--foreground: #120a00e6;
|
||||
--primary-cta: #FF7B05;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #FF7B05;
|
||||
--background-accent: #FF7B05;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user