bender/67a2dfc6-67fb-4a85-8273-fcf163b3f368
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-06-10 20:49:57 +00:00
parent bc51187434
commit b566dfd644
1 changed files with 40 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

178
src/app/page.tsx
View File

@@ -29,101 +29,61 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "/"},
id: "/",
},
{ {
name: "Services", name: "Services", id: "/services"},
id: "/services",
},
{ {
name: "About", name: "About", id: "/about"},
id: "/about",
},
{ {
name: "Reviews", name: "Reviews", id: "/reviews"},
id: "/reviews",
},
{ {
name: "Get Estimate", name: "Get Estimate", id: "/contact"},
id: "/contact",
},
]} ]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h0kqyw" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h0kqyw"
logoAlt="Carolina Construction & Restoration Logo" logoAlt="Carolina Construction & Restoration Logo"
brandName="Carolina Construction & Restoration" brandName="Carolina Construction & Restoration"
button={{ button={{
text: "Get Free Estimate", text: "Get Free Estimate", href: "/contact"}}
href: "/contact",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboard
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Expert Construction & Restoration You Can Trust" title="Expert Construction & Restoration You Can Trust"
description="Trusted by 151 satisfied clients across North Carolina. From kitchen remodels to water damage restoration, we deliver exceptional craftsmanship every time." description="Trusted by 151 satisfied clients across North Carolina. From kitchen remodels to water damage restoration, we deliver exceptional craftsmanship every time."
buttons={[ buttons={[
{ {
text: "Get Your Free Estimate Today", text: "Get Your Free Estimate Today", href: "/contact"},
href: "/contact",
},
]} ]}
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/people-with-glasses-composition_23-2150188061.jpg", src: "http://img.b2bpic.net/free-photo/people-with-glasses-composition_23-2150188061.jpg", alt: "Client 1"},
alt: "Client 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-engineer_23-2150290105.jpg", src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-engineer_23-2150290105.jpg", alt: "Client 2"},
alt: "Client 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/enthusiastic-asian-female-entrepreneur-cafe-owner-with-tablet-wearing-shop-uniform-standing-with_1258-203446.jpg", src: "http://img.b2bpic.net/free-photo/enthusiastic-asian-female-entrepreneur-cafe-owner-with-tablet-wearing-shop-uniform-standing-with_1258-203446.jpg", alt: "Client 3"},
alt: "Client 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-80.jpg", src: "http://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-80.jpg", alt: "Client 4"},
alt: "Client 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/freelancing-was-best-idea-my-career_329181-11588.jpg", src: "http://img.b2bpic.net/free-photo/freelancing-was-best-idea-my-career_329181-11588.jpg", alt: "Client 5"},
alt: "Client 5",
},
]} ]}
avatarText="Rated 50 Stars by 151 clients" avatarText="Rated 50 Stars by 151 clients"
imageSrc="http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg"
imageAlt="Workers inspecting a renovated home" imageAlt="Workers inspecting a renovated home"
mediaAnimation="slide-up" mediaAnimation="slide-up"
marqueeItems={[ marqueeItems={[
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-423.jpg", alt: "Construction blueprints on a table"},
src: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-423.jpg",
alt: "Construction blueprints on a table",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/man-builder-holds-protective-helmet-his-hands-part-body_169016-16067.jpg", alt: "Restoration worker in protective gear"},
src: "http://img.b2bpic.net/free-photo/man-builder-holds-protective-helmet-his-hands-part-body_169016-16067.jpg",
alt: "Restoration worker in protective gear",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/installation-new-tiles-wall-using-laser-level-laser-level-illuminates-installation-site-professional-approach_166373-2079.jpg", alt: "Interior of a modern home renovation"},
src: "http://img.b2bpic.net/free-photo/installation-new-tiles-wall-using-laser-level-laser-level-illuminates-installation-site-professional-approach_166373-2079.jpg",
alt: "Interior of a modern home renovation",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/building-construction_1122-1179.jpg", alt: "Large commercial building construction site"},
src: "http://img.b2bpic.net/free-photo/building-construction_1122-1179.jpg",
alt: "Large commercial building construction site",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/long-shot-delivery-man-holding-box_23-2149103444.jpg", alt: "Clean exterior of a residential property"},
src: "http://img.b2bpic.net/free-photo/long-shot-delivery-man-holding-box_23-2149103444.jpg",
alt: "Clean exterior of a residential property",
},
]} ]}
/> />
</div> </div>
@@ -136,20 +96,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "stars", id: "stars", value: "50", description: "Star Rating on Google"},
value: "50",
description: "Star Rating on Google",
},
{ {
id: "reviews", id: "reviews", value: "151", description: "Spectacular Reviews"},
value: "151",
description: "Spectacular Reviews",
},
{ {
id: "years", id: "years", value: "20+", description: "Years of Experience"},
value: "20+",
description: "Years of Experience",
},
]} ]}
title="Our Track Record of Excellence" title="Our Track Record of Excellence"
description="Building trust and delivering quality, one project at a time." description="Building trust and delivering quality, one project at a time."
@@ -163,47 +114,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Water Damage Restoration", title: "Water Damage Restoration", description: "Rapid response and thorough restoration for homes and businesses affected by water.", phoneOne: {
description: "Rapid response and thorough restoration for homes and businesses affected by water.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg", imageAlt: "Water damage restoration"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg",
imageAlt: "Water damage restoration",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/female-model-being-photographed-with-grunge-environment-urban-exploration_23-2150943424.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-model-being-photographed-with-grunge-environment-urban-exploration_23-2150943424.jpg", imageAlt: "Fire damage restoration"}
imageAlt: "Fire damage restoration",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h0kqyw",
imageAlt: "water damage restoration expert working",
}, },
{ {
title: "Fire & Smoke Damage Repair", title: "Fire & Smoke Damage Repair", description: "Complete cleanup and reconstruction services to bring your property back to life after a fire.", phoneOne: {
description: "Complete cleanup and reconstruction services to bring your property back to life after a fire.", imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-holding-house-model-pointing-camera-protective-suit_176474-23733.jpg", imageAlt: "Mold remediation"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-holding-house-model-pointing-camera-protective-suit_176474-23733.jpg",
imageAlt: "Mold remediation",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/windows-building_1122-873.jpg", imageSrc: "http://img.b2bpic.net/free-photo/windows-building_1122-873.jpg", imageAlt: "Kitchen remodeling"}
imageAlt: "Kitchen remodeling",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg?_wi=2",
imageAlt: "water damage restoration expert working",
}, },
{ {
title: "Mold Remediation & Prevention", title: "Mold Remediation & Prevention", description: "Expert mold removal and effective strategies to prevent future growth and ensure a healthy environment.", phoneOne: {
description: "Expert mold removal and effective strategies to prevent future growth and ensure a healthy environment.", imageSrc: "http://img.b2bpic.net/free-photo/corner-open-office-space-with-modern-interior-design_181624-17688.jpg", imageAlt: "Commercial restoration"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/corner-open-office-space-with-modern-interior-design_181624-17688.jpg",
imageAlt: "Commercial restoration",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/destroyed-abandoned-wooden-structure-deep-inside-forest_181624-1185.jpg", imageSrc: "http://img.b2bpic.net/free-photo/destroyed-abandoned-wooden-structure-deep-inside-forest_181624-1185.jpg", imageAlt: "Storm damage repair"}
imageAlt: "Storm damage repair", }
},
imageSrc: "http://img.b2bpic.net/free-photo/people-with-glasses-composition_23-2150188061.jpg",
imageAlt: "water damage restoration expert working",
},
]} ]}
showStepNumbers={false} showStepNumbers={false}
title="Comprehensive Services for Every Need" title="Comprehensive Services for Every Need"
@@ -216,14 +143,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"North Carolina Contractors", "North Carolina Contractors", "Certified Restoration Pros", "Home Builder Alliance", "Property Management Group", "Insurance Partner Network", "Local Business Association", "Safety First Coalition"]}
"Certified Restoration Pros",
"Home Builder Alliance",
"Property Management Group",
"Insurance Partner Network",
"Local Business Association",
"Safety First Coalition",
]}
title="Trusted by Industry Leaders & Homeowners" title="Trusted by Industry Leaders & Homeowners"
description="Our certifications and partnerships speak to our commitment to quality and professionalism." description="Our certifications and partnerships speak to our commitment to quality and professionalism."
speed={40} speed={40}
@@ -238,33 +158,19 @@ export default function LandingPage() {
description="Reach out to discuss your project, get a free consultation, or inquire about our services. We're ready to help!" description="Reach out to discuss your project, get a free consultation, or inquire about our services. We're ready to help!"
inputs={[ inputs={[
{ {
name: "fullName", name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
type: "text",
placeholder: "Your Full Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email Address", required: true,
type: "email",
placeholder: "Your Email Address",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
type: "tel",
placeholder: "Phone Number (Optional)",
},
{ {
name: "service", name: "service", type: "text", placeholder: "Service Needed (e.g., Water Restoration)", required: true,
type: "text",
placeholder: "Service Needed (e.g., Water Restoration)",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Tell us about your project...", rows: 4,
placeholder: "Tell us about your project...",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/view-modern-office_1170-1963.jpg" imageSrc="http://img.b2bpic.net/free-photo/view-modern-office_1170-1963.jpg"
@@ -277,13 +183,9 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Carolina Construction & Restoration" logoText="Carolina Construction & Restoration"
leftLink={{ leftLink={{
text: "Home", text: "Home", href: "/"}}
href: "/",
}}
rightLink={{ rightLink={{
text: "Get a Free Estimate", text: "Get a Free Estimate", href: "/contact"}}
href: "/contact",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>