Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c4b9812b08 | |||
| 58dc900666 |
191
src/app/page.tsx
191
src/app/page.tsx
@@ -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",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user