bender/6d1b15f8-5527-4464-ba4e-5e2400d12e48
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 00:12:46 +00:00
parent d22ed47fd8
commit 3e5c92d4fa
1 changed files with 53 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

228
src/app/page.tsx
View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Casey Roofing"
/>
@@ -59,22 +49,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Excellence in Every Shingle"
description="Casey Roofing delivers fast, efficient, and professional roofing services. From hail damage repairs to complete roof replacements, we treat your home like our own."
tag="Trusted Professional Roofing"
buttons={[
{
text: "Request Estimate",
href: "#contact",
},
text: "Request Estimate", href: "#contact"},
{
text: "Our Services",
href: "#features",
},
text: "Our Services", href: "#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg"
imageAlt="Luxurious professional roofing"
/>
</div>
@@ -84,20 +69,13 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Built on Professionalism and Trust",
},
type: "text", content: "Built on Professionalism and Trust"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg",
alt: "Casey Roofing expert service",
},
type: "image", src: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg", alt: "Casey Roofing expert service"},
]}
buttons={[
{
text: "Call Rakeem Today",
href: "tel:555-555-5555",
},
text: "Call Rakeem Today", href: "tel:555-555-5555"},
]}
/>
</div>
@@ -109,55 +87,31 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Roof Replacements",
description: "Full roof installations done quickly and correctly.",
icon: Shield,
title: "Roof Replacements", description: "Full roof installations done quickly and correctly.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg",
imageAlt: "Roofing replacement",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg", imageAlt: "Roofing replacement"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",
imageAlt: "Quality shingles",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg?_wi=2",
imageAlt: "high quality roofing shingles material",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg", imageAlt: "Quality shingles"},
]
},
{
title: "Gutter Services",
description: "Efficient gutter installations that complement your roof.",
icon: ArrowDown,
title: "Gutter Services", description: "Efficient gutter installations that complement your roof.", icon: ArrowDown,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg",
imageAlt: "Gutter installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg", imageAlt: "Gutter installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg",
imageAlt: "Clean drainage",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg",
imageAlt: "high quality roofing shingles material",
imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg", imageAlt: "Clean drainage"},
]
},
{
title: "Storm Damage Repair",
description: "Quick response to hail or storm roof damage.",
icon: Star,
title: "Storm Damage Repair", description: "Quick response to hail or storm roof damage.", icon: Star,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/right-view-perspective-hand-with-delicious-hot-coffee_23-2148286059.jpg",
imageAlt: "Roof storm repair",
},
imageSrc: "http://img.b2bpic.net/free-photo/right-view-perspective-hand-with-delicious-hot-coffee_23-2148286059.jpg", imageAlt: "Roof storm repair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530685.jpg",
imageAlt: "Roof assessment",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg?_wi=1",
imageAlt: "high quality roofing shingles material",
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530685.jpg", imageAlt: "Roof assessment"},
]
},
]}
title="Comprehensive Roofing Solutions"
@@ -172,29 +126,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100+",
title: "Roofs Replaced",
description: "Completed roofing projects successfully.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg?_wi=2",
imageAlt: "Completed roof",
},
id: "m1", value: "100+", title: "Roofs Replaced", description: "Completed roofing projects successfully.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", imageAlt: "Completed roof"},
{
id: "m2",
value: "10/10",
title: "Cleanliness Rating",
description: "We ensure your yard is debris-free.",
imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg",
imageAlt: "Professional cleaning",
},
id: "m2", value: "10/10", title: "Cleanliness Rating", description: "We ensure your yard is debris-free.", imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg", imageAlt: "Professional cleaning"},
{
id: "m3",
value: "24hr",
title: "Rapid Response",
description: "Quick estimates for emergency repairs.",
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber_23-2148748853.jpg",
imageAlt: "Speedy service",
},
id: "m3", value: "24hr", title: "Rapid Response", description: "Quick estimates for emergency repairs.", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber_23-2148748853.jpg", imageAlt: "Speedy service"},
]}
title="Our Performance in Numbers"
description="Consistency, speed, and 5-star customer ratings define our impact."
@@ -208,67 +144,31 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Charles Payne",
role: "Homeowner",
company: "Casey Roofing Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-walking-around_72229-256.jpg",
},
id: "t1", name: "Charles Payne", role: "Homeowner", company: "Casey Roofing Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-walking-around_72229-256.jpg"},
{
id: "t2",
name: "Sarah M",
role: "Homeowner",
company: "Casey Roofing Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg",
},
id: "t2", name: "Sarah M", role: "Homeowner", company: "Casey Roofing Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg"},
{
id: "t3",
name: "Michael Marlett",
role: "Homeowner",
company: "Casey Roofing Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg",
},
id: "t3", name: "Michael Marlett", role: "Homeowner", company: "Casey Roofing Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg"},
{
id: "t4",
name: "Eduardo Fajardo",
role: "Homeowner",
company: "Casey Roofing Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-together-breakfast-table_23-2148101854.jpg",
},
id: "t4", name: "Eduardo Fajardo", role: "Homeowner", company: "Casey Roofing Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-together-breakfast-table_23-2148101854.jpg"},
{
id: "t5",
name: "Sandro Vega",
role: "Homeowner",
company: "Casey Roofing Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-standing-office-medium-shot_23-2148327019.jpg",
},
id: "t5", name: "Sandro Vega", role: "Homeowner", company: "Casey Roofing Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-standing-office-medium-shot_23-2148327019.jpg"},
{
id: "t6",
name: "DeNette' Smith",
role: "Homeowner",
company: "Casey Roofing Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg",
},
id: "t6", name: "DeNette' Smith", role: "Homeowner", company: "Casey Roofing Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg"},
]}
kpiItems={[
{
value: "5.0",
label: "Average Rating",
},
value: "5.0", label: "Average Rating"},
{
value: "100%",
label: "Customer Satisfaction",
},
value: "100%", label: "Customer Satisfaction"},
{
value: "Fast",
label: "Turnaround Time",
},
value: "Fast", label: "Turnaround Time"},
]}
title="What Our Clients Say"
description="Read why homeowners recommend Casey Roofing for their roofing needs."
@@ -281,20 +181,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How long does a roof replacement take?",
content: "Our expert crews can complete most residential roof installations within a single day.",
},
id: "q1", title: "How long does a roof replacement take?", content: "Our expert crews can complete most residential roof installations within a single day."},
{
id: "q2",
title: "Do you provide estimates?",
content: "Yes, we are known for our rapid, professional, and precise estimates.",
},
id: "q2", title: "Do you provide estimates?", content: "Yes, we are known for our rapid, professional, and precise estimates."},
{
id: "q3",
title: "Will there be debris left in my yard?",
content: "Our crews take great care to clean up thoroughly, leaving your property in pristine condition.",
},
id: "q3", title: "Will there be debris left in my yard?", content: "Our crews take great care to clean up thoroughly, leaving your property in pristine condition."},
]}
title="Common Questions"
description="Have questions about your roof replacement or repair? We have answers."
@@ -306,8 +197,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Get Your Free Quote Today"
description="Ready to get started? Contact Rakeem and the Casey Roofing team for a fast, accurate bid on your next roofing project."
buttonText="Request Quote"
@@ -319,33 +209,21 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}