Merge version_1 into main #2
357
src/app/page.tsx
357
src/app/page.tsx
@@ -13,7 +13,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, CheckCircle, Clock, Leaf, Smile } from "lucide-react";
|
||||
import { Award, CheckCircle, Clock, Leaf, Smile, Circle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,26 +33,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="USA Cleaning Services"
|
||||
/>
|
||||
@@ -62,39 +47,15 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="A Spotless Home, Every Single Time"
|
||||
description="Professional, reliable, and thorough cleaning services across the USA. We transform your space into a sanctuary of cleanliness."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1u99ye&_wi=1"
|
||||
buttons={[{ text: "Book Now", href: "#contact" }, { text: "View Services", href: "#features" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1u99ye"
|
||||
imageAlt="Professional cleaning in action"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zkov9r",
|
||||
alt: "happy client home",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w3kz79",
|
||||
alt: "satisfied professional woman",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uscyao",
|
||||
alt: "happy homeowner portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xtye5x",
|
||||
alt: "satisfied business client",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l5bfa7",
|
||||
alt: "happy family home portrait",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zkov9r", alt: "happy client home" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w3kz79", alt: "satisfied professional woman" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uscyao", alt: "happy homeowner portrait" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xtye5x", alt: "satisfied business client" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l5bfa7", alt: "happy family home portrait" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ happy customers"
|
||||
/>
|
||||
@@ -104,15 +65,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission is Your Comfort",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ifouap",
|
||||
alt: "Our team at work",
|
||||
},
|
||||
{ type: "text", content: "Our Mission is Your Comfort" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ifouap", alt: "Our team at work" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,67 +78,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Eco-Friendly Cleaning",
|
||||
description: "Safe for pets, kids, and the environment. We use non-toxic, sustainable products.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=21abd1",
|
||||
imageAlt: "Eco cleaning",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Non-toxic products",
|
||||
},
|
||||
{
|
||||
icon: Dog,
|
||||
text: "Pet safe",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1u99ye&_wi=2",
|
||||
imageAlt: "eco-friendly cleaning supplies",
|
||||
title: "Eco-Friendly Cleaning", description: "Safe for pets, kids, and the environment. We use non-toxic, sustainable products.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=21abd1", imageAlt: "Eco cleaning" },
|
||||
items: [{ icon: Leaf, text: "Non-toxic products" }, { icon: Circle, text: "Pet safe" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Expert Staff",
|
||||
description: "Highly trained, vetted professionals who care for your home as their own.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uwjtcz",
|
||||
imageAlt: "Expert cleaner",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Vetted professionals",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Punctual service",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ifouap",
|
||||
imageAlt: "eco-friendly cleaning supplies",
|
||||
title: "Expert Staff", description: "Highly trained, vetted professionals who care for your home as their own.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uwjtcz", imageAlt: "Expert cleaner" },
|
||||
items: [{ icon: Award, text: "Vetted professionals" }, { icon: Clock, text: "Punctual service" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "100% Satisfaction Guarantee",
|
||||
description: "Not happy with the clean? We'll make it right, at no extra cost.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wh5ntb",
|
||||
imageAlt: "Guaranteed quality",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Quality guaranteed",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
text: "Customer satisfaction",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19oxzx&_wi=1",
|
||||
imageAlt: "eco-friendly cleaning supplies",
|
||||
title: "100% Satisfaction Guarantee", description: "Not happy with the clean? We'll make it right, at no extra cost.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wh5ntb", imageAlt: "Guaranteed quality" },
|
||||
items: [{ icon: CheckCircle, text: "Quality guaranteed" }, { icon: Smile, text: "Customer satisfaction" }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Why Choose USA Cleaning Services"
|
||||
@@ -199,42 +105,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Standard Cleaning",
|
||||
price: "$99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19oxzx&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Deep Cleaning",
|
||||
price: "$189+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9d36ie",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Move In/Out",
|
||||
price: "$249+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uxw8qj",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Commercial Cleaning",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bed7k6",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Carpet Cleaning",
|
||||
price: "$79+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4oia8t",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Window Cleaning",
|
||||
price: "$99+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oiz23x",
|
||||
},
|
||||
{ id: "p1", name: "Standard Cleaning", price: "$99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19oxzx" },
|
||||
{ id: "p2", name: "Deep Cleaning", price: "$189+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9d36ie" },
|
||||
{ id: "p3", name: "Move In/Out", price: "$249+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uxw8qj" },
|
||||
{ id: "p4", name: "Commercial Cleaning", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bed7k6" },
|
||||
{ id: "p5", name: "Carpet Cleaning", price: "$79+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4oia8t" },
|
||||
{ id: "p6", name: "Window Cleaning", price: "$99+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oiz23x" },
|
||||
]}
|
||||
title="Professional Cleaning Services"
|
||||
description="From residential to commercial, we have the right package for your needs."
|
||||
@@ -247,62 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$99",
|
||||
subtitle: "Perfect for small apartments",
|
||||
features: [
|
||||
"1 Bedroom",
|
||||
"1 Bathroom",
|
||||
"Kitchen",
|
||||
"Living Area",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Basic",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Popular",
|
||||
price: "$179",
|
||||
subtitle: "Best for family homes",
|
||||
features: [
|
||||
"3 Bedrooms",
|
||||
"2 Bathrooms",
|
||||
"Kitchen",
|
||||
"Living Area",
|
||||
"Dining Room",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Standard",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Best Value",
|
||||
price: "$299",
|
||||
subtitle: "Ultimate deep clean",
|
||||
features: [
|
||||
"All rooms included",
|
||||
"Deep dusting",
|
||||
"Baseboards",
|
||||
"Inside cabinets",
|
||||
"Appliances cleaned",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Premium",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Entry", price: "$99", subtitle: "Perfect for small apartments", features: ["1 Bedroom", "1 Bathroom", "Kitchen", "Living Area"], buttons: [{ text: "Book Basic", href: "#contact" }] },
|
||||
{ id: "standard", badge: "Popular", price: "$179", subtitle: "Best for family homes", features: ["3 Bedrooms", "2 Bathrooms", "Kitchen", "Living Area", "Dining Room"], buttons: [{ text: "Book Standard", href: "#contact" }] },
|
||||
{ id: "premium", badge: "Best Value", price: "$299", subtitle: "Ultimate deep clean", features: ["All rooms included", "Deep dusting", "Baseboards", "Inside cabinets", "Appliances cleaned"], buttons: [{ text: "Book Premium", href: "#contact" }] },
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Choose the best plan for your living space and budget."
|
||||
@@ -315,27 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Homes Cleaned",
|
||||
description: "Happy homes sparkling clean.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ek1uvb",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9",
|
||||
title: "Avg. Rating",
|
||||
description: "Based on thousands of reviews.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jm7g8n",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15yrs",
|
||||
title: "Experience",
|
||||
description: "Serving the community for years.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qujzo9",
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Homes Cleaned", description: "Happy homes sparkling clean.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ek1uvb" },
|
||||
{ id: "m2", value: "4.9", title: "Avg. Rating", description: "Based on thousands of reviews.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jm7g8n" },
|
||||
{ id: "m3", value: "15yrs", title: "Experience", description: "Serving the community for years.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qujzo9" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="We are proud of our service record and dedication to cleanliness."
|
||||
@@ -348,41 +153,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
role: "Homeowner",
|
||||
testimonial: "USA Cleaning Services made my home look like new again!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zkov9r",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Smith",
|
||||
role: "Teacher",
|
||||
testimonial: "Reliable and thorough. I'm very impressed.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w3kz79",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Davis",
|
||||
role: "Designer",
|
||||
testimonial: "The best cleaning team I've ever hired.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uscyao",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert Brown",
|
||||
role: "Executive",
|
||||
testimonial: "Professional and always punctual. Highly recommend.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xtye5x",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily Wilson",
|
||||
role: "Mom",
|
||||
testimonial: "They did a great job with my kids' rooms.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l5bfa7",
|
||||
},
|
||||
{ id: "t1", name: "Alice Johnson", role: "Homeowner", testimonial: "USA Cleaning Services made my home look like new again!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zkov9r" },
|
||||
{ id: "t2", name: "Michael Smith", role: "Teacher", testimonial: "Reliable and thorough. I'm very impressed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w3kz79" },
|
||||
{ id: "t3", name: "Sarah Davis", role: "Designer", testimonial: "The best cleaning team I've ever hired.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uscyao" },
|
||||
{ id: "t4", name: "Robert Brown", role: "Executive", testimonial: "Professional and always punctual. Highly recommend.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xtye5x" },
|
||||
{ id: "t5", name: "Emily Wilson", role: "Mom", testimonial: "They did a great job with my kids' rooms.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l5bfa7" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by thousands of families across the country."
|
||||
@@ -394,21 +169,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need to be home?",
|
||||
content: "No, you don't. We offer secure key entry options for your convenience.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you insured?",
|
||||
content: "Yes, we are fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request specific supplies?",
|
||||
content: "We use our premium supplies, but are happy to use yours if requested.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need to be home?", content: "No, you don't. We offer secure key entry options for your convenience." },
|
||||
{ id: "f2", title: "Are you insured?", content: "Yes, we are fully licensed and insured for your peace of mind." },
|
||||
{ id: "f3", title: "Can I request specific supplies?", content: "We use our premium supplies, but are happy to use yours if requested." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our services."
|
||||
@@ -419,9 +182,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in Touch"
|
||||
title="Book Your Service Today"
|
||||
description="Fill out the form below to get a free estimate."
|
||||
@@ -432,32 +193,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="USA Cleaning Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Residential", href: "#services" }, { label: "Commercial", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user