Update src/app/page.tsx
This commit is contained in:
178
src/app/page.tsx
178
src/app/page.tsx
@@ -29,101 +29,61 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "Get Estimate",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Get Estimate", id: "/contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h0kqyw"
|
||||
logoAlt="Carolina Construction & Restoration Logo"
|
||||
brandName="Carolina Construction & Restoration"
|
||||
button={{
|
||||
text: "Get Free Estimate",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Get Free Estimate", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Estimate Today",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get Your Free Estimate Today", href: "/contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-with-glasses-composition_23-2150188061.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-with-glasses-composition_23-2150188061.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-engineer_23-2150290105.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-engineer_23-2150290105.jpg", 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",
|
||||
alt: "Client 3",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-80.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-80.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/freelancing-was-best-idea-my-career_329181-11588.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/freelancing-was-best-idea-my-career_329181-11588.jpg", alt: "Client 5"},
|
||||
]}
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-423.jpg",
|
||||
alt: "Construction blueprints on a table",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-423.jpg", alt: "Construction blueprints on a table"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction_1122-1179.jpg",
|
||||
alt: "Large commercial building construction site",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/building-construction_1122-1179.jpg", alt: "Large commercial building construction site"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,20 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "stars",
|
||||
value: "50",
|
||||
description: "Star Rating on Google",
|
||||
},
|
||||
id: "stars", value: "50", description: "Star Rating on Google"},
|
||||
{
|
||||
id: "reviews",
|
||||
value: "151",
|
||||
description: "Spectacular Reviews",
|
||||
},
|
||||
id: "reviews", value: "151", description: "Spectacular Reviews"},
|
||||
{
|
||||
id: "years",
|
||||
value: "20+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "years", value: "20+", description: "Years of Experience"},
|
||||
]}
|
||||
title="Our Track Record of Excellence"
|
||||
description="Building trust and delivering quality, one project at a time."
|
||||
@@ -163,47 +114,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Water Damage Restoration",
|
||||
description: "Rapid response and thorough restoration for homes and businesses affected by water.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg",
|
||||
imageAlt: "Water damage restoration",
|
||||
},
|
||||
title: "Water Damage Restoration", description: "Rapid response and thorough restoration for homes and businesses affected by water.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg", imageAlt: "Water damage restoration"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-model-being-photographed-with-grunge-environment-urban-exploration_23-2150943424.jpg",
|
||||
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",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-model-being-photographed-with-grunge-environment-urban-exploration_23-2150943424.jpg", imageAlt: "Fire damage restoration"}
|
||||
},
|
||||
{
|
||||
title: "Fire & Smoke Damage Repair",
|
||||
description: "Complete cleanup and reconstruction services to bring your property back to life after a fire.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-holding-house-model-pointing-camera-protective-suit_176474-23733.jpg",
|
||||
imageAlt: "Mold remediation",
|
||||
},
|
||||
title: "Fire & Smoke Damage Repair", description: "Complete cleanup and reconstruction services to bring your property back to life after a fire.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-holding-house-model-pointing-camera-protective-suit_176474-23733.jpg", imageAlt: "Mold remediation"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-building_1122-873.jpg",
|
||||
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",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-building_1122-873.jpg", imageAlt: "Kitchen remodeling"}
|
||||
},
|
||||
{
|
||||
title: "Mold Remediation & Prevention",
|
||||
description: "Expert mold removal and effective strategies to prevent future growth and ensure a healthy environment.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corner-open-office-space-with-modern-interior-design_181624-17688.jpg",
|
||||
imageAlt: "Commercial restoration",
|
||||
},
|
||||
title: "Mold Remediation & Prevention", description: "Expert mold removal and effective strategies to prevent future growth and ensure a healthy environment.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corner-open-office-space-with-modern-interior-design_181624-17688.jpg", imageAlt: "Commercial restoration"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/destroyed-abandoned-wooden-structure-deep-inside-forest_181624-1185.jpg",
|
||||
imageAlt: "Storm damage repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-with-glasses-composition_23-2150188061.jpg",
|
||||
imageAlt: "water damage restoration expert working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/destroyed-abandoned-wooden-structure-deep-inside-forest_181624-1185.jpg", imageAlt: "Storm damage repair"}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Comprehensive Services for Every Need"
|
||||
@@ -216,14 +143,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"North Carolina Contractors",
|
||||
"Certified Restoration Pros",
|
||||
"Home Builder Alliance",
|
||||
"Property Management Group",
|
||||
"Insurance Partner Network",
|
||||
"Local Business Association",
|
||||
"Safety First Coalition",
|
||||
]}
|
||||
"North Carolina Contractors", "Certified Restoration Pros", "Home Builder Alliance", "Property Management Group", "Insurance Partner Network", "Local Business Association", "Safety First Coalition"]}
|
||||
title="Trusted by Industry Leaders & Homeowners"
|
||||
description="Our certifications and partnerships speak to our commitment to quality and professionalism."
|
||||
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!"
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number (Optional)",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
|
||||
{
|
||||
name: "service",
|
||||
type: "text",
|
||||
placeholder: "Service Needed (e.g., Water Restoration)",
|
||||
required: true,
|
||||
name: "service", type: "text", placeholder: "Service Needed (e.g., Water Restoration)", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-modern-office_1170-1963.jpg"
|
||||
@@ -277,13 +183,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Carolina Construction & Restoration"
|
||||
leftLink={{
|
||||
text: "Home",
|
||||
href: "/",
|
||||
}}
|
||||
text: "Home", href: "/"}}
|
||||
rightLink={{
|
||||
text: "Get a Free Estimate",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Get a Free Estimate", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user