2 Commits

Author SHA1 Message Date
c4b9812b08 Update src/app/page.tsx 2026-05-08 22:06:46 +00:00
58dc900666 Update src/app/page.tsx 2026-05-08 22:06:22 +00:00

View File

@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "home"},
id: "home",
},
{ {
name: "Services", name: "Services", id: "services"},
id: "services",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Imkamp Builders" brandName="Imkamp Builders"
/> />
@@ -52,108 +44,38 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Michigan Roofing Built to Last" title="Michigan Roofing Built to Last"
description="Trusted Roofing & Contracting Services in Sparta & West Michigan. Family-owned, high-quality, and 4.9-star rated service." description="Trusted Roofing & Contracting Services in Sparta & West Michigan. Family-owned, high-quality, and 4.9-star rated service."
leftCarouselItems={[ leftCarouselItems={[
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d6oobh", imageSrc: "https://images.unsplash.com/photo-1632733711675-1e5f83863b78?q=80&w=1200&_wi=1", imageAlt: "professional roofing crew installation"},
imageAlt: "professional roofing crew installation",
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cr0nnp", imageSrc: "https://images.unsplash.com/photo-1594993441884-863004445582?q=80&w=1200", imageAlt: "professional roofing crew installation"},
imageAlt: "professional roofing crew installation",
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hjvwoq", imageSrc: "https://images.unsplash.com/photo-1613490493576-7fde63acd811?q=80&w=1200", imageAlt: "professional roofing crew installation"},
imageAlt: "professional roofing crew installation",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x142j2",
imageAlt: "professional roofing crew installation",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eir6vg",
imageAlt: "professional roofing crew installation",
},
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9pe2cc", imageSrc: "https://images.unsplash.com/photo-1596706972036-d748f3438e83?q=80&w=1200", imageAlt: "professional roofing crew installation"},
imageAlt: "professional roofing crew installation",
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1koszl", imageSrc: "https://images.unsplash.com/photo-1605276374104-dee2a0d3da68?q=80&w=1200", imageAlt: "professional roofing crew installation"},
imageAlt: "professional roofing crew installation",
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k8wbs7", imageSrc: "https://images.unsplash.com/photo-1632733711675-1e5f83863b78?q=80&w=1200&_wi=2", imageAlt: "professional roofing crew installation"},
imageAlt: "professional roofing crew installation",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oei30o",
imageAlt: "professional roofing crew installation",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wcugxk",
imageAlt: "professional roofing crew installation",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Get Free Estimate", text: "Get Free Estimate", href: "#contact"},
href: "#contact",
},
{ {
text: "Call (616) 291-7700", text: "Call (616) 291-7700", href: "tel:6162917700"},
href: "tel:6162917700",
},
]}
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5lvgtu",
alt: "Happy client residential construction",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hjqffh",
alt: "Contractor shaking hands with client",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fnvzpm",
alt: "Happy customer new house roof",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yd4u87",
alt: "Satisfied homeowner portrait",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j27udq",
alt: "Happy couple new house siding",
},
]} ]}
avatars={[]}
avatarText="Trusted by 500+ Local Families" avatarText="Trusted by 500+ Local Families"
marqueeItems={[ marqueeItems={[
{ { type: "text", text: "Licensed & Insured" },
type: "text", { type: "text", text: "4.9 Star Rated" },
text: "Licensed & Insured", { type: "text", text: "Sparta Based" },
}, { type: "text", text: "Lifetime Warranty" },
{
type: "text",
text: "4.9 Star Rated",
},
{
type: "text",
text: "Sparta Based",
},
{
type: "text",
text: "Lifetime Warranty",
},
{
type: "text",
text: "Fast Turnaround",
},
]} ]}
/> />
</div> </div>
@@ -163,14 +85,9 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
heading={[ heading={[
{ {
type: "text", type: "text", content: "Family-Owned Excellence in West Michigan"},
content: "Family-Owned Excellence in West Michigan",
},
{ {
type: "image", type: "image", src: "https://images.unsplash.com/photo-1581092160607-ee22532078a3?q=80&w=800", alt: "Construction team working on a roof"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jgj8kn",
alt: "Construction team meeting",
},
]} ]}
/> />
</div> </div>
@@ -183,26 +100,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Roof Replacement", title: "Roof Replacement", description: "Full roof installations with premium materials.", imageSrc: "https://images.unsplash.com/photo-1613490493576-7fde63acd811?q=80&w=600", titleImageSrc: "https://images.unsplash.com/photo-1596706972036-d748f3438e83?q=80&w=200", buttonText: "Read More"},
description: "Full roof installations with premium materials.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=04jw2r",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2v9zwz",
buttonText: "Read More",
},
{ {
title: "Storm Damage Repair", title: "Storm Damage Repair", description: "Quick response to protect your property.", imageSrc: "https://images.unsplash.com/photo-1605276374104-dee2a0d3da68?q=80&w=600", titleImageSrc: "https://images.unsplash.com/photo-1632733711675-1e5f83863b78?q=80&w=200", buttonText: "Read More"},
description: "Quick response to protect your property.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xj4lzg",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xujo6j",
buttonText: "Read More",
},
{ {
title: "Siding Installation", title: "Siding Installation", description: "Durable and aesthetic siding options.", imageSrc: "https://images.unsplash.com/photo-1594993441884-863004445582?q=80&w=600", titleImageSrc: "https://images.unsplash.com/photo-1581092160607-ee22532078a3?q=80&w=200", buttonText: "Read More"},
description: "Durable and aesthetic siding options.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=po7jgn",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hb7zju",
buttonText: "Read More",
},
]} ]}
title="Professional Exterior Services" title="Professional Exterior Services"
description="Comprehensive roofing and construction services built on honesty and high-quality craftsmanship." description="Comprehensive roofing and construction services built on honesty and high-quality craftsmanship."
@@ -215,28 +117,7 @@ export default function LandingPage() {
testimonial="The process was seamless from start to finish. Fast, thorough, and cleaned up perfectly after the job. You won't find a more organized, customer-focused contractor." testimonial="The process was seamless from start to finish. Fast, thorough, and cleaned up perfectly after the job. You won't find a more organized, customer-focused contractor."
rating={5} rating={5}
author="Sarah & Michael W." author="Sarah & Michael W."
avatars={[ avatars={[]}
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5lvgtu",
alt: "Happy client residential construction",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hjqffh",
alt: "Contractor shaking hands with client",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fnvzpm",
alt: "Happy customer new house roof",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yd4u87",
alt: "Satisfied homeowner portrait",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j27udq",
alt: "Happy couple new house siding",
},
]}
ratingAnimation="slide-up" ratingAnimation="slide-up"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
/> />
@@ -249,19 +130,13 @@ export default function LandingPage() {
description="Get a free estimate today by filling out our quick contact form." description="Get a free estimate today by filling out our quick contact form."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Full Name", required: true,
type: "text",
placeholder: "Full Name",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Phone Number", required: true,
type: "tel",
placeholder: "Phone Number",
required: true,
}, },
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yd2cns" imageSrc="https://images.unsplash.com/photo-1632733711675-1e5f83863b78?q=80&w=800"
/> />
</div> </div>
@@ -271,17 +146,11 @@ export default function LandingPage() {
{ {
items: [ items: [
{ {
label: "Services", label: "Services", href: "#services"},
href: "#services",
},
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
]} ]}