Merge version_1 into main #2
227
src/app/page.tsx
227
src/app/page.tsx
@@ -31,30 +31,18 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Christmas Lights",
|
||||
id: "services",
|
||||
},
|
||||
name: "Christmas Lights", id: "services"},
|
||||
{
|
||||
name: "Yard Services",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Yard Services", id: "why-us"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
topBarButton={{
|
||||
text: "🎄 Spots Are Filling Fast for 2026! Call (989) 653-0392",
|
||||
href: "tel:9896530392",
|
||||
}}
|
||||
text: "🎄 Spots Are Filling Fast for 2026! Call (989) 653-0392", href: "tel:9896530392"}}
|
||||
brandName="AM PM Yard Service"
|
||||
/>
|
||||
</div>
|
||||
@@ -62,47 +50,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Let Your Home Shine This Holiday Season"
|
||||
description="Professional Christmas Light Installation. Hassle-free setup, custom designs, safe & insured. Serving your local area."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Quote Today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Quote Today", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-celebration-concept_23-2150977062.jpg?_wi=1",
|
||||
imageAlt: "Christmas lights night",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/christmas-celebration-concept_23-2150977062.jpg", imageAlt: "Christmas lights night"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-style-christmas-celebration-scene-with-horror-setting_23-2151417366.jpg?_wi=1",
|
||||
imageAlt: "House lights",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/dark-style-christmas-celebration-scene-with-horror-setting_23-2151417366.jpg", imageAlt: "House lights"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236916.jpg?_wi=1",
|
||||
imageAlt: "House lights",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236916.jpg", imageAlt: "House lights"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-colorful-lightbulbs-hanging-string_181624-57907.jpg?_wi=1",
|
||||
imageAlt: "House lights",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/row-colorful-lightbulbs-hanging-string_181624-57907.jpg", imageAlt: "House lights"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-snowflakes-garlands-blurred-interior-background_169016-59893.jpg?_wi=1",
|
||||
imageAlt: "House lights",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/decorative-snowflakes-garlands-blurred-interior-background_169016-59893.jpg", imageAlt: "House lights"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-christmas-tree-wooden-cabin_23-2150830370.jpg?_wi=1",
|
||||
imageAlt: "House lights",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-christmas-tree-wooden-cabin_23-2150830370.jpg", imageAlt: "House lights"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,23 +82,15 @@ export default function LandingPage() {
|
||||
description="We’re the same trusted team that keeps your yard looking sharp all year — now making your holidays magical."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Hassle-Free Installation",
|
||||
description: "We handle everything from design to setup.",
|
||||
},
|
||||
title: "Hassle-Free Installation", description: "We handle everything from design to setup."},
|
||||
{
|
||||
title: "Custom Design Options",
|
||||
description: "Classic, elegant, or fun & bright layouts.",
|
||||
},
|
||||
title: "Custom Design Options", description: "Classic, elegant, or fun & bright layouts."},
|
||||
{
|
||||
title: "Professional & Safe",
|
||||
description: "No ladders or tangled cords for you.",
|
||||
},
|
||||
title: "Professional & Safe", description: "No ladders or tangled cords for you."},
|
||||
{
|
||||
title: "Timely Takedown & Storage",
|
||||
description: "We remove lights and store them free until next year.",
|
||||
},
|
||||
title: "Timely Takedown & Storage", description: "We remove lights and store them free until next year."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-taking-photo-her-child-christmas_1268-19677.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-taking-photo-her-child-christmas_1268-19677.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -143,44 +102,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Lighting",
|
||||
description: "Full-service holiday lighting for your home.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-celebration-concept_23-2150977062.jpg?_wi=2",
|
||||
imageAlt: "beautiful house christmas lights night",
|
||||
title: "Residential Lighting", description: "Full-service holiday lighting for your home.", bentoComponent: "reveal-icon", icon: Home,
|
||||
},
|
||||
{
|
||||
title: "Commercial Holiday Lighting",
|
||||
description: "Brighten your business storefront.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-photo-her-child-christmas_1268-19677.jpg?_wi=2",
|
||||
imageAlt: "residential christmas light installation",
|
||||
title: "Commercial Holiday Lighting", description: "Brighten your business storefront.", bentoComponent: "reveal-icon", icon: Building,
|
||||
},
|
||||
{
|
||||
title: "Custom Designs",
|
||||
description: "Tailored layout designs for any property.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-against-background-decorated-trees_1153-3605.jpg",
|
||||
imageAlt: "commercial christmas lighting exterior",
|
||||
title: "Custom Designs", description: "Tailored layout designs for any property.", bentoComponent: "reveal-icon", icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Full Installation",
|
||||
description: "Roof, tree, and window lighting setups.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covered-bridge-night_1162-1.jpg",
|
||||
imageAlt: "custom roof christmas lighting design",
|
||||
title: "Full Installation", description: "Roof, tree, and window lighting setups.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Takedown & Storage",
|
||||
description: "Safe removal and climate-controlled storage.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Package,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-style-christmas-celebration-scene-with-horror-setting_23-2151417366.jpg?_wi=2",
|
||||
imageAlt: "warm white christmas lights house",
|
||||
title: "Takedown & Storage", description: "Safe removal and climate-controlled storage.", bentoComponent: "reveal-icon", icon: Package,
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -191,45 +125,22 @@ export default function LandingPage() {
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Warm White",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-style-christmas-celebration-scene-with-horror-setting_23-2151417366.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "Classic Warm White", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/dark-style-christmas-celebration-scene-with-horror-setting_23-2151417366.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Festive Multi-Color",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236916.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Festive Multi-Color", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236916.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Landscape & Shrubs",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-colorful-lightbulbs-hanging-string_181624-57907.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Landscape & Shrubs", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/row-colorful-lightbulbs-hanging-string_181624-57907.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Roof & Peak Lines",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-snowflakes-garlands-blurred-interior-background_169016-59893.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Roof & Peak Lines", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/decorative-snowflakes-garlands-blurred-interior-background_169016-59893.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Window Framing",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-christmas-tree-wooden-cabin_23-2150830370.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Window Framing", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-christmas-tree-wooden-cabin_23-2150830370.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Post-Holiday Cleanup",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dollar-bill-hanging-christmas-tree-with-bokeh-lights_169016-60436.jpg?_wi=1",
|
||||
},
|
||||
id: "6", name: "Post-Holiday Cleanup", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/dollar-bill-hanging-christmas-tree-with-bokeh-lights_169016-60436.jpg"},
|
||||
]}
|
||||
title="Installation Gallery"
|
||||
description="Real examples of past holiday lighting transformations."
|
||||
@@ -242,50 +153,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Service!",
|
||||
quote: "AM PM made our home the talk of the neighborhood! Professional, fast, and stress-free.",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236916.jpg?_wi=3",
|
||||
imageAlt: "glowing christmas house roof lights",
|
||||
},
|
||||
id: "1", title: "Amazing Service!", quote: "AM PM made our home the talk of the neighborhood! Professional, fast, and stress-free.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236916.jpg", imageAlt: "glowing christmas house roof lights"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Seamless!",
|
||||
quote: "So relieved to have someone else deal with the lights. They look incredible.",
|
||||
name: "Michael B.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/row-colorful-lightbulbs-hanging-string_181624-57907.jpg?_wi=3",
|
||||
imageAlt: "christmas lights shrubs garden",
|
||||
},
|
||||
id: "2", title: "Seamless!", quote: "So relieved to have someone else deal with the lights. They look incredible.", name: "Michael B.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/row-colorful-lightbulbs-hanging-string_181624-57907.jpg", imageAlt: "christmas lights shrubs garden"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Highly Recommend",
|
||||
quote: "The team was prompt and the takedown service is a life saver.",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-snowflakes-garlands-blurred-interior-background_169016-59893.jpg?_wi=3",
|
||||
imageAlt: "before after christmas lighting house",
|
||||
},
|
||||
id: "3", title: "Highly Recommend", quote: "The team was prompt and the takedown service is a life saver.", name: "Emily R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/decorative-snowflakes-garlands-blurred-interior-background_169016-59893.jpg", imageAlt: "before after christmas lighting house"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Perfect Layout",
|
||||
quote: "Exactly the design we wanted. Very professional results.",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-christmas-tree-wooden-cabin_23-2150830370.jpg?_wi=3",
|
||||
imageAlt: "festive exterior lighting design home",
|
||||
},
|
||||
id: "4", title: "Perfect Layout", quote: "Exactly the design we wanted. Very professional results.", name: "David K.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/beautifully-decorated-christmas-tree-wooden-cabin_23-2150830370.jpg", imageAlt: "festive exterior lighting design home"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Consistent Quality",
|
||||
quote: "Been using them for lawn care, the lights are just as excellent.",
|
||||
name: "Jessica L.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dollar-bill-hanging-christmas-tree-with-bokeh-lights_169016-60436.jpg?_wi=2",
|
||||
imageAlt: "christmas lights professional takedown",
|
||||
},
|
||||
id: "5", title: "Consistent Quality", quote: "Been using them for lawn care, the lights are just as excellent.", name: "Jessica L.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/dollar-bill-hanging-christmas-tree-with-bokeh-lights_169016-60436.jpg", imageAlt: "christmas lights professional takedown"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by your neighbors to deliver magic every year."
|
||||
@@ -296,8 +172,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Limited Availability"
|
||||
title="Ready to Make Your Home Merry & Bright?"
|
||||
description="Spots are filling fast for the 2026 season. Get your free quote today!"
|
||||
@@ -308,37 +183,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/christmas-celebration-concept_23-2150977062.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/christmas-celebration-concept_23-2150977062.jpg"
|
||||
logoText="AM PM Yard Service"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Christmas Lights",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Christmas Lights", href: "#services"},
|
||||
{
|
||||
label: "Lawn Care",
|
||||
href: "#",
|
||||
},
|
||||
label: "Lawn Care", href: "#"},
|
||||
{
|
||||
label: "Custom Design",
|
||||
href: "#",
|
||||
},
|
||||
label: "Custom Design", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(989) 653-0392",
|
||||
href: "tel:9896530392",
|
||||
},
|
||||
label: "(989) 653-0392", href: "tel:9896530392"},
|
||||
{
|
||||
label: "info@ampmyard.com",
|
||||
href: "mailto:info@ampmyard.com",
|
||||
},
|
||||
label: "info@ampmyard.com", href: "mailto:info@ampmyard.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user