1 Commits

Author SHA1 Message Date
d679ff9de5 Update src/app/page.tsx 2026-04-19 22:11:52 +00:00

View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Projects", name: "Projects", id: "#projects"},
id: "#projects",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="ABCO ROOFING" brandName="ABCO ROOFING"
/> />
@@ -60,71 +50,46 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Roofing Refined — Durable, Beautiful, Guaranteed" title="Roofing Refined — Durable, Beautiful, Guaranteed"
description="Premium roofing solutions for Peoria homes & businesses. Free inspection. Lifetime workmanship warranty options." description="Premium roofing solutions for Peoria homes & businesses. Free inspection. Lifetime workmanship warranty options."
buttons={[ buttons={[
{ {
text: "Get a Free Quote", text: "Get a Free Quote", href: "#contact"},
href: "#contact",
},
{ {
text: "Call Now", text: "Call Now", href: "tel:6023485207"},
href: "tel:6023485207",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg" imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg"
imageAlt="Modern home with premium roof" imageAlt="Modern home with premium roof"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg", src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg", alt: "Photo of wood texture pattern"},
alt: "Photo of wood texture pattern",
},
{ {
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", alt: "Full shot man wearing protection helmet outdoors"},
alt: "Full shot man wearing protection helmet outdoors",
},
{ {
src: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg", src: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg", alt: "Closeup the roof of a house made of wooden tiles"},
alt: "Closeup the roof of a house made of wooden tiles",
},
{ {
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg", src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg", alt: "Photo of wood texture pattern"},
alt: "Photo of wood texture pattern",
},
{ {
src: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", src: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", alt: "Full shot roofers working with helmets"},
alt: "Full shot roofers working with helmets",
},
]} ]}
avatarText="Trusted by 500+ local families" avatarText="Trusted by 500+ local families"
marqueeItems={[ marqueeItems={[
{ {
type: "text-icon", type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck,
text: "Licensed & Insured",
icon: ShieldCheck,
}, },
{ {
type: "text-icon", type: "text-icon", text: "25+ Years Experience", icon: Award,
text: "25+ Years Experience",
icon: Award,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Lifetime Warranty", icon: CheckCircle,
text: "Lifetime Warranty",
icon: CheckCircle,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Energy Efficient", icon: Sun,
text: "Energy Efficient",
icon: Sun,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Peoria Owned", icon: MapPin,
text: "Peoria Owned",
icon: MapPin,
}, },
]} ]}
/> />
@@ -132,23 +97,20 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<SplitAbout <SplitAbout
textboxLayout="split" textboxLayout="split-actions"
useInvertedBackground={true} useInvertedBackground={true}
title="Exceptional Roofs. Exceptional Care." title="Exceptional Roofs. Exceptional Care."
description="At ABCO Roofing, we combine over 25 years of industry experience with a commitment to white-glove service. We don't just protect your home; we enhance its value with durable, beautiful roofing systems built to last." description="At ABCO Roofing, we combine over 25 years of industry experience with a commitment to white-glove service. We don't just protect your home; we enhance its value with durable, beautiful roofing systems built to last."
buttons={[
{ text: "View Our Services", href: "#services" }
]}
bulletPoints={[ bulletPoints={[
{ {
title: "Licensed & Insured", title: "Licensed & Insured", description: "Full peace of mind for every project."},
description: "Full peace of mind for every project.",
},
{ {
title: "Certified Materials", title: "Certified Materials", description: "Industry-leading brands for lasting quality."},
description: "Industry-leading brands for lasting quality.",
},
{ {
title: "Workmanship Warranty", title: "Workmanship Warranty", description: "We stand by our work for years to come."},
description: "We stand by our work for years to come.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-two-handsome-smiling-young-male-dressed-black-sportswear-baseball-cap-dark-background_613910-15877.jpg" imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-two-handsome-smiling-young-male-dressed-black-sportswear-baseball-cap-dark-background_613910-15877.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -162,33 +124,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "s1", id: "s1", title: "Residential Roofing", subtitle: "Beautiful, durable roofing for Peoria homes.", category: "Service", value: "Protect"},
title: "Residential Roofing",
subtitle: "Beautiful, durable roofing for Peoria homes.",
category: "Service",
value: "Protect",
},
{ {
id: "s2", id: "s2", title: "Commercial Roofing", subtitle: "Reliable solutions for businesses & offices.", category: "Service", value: "Secure"},
title: "Commercial Roofing",
subtitle: "Reliable solutions for businesses & offices.",
category: "Service",
value: "Secure",
},
{ {
id: "s3", id: "s3", title: "Roof Inspections", subtitle: "Comprehensive checks for peace of mind.", category: "Service", value: "Inspect"},
title: "Roof Inspections",
subtitle: "Comprehensive checks for peace of mind.",
category: "Service",
value: "Inspect",
},
{ {
id: "s4", id: "s4", title: "Maintenance & Repair", subtitle: "Swift response to leaks and damage.", category: "Service", value: "Restore"},
title: "Maintenance & Repair",
subtitle: "Swift response to leaks and damage.",
category: "Service",
value: "Restore",
},
]} ]}
title="Our Roofing Expertise" title="Our Roofing Expertise"
description="Comprehensive roofing services designed for the unique climate of Peoria, AZ." description="Comprehensive roofing services designed for the unique climate of Peoria, AZ."
@@ -202,22 +144,13 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", title: "Step 1: Inspect", value: "Site Visit", icon: Search,
title: "Step 1: Inspect",
value: "Site Visit",
icon: Search,
}, },
{ {
id: "m2", id: "m2", title: "Step 2: Quote", value: "Custom Plan", icon: FileText,
title: "Step 2: Quote",
value: "Custom Plan",
icon: FileText,
}, },
{ {
id: "m3", id: "m3", title: "Step 3: Install", value: "Craftsmanship", icon: Building2,
title: "Step 3: Install",
value: "Craftsmanship",
icon: Building2,
}, },
]} ]}
title="The ABCO Way" title="The ABCO Way"
@@ -233,41 +166,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Modern Peoria Estate", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg"},
name: "Modern Peoria Estate",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg",
},
{ {
id: "p2", id: "p2", name: "Commercial Office Roof", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-sofia-square-mykhailivska-square-kiev-ukraine_1153-5729.jpg"},
name: "Commercial Office Roof",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-sofia-square-mykhailivska-square-kiev-ukraine_1153-5729.jpg",
},
{ {
id: "p3", id: "p3", name: "Suburban Roof Upgrade", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg"},
name: "Suburban Roof Upgrade",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
},
{ {
id: "p4", id: "p4", name: "Luxury Home Installation", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg"},
name: "Luxury Home Installation",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg",
},
{ {
id: "p5", id: "p5", name: "Multi-Family Roof", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/residential-houses-surrounded-by-greenery_1268-15594.jpg"},
name: "Multi-Family Roof",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/residential-houses-surrounded-by-greenery_1268-15594.jpg",
},
{ {
id: "p6", id: "p6", name: "Historic Restoration", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg"},
name: "Historic Restoration",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg",
},
]} ]}
title="Completed Projects" title="Completed Projects"
description="Explore our recent installations across Peoria." description="Explore our recent installations across Peoria."
@@ -281,59 +190,28 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah Miller", role: "Homeowner", company: "Peoria", rating: 5,
name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg"},
role: "Homeowner",
company: "Peoria",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg",
},
{ {
id: "t2", id: "t2", name: "David Clark", role: "Business Owner", company: "Peoria", rating: 5,
name: "David Clark", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
role: "Business Owner",
company: "Peoria",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
},
{ {
id: "t3", id: "t3", name: "Elena Rodriguez", role: "Homeowner", company: "Peoria", rating: 5,
name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg"},
role: "Homeowner",
company: "Peoria",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg",
},
{ {
id: "t4", id: "t4", name: "Mike Henderson", role: "Property Manager", company: "Peoria", rating: 5,
name: "Mike Henderson", imageSrc: "http://img.b2bpic.net/free-photo/man-with-glasses-looking-tablet-with-another-man-background_1153-1141.jpg"},
role: "Property Manager",
company: "Peoria",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-with-glasses-looking-tablet-with-another-man-background_1153-1141.jpg",
},
{ {
id: "t5", id: "t5", name: "Jessica Thompson", role: "Homeowner", company: "Peoria", rating: 5,
name: "Jessica Thompson", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-care-beauty-cute_1303-2516.jpg"},
role: "Homeowner",
company: "Peoria",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-care-beauty-cute_1303-2516.jpg",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "500+", value: "500+", label: "Roofs Installed"},
label: "Roofs Installed",
},
{ {
value: "25yr", value: "25yr", label: "Avg Experience"},
label: "Avg Experience",
},
{ {
value: "4.9/5", value: "4.9/5", label: "Client Rating"},
label: "Client Rating",
},
]} ]}
title="What Clients Say" title="What Clients Say"
description="Trusted by Peoria homeowners and business owners." description="Trusted by Peoria homeowners and business owners."
@@ -346,20 +224,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "How long does a roof last?", content: "Most asphalt shingle roofs last between 20-30 years, depending on quality and maintenance."},
title: "How long does a roof last?",
content: "Most asphalt shingle roofs last between 20-30 years, depending on quality and maintenance.",
},
{ {
id: "f2", id: "f2", title: "Do you offer financing?", content: "Yes, we offer various financing options to help with your investment."},
title: "Do you offer financing?",
content: "Yes, we offer various financing options to help with your investment.",
},
{ {
id: "f3", id: "f3", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured for your protection."},
title: "Are you licensed and insured?",
content: "Absolutely. We are fully licensed, bonded, and insured for your protection.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Answers to common roofing questions." description="Answers to common roofing questions."
@@ -371,8 +240,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
tag="Request Quote" tag="Request Quote"
title="Ready to Start Your Project?" title="Ready to Start Your Project?"
description="Contact ABCO Roofing today for your free inspection in Peoria, AZ." description="Contact ABCO Roofing today for your free inspection in Peoria, AZ."
@@ -385,29 +253,19 @@ export default function LandingPage() {
logoText="ABCO ROOFING" logoText="ABCO ROOFING"
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Residential", label: "Residential", href: "#"},
href: "#",
},
{ {
label: "Commercial", label: "Commercial", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About", label: "About", href: "#"},
href: "#",
},
{ {
label: "Contact", label: "Contact", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -416,4 +274,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }