Merge version_1 into main #1
472
src/app/page.tsx
472
src/app/page.tsx
@@ -17,347 +17,159 @@ import { Award, CheckCircle, Clock } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
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: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "blog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Amy's Angels"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Amy's Angels"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Amy's Angels Cleaning"
|
||||
description="Let Cleaning Be One Less Thing to Worry About! We provide full-spectrum residential, commercial, and janitorial solutions with an angel's touch."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:3103612279",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-hotel-room-residence-is-furnished-modernly-copy-space-background_1258-84783.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Amy's Angels Cleaning"
|
||||
description="Let Cleaning Be One Less Thing to Worry About! We provide full-spectrum residential, commercial, and janitorial solutions with an angel's touch."
|
||||
buttons={[
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:3103612279" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-hotel-room-residence-is-furnished-modernly-copy-space-background_1258-84783.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Airbnb",
|
||||
"Compass",
|
||||
"Million Dollar Listing LA",
|
||||
"Vegamour",
|
||||
"Thiel",
|
||||
"Clayco",
|
||||
"Criteria Corp",
|
||||
]}
|
||||
title="Proudly Serving"
|
||||
description="Trusted by leading companies and homeowners throughout California, Georgia, Florida, and Texas."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Airbnb", "Compass", "Million Dollar Listing LA", "Vegamour", "Thiel", "Clayco", "Criteria Corp"]}
|
||||
title="Proudly Serving"
|
||||
description="Trusted by leading companies and homeowners throughout California, Georgia, Florida, and Texas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="From recurring upkeep to final cleanup after construction, our team delivers results that speak for themselves."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="From recurring upkeep to final cleanup after construction, our team delivers results that speak for themselves."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Our Specialized Services"
|
||||
description="We don't just provide clean homes; we offer full-spectrum solutions for offices, properties, and special occasions."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Residential Cleaning",
|
||||
content: "Maintain your sanctuary with our recurring upkeep or one-time deep cleaning services.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Janitorial Services",
|
||||
content: "Professional cleaning solutions tailored for businesses, offices, and commercial properties.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Post-Construction",
|
||||
content: "Wrapping up a renovation? We ensure every space is spotless, fresh, and ready to enjoy.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-eco-cleaning-products-basket_23-2148818427.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Our Specialized Services"
|
||||
description="We don't just provide clean homes; we offer full-spectrum solutions for offices, properties, and special occasions."
|
||||
accordionItems={[
|
||||
{ id: "1", title: "Residential Cleaning", content: "Maintain your sanctuary with our recurring upkeep or one-time deep cleaning services." },
|
||||
{ id: "2", title: "Janitorial Services", content: "Professional cleaning solutions tailored for businesses, offices, and commercial properties." },
|
||||
{ id: "3", title: "Post-Construction", content: "Wrapping up a renovation? We ensure every space is spotless, fresh, and ready to enjoy." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-eco-cleaning-products-basket_23-2148818427.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Essential Clean",
|
||||
price: "Custom",
|
||||
features: [
|
||||
"Standard cleaning",
|
||||
"Surface dusting",
|
||||
"Floor care",
|
||||
"Basic sanitization",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Deep Clean",
|
||||
price: "Custom",
|
||||
features: [
|
||||
"Everything in Essential",
|
||||
"Appliance cleaning",
|
||||
"Inside windows",
|
||||
"Deep bathroom scrub",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
name: "Janitorial",
|
||||
price: "Custom",
|
||||
features: [
|
||||
"Daily/Weekly service",
|
||||
"Trash removal",
|
||||
"Restroom sanitation",
|
||||
"Floor buffing",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Flexible Cleaning Plans"
|
||||
description="Choose the service package that fits your lifestyle and property needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", name: "Essential Clean", price: "Custom", features: ["Standard cleaning", "Surface dusting", "Floor care", "Basic sanitization"],
|
||||
buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "pro", name: "Deep Clean", price: "Custom", features: ["Everything in Essential", "Appliance cleaning", "Inside windows", "Deep bathroom scrub"],
|
||||
buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "enterprise", name: "Janitorial", price: "Custom", features: ["Daily/Weekly service", "Trash removal", "Restroom sanitation", "Floor buffing"],
|
||||
buttons: [{ text: "Request Quote", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="Flexible Cleaning Plans"
|
||||
description="Choose the service package that fits your lifestyle and property needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Serving communities with care.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Client Retention",
|
||||
description: "Trusted by our loyal customers.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
description: "Always here to help you.",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="The Amy's Angels Promise"
|
||||
description="Professional, reliable, and trusted cleaning solutions across the country."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10+", title: "Years Experience", description: "Serving communities with care.", icon: Award },
|
||||
{ id: "m2", value: "95%", title: "Client Retention", description: "Trusted by our loyal customers.", icon: CheckCircle },
|
||||
{ id: "m3", value: "24/7", title: "Support Availability", description: "Always here to help you.", icon: Clock },
|
||||
]}
|
||||
title="The Amy's Angels Promise"
|
||||
description="Professional, reliable, and trusted cleaning solutions across the country."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "My home has never looked better. Professional and thorough!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael D.",
|
||||
handle: "@mdcleaning",
|
||||
testimonial: "The best commercial cleaning service we have used to date.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-mature-businessman-with-cup-coffee_23-2147955276.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Incredible post-construction cleanup. They missed nothing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-couple-dancing-singing-breakfast-kitchen-wearing-pajamas-carefree-wife-husband-laughing-having-fun-funny-enjoying-life-authentic-married-people-positive-happy-relation_482257-14253.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Reliable and detailed. Highly recommend their services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-woman-with-tablet-working-outdoors-fresh-air-smiling-looking-away_1258-194355.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessl",
|
||||
testimonial: "Amy’s Angels is truly professional and trustworthy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Love"
|
||||
description="See what our clients say about the 'angel's touch'."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "My home has never looked better. Professional and thorough!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
|
||||
{ id: "2", name: "Michael D.", handle: "@mdcleaning", testimonial: "The best commercial cleaning service we have used to date.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-mature-businessman-with-cup-coffee_23-2147955276.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Incredible post-construction cleanup. They missed nothing.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-couple-dancing-singing-breakfast-kitchen-wearing-pajamas-carefree-wife-husband-laughing-having-fun-funny-enjoying-life-authentic-married-people-positive-happy-relation_482257-14253.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Reliable and detailed. Highly recommend their services.", imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-woman-with-tablet-working-outdoors-fresh-air-smiling-looking-away_1258-194355.jpg" },
|
||||
{ id: "5", name: "Jessica L.", handle: "@jessl", testimonial: "Amy’s Angels is truly professional and trustworthy.", imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg" },
|
||||
]}
|
||||
title="Customer Love"
|
||||
description="See what our clients say about the 'angel's touch'."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Request Your Quote"
|
||||
description="Need a clean space? Contact us today for professional service that fits your schedule."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your cleaning needs",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746382.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Request Your Quote"
|
||||
description="Need a clean space? Contact us today for professional service that fits your schedule."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your cleaning needs", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746382.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Janitorial",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Post-Construction",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Who We Are",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Amy's Angels Cleaning"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Residential", href: "#services" }, { label: "Janitorial", href: "#services" }, { label: "Post-Construction", href: "#services" }] },
|
||||
{ items: [{ label: "Who We Are", href: "#about" }, { label: "Blog", href: "#blog" }, { label: "Contact Us", href: "#contact" }] },
|
||||
{ items: [{ label: "FAQs", href: "#" }, { label: "Terms & Conditions", href: "#" }, { label: "Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Amy's Angels Cleaning"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user