Merge version_1 into main #1
444
src/app/page.tsx
444
src/app/page.tsx
@@ -15,330 +15,146 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="APEX"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="APEX"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="APEX"
|
||||
description="Professional exterior cleaning and property maintenance serving Cambridge, Kitchener & Waterloo. Premium exterior care that makes your property stand out."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-print-with-yellow-repair-kit_23-2148393176.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="luxury exterior home dark"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="APEX"
|
||||
description="Professional exterior cleaning and property maintenance serving Cambridge, Kitchener & Waterloo. Premium exterior care that makes your property stand out."
|
||||
buttons={[
|
||||
{ text: "Get a Free Quote" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-print-with-yellow-repair-kit_23-2148393176.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="luxury exterior home dark"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Care",
|
||||
description: "Clean, sharp lawn maintenance to keep your property looking polished.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg",
|
||||
imageAlt: "perfectly trimmed lawn yard",
|
||||
},
|
||||
{
|
||||
title: "Power Washing",
|
||||
description: "Restore driveways, siding, and walkways with professional pressure cleaning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-suburbs_23-2149085442.jpg",
|
||||
imageAlt: "power washing driveway concrete",
|
||||
},
|
||||
{
|
||||
title: "Window Cleaning",
|
||||
description: "Crystal-clear windows with streak-free results every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-selecting-surfboard_107420-94955.jpg",
|
||||
imageAlt: "crystal clear window cleaning",
|
||||
},
|
||||
{
|
||||
title: "Gutter Cleaning",
|
||||
description: "Prevent buildup and water damage with thorough gutter maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg",
|
||||
imageAlt: "gutter cleaning professional tools",
|
||||
},
|
||||
{
|
||||
title: "Yard Clean-Ups",
|
||||
description: "Seasonal property clean-ups done quickly and professionally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176599.jpg",
|
||||
imageAlt: "seasonal yard clean up",
|
||||
},
|
||||
{
|
||||
title: "Junk Removal",
|
||||
description: "Fast and affordable removal for unwanted outdoor items and debris.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-activists-group-using-claw-tools-grab-trash-plastic_482257-94289.jpg",
|
||||
imageAlt: "junk removal residential service",
|
||||
},
|
||||
{
|
||||
title: "Bin Cleaning",
|
||||
description: "Sanitized garbage and recycling bins with odor removal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-office-work-day_23-2150690125.jpg",
|
||||
imageAlt: "sanitized trash bins cleaning",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive exterior maintenance solutions tailored for your property."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Lawn Care", description: "Clean, sharp lawn maintenance to keep your property looking polished.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg", imageAlt: "perfectly trimmed lawn yard" },
|
||||
{ title: "Power Washing", description: "Restore driveways, siding, and walkways with professional pressure cleaning.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-suburbs_23-2149085442.jpg", imageAlt: "power washing driveway concrete" },
|
||||
{ title: "Window Cleaning", description: "Crystal-clear windows with streak-free results every time.", imageSrc: "http://img.b2bpic.net/free-photo/man-selecting-surfboard_107420-94955.jpg", imageAlt: "crystal clear window cleaning" },
|
||||
{ title: "Gutter Cleaning", description: "Prevent buildup and water damage with thorough gutter maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg", imageAlt: "gutter cleaning professional tools" },
|
||||
{ title: "Yard Clean-Ups", description: "Seasonal property clean-ups done quickly and professionally.", imageSrc: "http://img.b2bpic.net/free-photo/kids-learnign-about-environment_23-2149176599.jpg", imageAlt: "seasonal yard clean up" },
|
||||
{ title: "Junk Removal", description: "Fast and affordable removal for unwanted outdoor items and debris.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-activists-group-using-claw-tools-grab-trash-plastic_482257-94289.jpg", imageAlt: "junk removal residential service" },
|
||||
{ title: "Bin Cleaning", description: "Sanitized garbage and recycling bins with odor removal.", imageSrc: "http://img.b2bpic.net/free-photo/person-office-work-day_23-2150690125.jpg", imageAlt: "sanitized trash bins cleaning" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive exterior maintenance solutions tailored for your property."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "ba-1",
|
||||
name: "Driveway Restoration",
|
||||
price: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-building-with-two-windows_181624-17390.jpg",
|
||||
imageAlt: "before and after power washing",
|
||||
},
|
||||
{
|
||||
id: "ba-2",
|
||||
name: "Patio Deep Clean",
|
||||
price: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-decorating-front-door-outside_23-2150562163.jpg",
|
||||
imageAlt: "clean patio before after",
|
||||
},
|
||||
{
|
||||
id: "ba-3",
|
||||
name: "Window Clarity",
|
||||
price: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors_171337-19439.jpg",
|
||||
imageAlt: "window cleaning before after",
|
||||
},
|
||||
{
|
||||
id: "ba-4",
|
||||
name: "Gutter Maintenance",
|
||||
price: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg",
|
||||
imageAlt: "gutter debris removal before after",
|
||||
},
|
||||
{
|
||||
id: "ba-5",
|
||||
name: "Lawn Transformation",
|
||||
price: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367019.jpg",
|
||||
imageAlt: "lawn care transformation before after",
|
||||
},
|
||||
{
|
||||
id: "ba-6",
|
||||
name: "Backyard Clear-out",
|
||||
price: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buckets_23-2148013454.jpg",
|
||||
imageAlt: "junk removal yard before after",
|
||||
},
|
||||
]}
|
||||
title="See The Difference"
|
||||
description="Transforming homes with professional exterior care."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "ba-1", name: "Driveway Restoration", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-building-with-two-windows_181624-17390.jpg", imageAlt: "before and after power washing" },
|
||||
{ id: "ba-2", name: "Patio Deep Clean", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-decorating-front-door-outside_23-2150562163.jpg", imageAlt: "clean patio before after" },
|
||||
{ id: "ba-3", name: "Window Clarity", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors_171337-19439.jpg", imageAlt: "window cleaning before after" },
|
||||
{ id: "ba-4", name: "Gutter Maintenance", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg", imageAlt: "gutter debris removal before after" },
|
||||
{ id: "ba-5", name: "Lawn Transformation", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367019.jpg", imageAlt: "lawn care transformation before after" },
|
||||
{ id: "ba-6", name: "Backyard Clear-out", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/buckets_23-2148013454.jpg", imageAlt: "junk removal yard before after" },
|
||||
]}
|
||||
title="See The Difference"
|
||||
description="Transforming homes with professional exterior care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Satisfaction Guaranteed",
|
||||
description: "We stand by our work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41434.jpg",
|
||||
imageAlt: "perfectly trimmed lawn yard",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Locally",
|
||||
title: "Owned & Operated",
|
||||
description: "Serving Cambridge & Waterloo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-using-power-trowel-machine-construction-site_651396-3214.jpg",
|
||||
imageAlt: "power washing driveway concrete",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Fast",
|
||||
title: "Response Times",
|
||||
description: "Quick, professional communication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clouds-reflected-building_1127-2083.jpg",
|
||||
imageAlt: "crystal clear window cleaning",
|
||||
},
|
||||
]}
|
||||
title="The APEX Standard"
|
||||
description="Commitment to professionalism and quality."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", title: "Satisfaction Guaranteed", description: "We stand by our work.", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41434.jpg", imageAlt: "perfectly trimmed lawn yard" },
|
||||
{ id: "m2", value: "Locally", title: "Owned & Operated", description: "Serving Cambridge & Waterloo.", imageSrc: "http://img.b2bpic.net/free-photo/worker-using-power-trowel-machine-construction-site_651396-3214.jpg", imageAlt: "power washing driveway concrete" },
|
||||
{ id: "m3", value: "Fast", title: "Response Times", description: "Quick, professional communication.", imageSrc: "http://img.b2bpic.net/free-photo/clouds-reflected-building_1127-2083.jpg", imageAlt: "crystal clear window cleaning" },
|
||||
]}
|
||||
title="The APEX Standard"
|
||||
description="Commitment to professionalism and quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="About APEX"
|
||||
description={[
|
||||
"APEX Exterior Services was built on professionalism, reliability, and quality work.",
|
||||
"We help homeowners across Cambridge, Kitchener, and Waterloo maintain clean, polished, and well-kept properties through premium exterior services.",
|
||||
"Our mission is simple: deliver results that make homes stand out while providing a smooth, professional customer experience from start to finish.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="About APEX"
|
||||
description={[
|
||||
"APEX Exterior Services was built on professionalism, reliability, and quality work.", "We help homeowners across Cambridge, Kitchener, and Waterloo maintain clean, polished, and well-kept properties through premium exterior services.", "Our mission is simple: deliver results that make homes stand out while providing a smooth, professional customer experience from start to finish."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-digital-tablet-standing-outdoor_23-2147862770.jpg",
|
||||
imageAlt: "happy home owner exterior",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-reading-book_23-2150059007.jpg",
|
||||
imageAlt: "homeowner standing porch",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Daniel R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg",
|
||||
imageAlt: "happy client property",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jessica L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-kuwaiti-man-wear-hoodie_627829-5602.jpg",
|
||||
imageAlt: "man standing home exterior",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-woman-short-summer-dress-outside-villa-hotel-by-tree-blue-swimming-pool_343596-694.jpg",
|
||||
imageAlt: "woman standing home yard",
|
||||
},
|
||||
]}
|
||||
cardTitle="Trusted By Local Homeowners"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-digital-tablet-standing-outdoor_23-2147862770.jpg", imageAlt: "happy home owner exterior" },
|
||||
{ id: "t2", name: "Mike T.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-reading-book_23-2150059007.jpg", imageAlt: "homeowner standing porch" },
|
||||
{ id: "t3", name: "Daniel R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg", imageAlt: "happy client property" },
|
||||
{ id: "t4", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/student-kuwaiti-man-wear-hoodie_627829-5602.jpg", imageAlt: "man standing home exterior" },
|
||||
{ id: "t5", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-woman-short-summer-dress-outside-villa-hotel-by-tree-blue-swimming-pool_343596-694.jpg", imageAlt: "woman standing home yard" },
|
||||
]}
|
||||
cardTitle="Trusted By Local Homeowners"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Ready To Upgrade Your Property’s Curb Appeal?"
|
||||
description="Text today for a fast free quote. Limited spring availability."
|
||||
buttonText="519-590-3408"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact"
|
||||
title="Ready To Upgrade Your Property’s Curb Appeal?"
|
||||
description="Text today for a fast free quote. Limited spring availability."
|
||||
buttonText="519-590-3408"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-180715.jpg"
|
||||
logoText="APEX Exterior Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Service Areas",
|
||||
items: [
|
||||
{
|
||||
label: "Cambridge",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Kitchener",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Waterloo",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Power Washing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Window Cleaning",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 APEX Exterior Services. All rights reserved."
|
||||
imageAlt="minimal dark luxury texture"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-180715.jpg"
|
||||
logoText="APEX Exterior Services"
|
||||
columns={[
|
||||
{ title: "Service Areas", items: [{ label: "Cambridge", href: "#" }, { label: "Kitchener", href: "#" }, { label: "Waterloo", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Lawn Care", href: "#services" }, { label: "Power Washing", href: "#services" }, { label: "Window Cleaning", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2025 APEX Exterior Services. All rights reserved."
|
||||
imageAlt="minimal dark luxury texture"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user