Merge version_1 into main #2
@@ -13,27 +13,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Spotless Cleaning"
|
||||
/>
|
||||
@@ -43,12 +38,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Family Story"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,28 +46,11 @@ export default function LandingPage() {
|
||||
<MetricCardEleven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100%",
|
||||
title: "Personally Cleaned",
|
||||
description: "No outsourcing ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-family-kitchen_23-2147800447.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
title: "Service Access",
|
||||
description: "Always here to help.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-break-from-cleaning-floors_23-2148465022.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Quality you can feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-touching-kitchen-appliance-hanging-wall_259150-59259.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", value: "100%", title: "Personally Cleaned", description: "No outsourcing ever.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-family-kitchen_23-2147800447.jpg" },
|
||||
{ id: "2", value: "24/7", title: "Service Access", description: "Always here to help.", imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-break-from-cleaning-floors_23-2148465022.jpg" },
|
||||
{ id: "3", value: "10+", title: "Years Experience", description: "Quality you can feel.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-touching-kitchen-appliance-hanging-wall_259150-59259.jpg" },
|
||||
]}
|
||||
title="Why Trust Us"
|
||||
description="Your peace of mind is our priority."
|
||||
@@ -87,14 +60,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Spotless Cleaning"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -13,27 +13,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Spotless Cleaning"
|
||||
/>
|
||||
@@ -45,24 +40,10 @@ export default function LandingPage() {
|
||||
title="Get a Free Quote"
|
||||
description="Shelby will reach out personally to discuss your needs."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-couple-decorating-home_23-2150633329.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -72,16 +53,8 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you bring supplies?",
|
||||
content: "Yes, we bring all premium supplies.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I trust you?",
|
||||
content: "Yes, we are family-owned and perform every clean ourselves.",
|
||||
},
|
||||
{ id: "q1", title: "Do you bring supplies?", content: "Yes, we bring all premium supplies." },
|
||||
{ id: "q2", title: "Can I trust you?", content: "Yes, we are family-owned and perform every clean ourselves." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -91,14 +64,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Spotless Cleaning"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
147
src/app/page.tsx
147
src/app/page.tsx
@@ -17,27 +17,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Spotless Cleaning"
|
||||
/>
|
||||
@@ -45,17 +40,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="Spotless Cleaning"
|
||||
description="Family-owned. Detail-driven. Personally cleaned every visit. Experience the luxury of a pristine home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "/contact" }]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/decorative-plants-flowers-house_23-2148187034.jpg"
|
||||
imageAlt="Luxurious clean home"
|
||||
@@ -68,24 +56,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Standard Cleaning",
|
||||
description: "Regular maintenance for a spotless, consistent home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-break-from-cleaning-floors_23-2148465022.jpg?_wi=1",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{
|
||||
title: "Deep Cleaning",
|
||||
description: "Comprehensive scrubbing for a fresh start.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-touching-kitchen-appliance-hanging-wall_259150-59259.jpg?_wi=1",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Rental & Airbnb",
|
||||
description: "Guest-ready cleaning to ensure 5-star reviews.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-2127.jpg?_wi=1",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{ title: "Standard Cleaning", description: "Regular maintenance for a spotless, consistent home.", imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-break-from-cleaning-floors_23-2148465022.jpg", buttonIcon: Star },
|
||||
{ title: "Deep Cleaning", description: "Comprehensive scrubbing for a fresh start.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-touching-kitchen-appliance-hanging-wall_259150-59259.jpg", buttonIcon: Star },
|
||||
{ title: "Rental & Airbnb", description: "Guest-ready cleaning to ensure 5-star reviews.", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-2127.jpg", buttonIcon: Star },
|
||||
]}
|
||||
title="Our Cleaning Services"
|
||||
description="Tailored cleaning solutions for your busy lifestyle."
|
||||
@@ -98,41 +71,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahmill",
|
||||
testimonial: "They actually care about the details. Truly spotless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
handle: "@jchen",
|
||||
testimonial: "I love that Shelby and her family personally clean our home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-love-kitchen_23-2147986330.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Davis",
|
||||
handle: "@emmydavis",
|
||||
testimonial: "Consistent every single time. My go-to for Airbnb turnovers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-sitting-laughing-sofa-home_171337-19484.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "The best cleaning service in the city. Reliable and thorough.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-couple-kitchen_23-2148115521.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "Incredible attention to detail. Every corner shines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarahmill", testimonial: "They actually care about the details. Truly spotless.", imageSrc: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg" },
|
||||
{ id: "2", name: "James Chen", handle: "@jchen", testimonial: "I love that Shelby and her family personally clean our home.", imageSrc: "http://img.b2bpic.net/free-photo/couple-love-kitchen_23-2147986330.jpg" },
|
||||
{ id: "3", name: "Emily Davis", handle: "@emmydavis", testimonial: "Consistent every single time. My go-to for Airbnb turnovers.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-sitting-laughing-sofa-home_171337-19484.jpg" },
|
||||
{ id: "4", name: "Marcus Thorne", handle: "@mthorne", testimonial: "The best cleaning service in the city. Reliable and thorough.", imageSrc: "http://img.b2bpic.net/free-photo/modern-couple-kitchen_23-2148115521.jpg" },
|
||||
{ id: "5", name: "Jessica Lee", handle: "@jlee", testimonial: "Incredible attention to detail. Every corner shines.", imageSrc: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Luxury cleaning that earns trust every single time."
|
||||
@@ -145,22 +88,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
ctaTitle="Ready for a Spotless Home?"
|
||||
ctaDescription="Let's schedule your first cleaning visit today."
|
||||
ctaButton={{
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
}}
|
||||
ctaButton={{ text: "Book Now", href: "/contact" }}
|
||||
ctaIcon={Calendar}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards and digital payments.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you insured?",
|
||||
content: "Yes, we are fully licensed and insured for your protection.",
|
||||
},
|
||||
{ id: "f1", title: "What payment methods do you accept?", content: "We accept all major credit cards and digital payments." },
|
||||
{ id: "f2", title: "Are you insured?", content: "Yes, we are fully licensed and insured for your protection." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,24 +105,9 @@ export default function LandingPage() {
|
||||
title="Why Our Clients Trust Us"
|
||||
description="Unmatched dedication to the cleanliness of your space."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Shield,
|
||||
title: "Satisfaction",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Turnaround",
|
||||
value: "24h",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
{ id: "m1", icon: Shield, title: "Satisfaction", value: "100%" },
|
||||
{ id: "m2", icon: Clock, title: "Turnaround", value: "24h" },
|
||||
{ id: "m3", icon: Star, title: "Rating", value: "5.0" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -198,14 +115,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Spotless Cleaning"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -13,27 +13,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Spotless Cleaning"
|
||||
/>
|
||||
@@ -46,24 +41,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Standard Clean",
|
||||
price: "$150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-break-from-cleaning-floors_23-2148465022.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Deep Clean",
|
||||
price: "$250+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-touching-kitchen-appliance-hanging-wall_259150-59259.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Move-In / Out",
|
||||
price: "$300+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-2127.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Standard Clean", price: "$150+", imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-break-from-cleaning-floors_23-2148465022.jpg" },
|
||||
{ id: "2", name: "Deep Clean", price: "$250+", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-touching-kitchen-appliance-hanging-wall_259150-59259.jpg" },
|
||||
{ id: "3", name: "Move-In / Out", price: "$300+", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-2127.jpg" },
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="Choose the level of care your home deserves."
|
||||
@@ -74,28 +54,13 @@ export default function LandingPage() {
|
||||
<PricingCardOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$150",
|
||||
subtitle: "For weekly upkeep",
|
||||
features: [
|
||||
"Kitchen",
|
||||
"Bathroom",
|
||||
"Living area",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$150", subtitle: "For weekly upkeep", features: ["Kitchen", "Bathroom", "Living area"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$250",
|
||||
subtitle: "For total cleanliness",
|
||||
features: [
|
||||
"All rooms",
|
||||
"Baseboards",
|
||||
"Inside windows",
|
||||
],
|
||||
id: "pro", badge: "Premium", price: "$250", subtitle: "For total cleanliness", features: ["All rooms", "Baseboards", "Inside windows"],
|
||||
},
|
||||
]}
|
||||
title="Fair & Transparent Pricing"
|
||||
@@ -106,14 +71,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Spotless Cleaning"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user