Merge version_2 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -33,21 +33,13 @@ 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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SparkleClean"
|
||||
/>
|
||||
@@ -56,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="A Spotless Home, Every Single Time."
|
||||
description="Professional cleaning services tailored to your lifestyle. We bring shine to every corner."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg?_wi=1",
|
||||
imageAlt: "Professional service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg?_wi=1", imageAlt: "Professional service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131216.jpg?_wi=1",
|
||||
imageAlt: "Cleaning supplies",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131216.jpg?_wi=1", imageAlt: "Cleaning supplies"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-housekeeper-wiping-floor-with-mop-home_23-2148222237.jpg",
|
||||
imageAlt: "Mopping floor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-housekeeper-wiping-floor-with-mop-home_23-2148222237.jpg", imageAlt: "Mopping floor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-donation-facility_23-2148687355.jpg",
|
||||
imageAlt: "Tidy team",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-donation-facility_23-2148687355.jpg", imageAlt: "Tidy team"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-with-brush_23-2148520995.jpg",
|
||||
imageAlt: "Clean kitchen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-with-brush_23-2148520995.jpg", imageAlt: "Clean kitchen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-wrapping-sofa-plastic-foil-protection-while-they-are-renovate-living-room-home-renovation-construction-painting-work_482257-14132.jpg",
|
||||
imageAlt: "Organized room",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-wrapping-sofa-plastic-foil-protection-while-they-are-renovate-living-room-home-renovation-construction-painting-work_482257-14132.jpg", imageAlt: "Organized room"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,26 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Kitchen Deep Clean",
|
||||
description: "Complete sanitization of all surfaces and appliances.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-kitchen-cutting-potatoes_23-2147810090.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-male-hands-rubber-gloves-cleaning-extractor-hood_1163-2424.jpg",
|
||||
buttonText: "View Details",
|
||||
},
|
||||
title: "Kitchen Deep Clean", description: "Complete sanitization of all surfaces and appliances.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-kitchen-cutting-potatoes_23-2147810090.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-male-hands-rubber-gloves-cleaning-extractor-hood_1163-2424.jpg", buttonText: "View Details"},
|
||||
{
|
||||
title: "Bedroom Refresh",
|
||||
description: "Detailed dusting and linen replacement service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-hands-set-up-white-bed-sheet-hotel-room_1150-6436.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/trans-couple-spending-time-together_23-2149284257.jpg",
|
||||
buttonText: "View Details",
|
||||
},
|
||||
title: "Bedroom Refresh", description: "Detailed dusting and linen replacement service.", imageSrc: "http://img.b2bpic.net/free-photo/lady-hands-set-up-white-bed-sheet-hotel-room_1150-6436.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/trans-couple-spending-time-together_23-2149284257.jpg", buttonText: "View Details"},
|
||||
{
|
||||
title: "Bathroom Sanitation",
|
||||
description: "Deep scrub and polish for all fixtures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/housewife-woking-home-lady-blue-shirt-woman-bathroom_1157-45526.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-bathtub_23-2148465059.jpg",
|
||||
buttonText: "View Details",
|
||||
},
|
||||
title: "Bathroom Sanitation", description: "Deep scrub and polish for all fixtures.", imageSrc: "http://img.b2bpic.net/free-photo/housewife-woking-home-lady-blue-shirt-woman-bathroom_1157-45526.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-bathtub_23-2148465059.jpg", buttonText: "View Details"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Customized plans for every space."
|
||||
@@ -146,53 +108,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Essential Clean",
|
||||
price: "$120",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Dusting",
|
||||
"Vacuuming",
|
||||
"Bathrooms",
|
||||
],
|
||||
id: "basic", title: "Essential Clean", price: "$120", period: "per session", features: [
|
||||
"Dusting", "Vacuuming", "Bathrooms"],
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cleaning_23-2148480353.jpg",
|
||||
imageAlt: "Side view woman cleaning",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cleaning_23-2148480353.jpg", imageAlt: "Side view woman cleaning"},
|
||||
{
|
||||
id: "standard",
|
||||
title: "Deep Clean",
|
||||
price: "$250",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Everything Essential",
|
||||
"Kitchen Interior",
|
||||
"Windows",
|
||||
],
|
||||
id: "standard", title: "Deep Clean", price: "$250", period: "per session", features: [
|
||||
"Everything Essential", "Kitchen Interior", "Windows"],
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg?_wi=2",
|
||||
imageAlt: "Side view woman cleaning",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg?_wi=2", imageAlt: "Side view woman cleaning"},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Move-In/Out",
|
||||
price: "$450",
|
||||
period: "one-time",
|
||||
features: [
|
||||
"Deep Clean Package",
|
||||
"Inside Cabinets",
|
||||
"Baseboards",
|
||||
],
|
||||
id: "premium", title: "Move-In/Out", price: "$450", period: "one-time", features: [
|
||||
"Deep Clean Package", "Inside Cabinets", "Baseboards"],
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131216.jpg?_wi=2",
|
||||
imageAlt: "Side view woman cleaning",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131216.jpg?_wi=2", imageAlt: "Side view woman cleaning"},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Choose the perfect package for your home."
|
||||
@@ -206,26 +138,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Homes Cleaned",
|
||||
description: "Trusted by local families.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148118526.jpg",
|
||||
},
|
||||
id: "m1", value: "500+", title: "Homes Cleaned", description: "Trusted by local families.", imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148118526.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "We ensure complete happiness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-making-bed_23-2148227401.jpg",
|
||||
},
|
||||
id: "m2", value: "99%", title: "Satisfaction Rate", description: "We ensure complete happiness.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-making-bed_23-2148227401.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Years Experience",
|
||||
description: "Expert knowledge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-cleaning-bathroom_329181-1545.jpg",
|
||||
},
|
||||
id: "m3", value: "12", title: "Years Experience", description: "Expert knowledge.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-cleaning-bathroom_329181-1545.jpg"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Proven results for every client."
|
||||
@@ -240,33 +157,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "tm1",
|
||||
name: "Alice Green",
|
||||
role: "Head Supervisor",
|
||||
description: "Ensuring quality control.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",
|
||||
},
|
||||
id: "tm1", name: "Alice Green", role: "Head Supervisor", description: "Ensuring quality control.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg"},
|
||||
{
|
||||
id: "tm2",
|
||||
name: "Bob Smith",
|
||||
role: "Senior Tech",
|
||||
description: "Expert in deep cleaning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-plate-sponge-washing-looking-smiling-confident-standing-orange-wall_141793-60734.jpg",
|
||||
},
|
||||
id: "tm2", name: "Bob Smith", role: "Senior Tech", description: "Expert in deep cleaning.", imageSrc: "http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-plate-sponge-washing-looking-smiling-confident-standing-orange-wall_141793-60734.jpg"},
|
||||
{
|
||||
id: "tm3",
|
||||
name: "Charlie Rose",
|
||||
role: "Lead Cleaner",
|
||||
description: "Efficient and thorough.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg",
|
||||
},
|
||||
id: "tm3", name: "Charlie Rose", role: "Lead Cleaner", description: "Efficient and thorough.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg"},
|
||||
{
|
||||
id: "tm4",
|
||||
name: "Diana Prince",
|
||||
role: "Operations",
|
||||
description: "Making everything smooth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-chambermaid-holding-her-collar-standing-hotel-room_23-2148033204.jpg",
|
||||
},
|
||||
id: "tm4", name: "Diana Prince", role: "Operations", description: "Making everything smooth.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-chambermaid-holding-her-collar-standing-hotel-room_23-2148033204.jpg"},
|
||||
]}
|
||||
title="Meet Our Expert Team"
|
||||
description="Professional, friendly, and reliable staff."
|
||||
@@ -280,59 +177,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Owner",
|
||||
company: "Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/husband-wife-singing-together-while-cleaning-apartment_482257-71.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Owner", company: "Home", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/husband-wife-singing-together-while-cleaning-apartment_482257-71.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike P.",
|
||||
role: "Homeowner",
|
||||
company: "Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832986.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike P.", role: "Homeowner", company: "Home", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832986.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Business Owner",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", role: "Business Owner", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
company: "Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-table-side-view_23-2149720808.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", role: "Homeowner", company: "Home", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-table-side-view_23-2149720808.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa B.",
|
||||
role: "Homeowner",
|
||||
company: "Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-embracing-cleaning_23-2147766998.jpg",
|
||||
},
|
||||
id: "t5", name: "Lisa B.", role: "Homeowner", company: "Home", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-embracing-cleaning_23-2147766998.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Google Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "On-Time Arrival",
|
||||
},
|
||||
value: "100%", label: "On-Time Arrival"},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Returning Clients",
|
||||
},
|
||||
value: "200+", label: "Returning Clients"},
|
||||
]}
|
||||
title="Happy Clients"
|
||||
description="Hear what our customers say about us."
|
||||
@@ -345,20 +211,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are your cleaners insured?",
|
||||
content: "Yes, we are fully bonded and insured.",
|
||||
},
|
||||
id: "q1", title: "Are your cleaners insured?", content: "Yes, we are fully bonded and insured."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I need to be at home?",
|
||||
content: "You don't have to; many clients provide keys.",
|
||||
},
|
||||
id: "q2", title: "Do I need to be at home?", content: "You don't have to; many clients provide keys."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What products do you use?",
|
||||
content: "We use eco-friendly, non-toxic products.",
|
||||
},
|
||||
id: "q3", title: "What products do you use?", content: "We use eco-friendly, non-toxic products."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/excited-asian-housekeeper-wearing-yellow-rubber-gloves-giving-thumbs-up-smiling-confidently-against_482257-134755.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -372,8 +229,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get a Sparkling Clean Home Today"
|
||||
description="Reach out to schedule your professional cleaning consultation."
|
||||
@@ -387,42 +243,27 @@ export default function LandingPage() {
|
||||
logoText="SparkleClean"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Standard Clean",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Standard Clean", href: "#services"},
|
||||
{
|
||||
label: "Deep Clean",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Deep Clean", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -431,4 +272,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fffefe;
|
||||
--card: #f6f7f4;
|
||||
--foreground: #080908;
|
||||
--primary-cta: #0e3a29;
|
||||
--background: #fbfbfb;
|
||||
--card: #f0f0f0;
|
||||
--foreground: #333333;
|
||||
--primary-cta: #a8c8c8;
|
||||
--primary-cta-text: #fffefe;
|
||||
--secondary-cta: #e7eecd;
|
||||
--secondary-cta: #f0f0f0;
|
||||
--secondary-cta-text: #080908;
|
||||
--accent: #35c18b;
|
||||
--background-accent: #ecebe4;
|
||||
--accent: #d8e8e8;
|
||||
--background-accent: #e8e8d8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user