Update src/app/page.tsx
This commit is contained in:
278
src/app/page.tsx
278
src/app/page.tsx
@@ -26,163 +26,139 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Quote", id: "#contact"},
|
||||
]}
|
||||
brandName="A&M Home Services"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Quote", id: "contact" }
|
||||
]}
|
||||
brandName="A&M Home Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevate Your Home’s Safety, Air Quality & Value"
|
||||
description="Premium roofing, air duct cleaning, dryer vent services, and full home care — delivered with precision and transparency."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918273.jpg", imageAlt: "Home exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-makeup-indoors_23-2150245013.jpg", imageAlt: "Air ducts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-ironing-red-shirt-blue-surface_140725-154657.jpg", imageAlt: "Dryer vent" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-makeup-indoors_23-2150245013.jpg", imageAlt: "Air ducts" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-makeup-indoors_23-2150245013.jpg", imageAlt: "Air ducts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-ironing-red-shirt-blue-surface_140725-154657.jpg", imageAlt: "Dryer vent" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918273.jpg", imageAlt: "Home exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-makeup-indoors_23-2150245013.jpg", imageAlt: "Air ducts" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get Free Quote", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:5550102" }
|
||||
]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/bottom-view-couple-kissing-van-outdoors_23-2148768739.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-holding-hand-her-chest-while-laughing-worker-uniform-looking-merry-front-view_176474-34381.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Homeowners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Fast Turnaround" },
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
{ type: "text", text: "Transparent Pricing" },
|
||||
{ type: "text", text: "Expert Technicians" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevate Your Home’s Safety, Air Quality & Value"
|
||||
description="Premium roofing, air duct cleaning, dryer vent services, and full home care — delivered with precision and transparency."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918273.jpg", imageAlt: "Home exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-makeup-indoors_23-2150245013.jpg", imageAlt: "Air ducts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-ironing-red-shirt-blue-surface_140725-154657.jpg", imageAlt: "Dryer vent" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-makeup-indoors_23-2150245013.jpg", imageAlt: "Air ducts" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-makeup-indoors_23-2150245013.jpg", imageAlt: "Air ducts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-ironing-red-shirt-blue-surface_140725-154657.jpg", imageAlt: "Dryer vent" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918273.jpg", imageAlt: "Home exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-makeup-indoors_23-2150245013.jpg", imageAlt: "Air ducts" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get Free Quote", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:5550102" }
|
||||
]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/bottom-view-couple-kissing-van-outdoors_23-2148768739.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-holding-hand-her-chest-while-laughing-worker-uniform-looking-merry-front-view_176474-34381.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Homeowners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Fast Turnaround" },
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
{ type: "text", text: "Transparent Pricing" },
|
||||
{ type: "text", text: "Expert Technicians" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roofing", description: "Expert installation, repair, and inspection to protect your home's structure.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Air Duct Cleaning", description: "Breathe cleaner air with deep, professional system cleaning.", bentoComponent: "reveal-icon", icon: Wind
|
||||
},
|
||||
{
|
||||
title: "Dryer Vent Cleaning", description: "Reduce fire risk and improve efficiency instantly.", bentoComponent: "reveal-icon", icon: Flame
|
||||
},
|
||||
{
|
||||
title: "Chimney Services", description: "Inspection, cleaning, and repair done safely and thoroughly.", bentoComponent: "reveal-icon", icon: Home
|
||||
}
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Comprehensive care to protect your investment and family."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Roofing", description: "Expert installation, repair, and inspection to protect your home's structure.", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "Air Duct Cleaning", description: "Breathe cleaner air with deep, professional system cleaning.", bentoComponent: "reveal-icon", icon: Wind },
|
||||
{ title: "Dryer Vent Cleaning", description: "Reduce fire risk and improve efficiency instantly.", bentoComponent: "reveal-icon", icon: Flame },
|
||||
{ title: "Chimney Services", description: "Inspection, cleaning, and repair done safely and thoroughly.", bentoComponent: "reveal-icon", icon: Home }
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Comprehensive care to protect your investment and family."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Premium Service. Proven Results."
|
||||
description="We believe in complete transparency. We show you exactly what we fix, employing expert technicians who are clean, efficient, and honest about every cost. No surprises, just superior home care."
|
||||
buttons={[{ text: "Learn More", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918273.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Premium Service. Proven Results."
|
||||
description="We believe in complete transparency. We show you exactly what we fix, employing expert technicians who are clean, efficient, and honest about every cost. No surprises, just superior home care."
|
||||
buttons={[{ text: "Learn More", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918273.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", date: "Oct 2023", title: "Homeowner", quote: "Showed me photos of the entire process and explained everything clearly. Fantastic work.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/bottom-view-couple-kissing-van-outdoors_23-2148768739.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-couple-kissing-van-outdoors_23-2148768739.jpg", imageAlt: "satisfied homeowner looking at roof"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Mark D.", date: "Sept 2023", title: "Homeowner", quote: "My air quality improved immediately. Professional team!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-holding-hand-her-chest-while-laughing-worker-uniform-looking-merry-front-view_176474-34381.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-female-holding-hand-her-chest-while-laughing-worker-uniform-looking-merry-front-view_176474-34381.jpg", imageAlt: "smiling homeowner air duct service"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Lisa R.", date: "Aug 2023", title: "Homeowner", quote: "Professional, efficient, and priced fairly. Highly recommended.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", imageAlt: "portrait happy homeowner after service"
|
||||
},
|
||||
{
|
||||
id: "4", name: "James L.", date: "July 2023", title: "Homeowner", quote: "Outstanding roofing and vent cleaning service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", imageAlt: "homeowner standing in front of clean house"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Elena K.", date: "June 2023", title: "Homeowner", quote: "Reliable experts who truly care about the quality of their work.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg", imageAlt: "satisfied customer professional service"
|
||||
}
|
||||
]}
|
||||
title="Trusted by Pennsylvania Homeowners"
|
||||
description="See why our clients give us a 4.6/5 rating."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", date: "Oct 2023", title: "Homeowner", quote: "Showed me photos of the entire process and explained everything clearly. Fantastic work.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/bottom-view-couple-kissing-van-outdoors_23-2148768739.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-couple-kissing-van-outdoors_23-2148768739.jpg", imageAlt: "satisfied homeowner looking at roof" },
|
||||
{ id: "2", name: "Mark D.", date: "Sept 2023", title: "Homeowner", quote: "My air quality improved immediately. Professional team!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-holding-hand-her-chest-while-laughing-worker-uniform-looking-merry-front-view_176474-34381.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-female-holding-hand-her-chest-while-laughing-worker-uniform-looking-merry-front-view_176474-34381.jpg", imageAlt: "smiling homeowner air duct service" },
|
||||
{ id: "3", name: "Lisa R.", date: "Aug 2023", title: "Homeowner", quote: "Professional, efficient, and priced fairly. Highly recommended.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", imageAlt: "portrait happy homeowner after service" },
|
||||
{ id: "4", name: "James L.", date: "July 2023", title: "Homeowner", quote: "Outstanding roofing and vent cleaning service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", imageAlt: "homeowner standing in front of clean house" },
|
||||
{ id: "5", name: "Elena K.", date: "June 2023", title: "Homeowner", quote: "Reliable experts who truly care about the quality of their work.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167457.jpg", imageAlt: "satisfied customer professional service" }
|
||||
]}
|
||||
title="Trusted by Pennsylvania Homeowners"
|
||||
description="See why our clients give us a 4.6/5 rating."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Start?"
|
||||
title="Your Home Deserves Expert Care"
|
||||
description="Book today and experience the A&M difference. Reliable, transparent, and elite home maintenance."
|
||||
buttons={[
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:5550102" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Start?"
|
||||
title="Your Home Deserves Expert Care"
|
||||
description="Book today and experience the A&M difference. Reliable, transparent, and elite home maintenance."
|
||||
buttons={[
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:5550102" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Reviews", href: "#reviews" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="A&M Home Services"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Reviews", href: "#reviews" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="A&M Home Services"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user