Update src/app/page.tsx
This commit is contained in:
260
src/app/page.tsx
260
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Us", id: "why-us"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="M&N Roofing"
|
||||
/>
|
||||
@@ -60,79 +50,40 @@ export default function LandingPage() {
|
||||
description="Trusted by homeowners across Greeley for expert roofing, siding, gutters, and storm restoration."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Installed metal roofing, gutters, and siding. No leaks, great cleanup, and works with insurance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg?_wi=1",
|
||||
imageAlt: "luxury home modern roof exterior",
|
||||
},
|
||||
name: "Sarah J.", handle: "Homeowner", testimonial: "Installed metal roofing, gutters, and siding. No leaks, great cleanup, and works with insurance.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", imageAlt: "luxury home modern roof exterior"},
|
||||
{
|
||||
name: "Mike R.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "On time, fair pricing, and better work than most in town. 5-star company.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg?_wi=1",
|
||||
imageAlt: "roof replacement work professional",
|
||||
},
|
||||
name: "Mike R.", handle: "Homeowner", testimonial: "On time, fair pricing, and better work than most in town. 5-star company.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg", imageAlt: "roof replacement work professional"},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Re-roofed our house, added gutters, and even painted. Reliable and no nails left behind.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg?_wi=1",
|
||||
imageAlt: "seamless gutter installation",
|
||||
},
|
||||
name: "David K.", handle: "Homeowner", testimonial: "Re-roofed our house, added gutters, and even painted. Reliable and no nails left behind.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg", imageAlt: "seamless gutter installation"},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "The crew was professional and handled our claim seamlessly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg?_wi=1",
|
||||
imageAlt: "modern vinyl house siding",
|
||||
},
|
||||
name: "Emily R.", handle: "Homeowner", testimonial: "The crew was professional and handled our claim seamlessly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg", imageAlt: "modern vinyl house siding"},
|
||||
{
|
||||
name: "Jason L.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Best roofing experience we've had. Fast, honest, and high quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg?_wi=1",
|
||||
imageAlt: "storm damage roof inspection",
|
||||
},
|
||||
name: "Jason L.", handle: "Homeowner", testimonial: "Best roofing experience we've had. Fast, honest, and high quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg", imageAlt: "storm damage roof inspection"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Call (970) 702-6509",
|
||||
href: "tel:9707026509",
|
||||
},
|
||||
text: "Call (970) 702-6509", href: "tel:9707026509"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by over 1,000+ local homeowners."
|
||||
/>
|
||||
@@ -145,64 +96,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roofing",
|
||||
description: "Full replacements, repairs, and high-quality metal, tile, and shingle systems.",
|
||||
icon: Building2,
|
||||
title: "Roofing", description: "Full replacements, repairs, and high-quality metal, tile, and shingle systems.", icon: Building2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571915.jpg?_wi=1",
|
||||
imageAlt: "roofing contractor professional consultation",
|
||||
},
|
||||
{
|
||||
title: "Gutters",
|
||||
description: "Expert seamless gutter installation and comprehensive drainage solutions.",
|
||||
icon: Droplets,
|
||||
title: "Gutters", description: "Expert seamless gutter installation and comprehensive drainage solutions.", icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg?_wi=3",
|
||||
imageAlt: "luxury home modern roof exterior",
|
||||
},
|
||||
{
|
||||
title: "Siding",
|
||||
description: "Upgrade your home's curb appeal and weather protection with modern siding.",
|
||||
icon: LayoutDashboard,
|
||||
title: "Siding", description: "Upgrade your home's curb appeal and weather protection with modern siding.", icon: LayoutDashboard,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg?_wi=4",
|
||||
imageAlt: "roof replacement work professional",
|
||||
},
|
||||
{
|
||||
title: "Storm & Insurance",
|
||||
description: "Expert insurance claim assistance and fast storm damage restoration services.",
|
||||
icon: Cloud,
|
||||
title: "Storm & Insurance", description: "Expert insurance claim assistance and fast storm damage restoration services.", icon: Cloud,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080188.jpg?_wi=4",
|
||||
imageAlt: "seamless gutter installation",
|
||||
},
|
||||
]}
|
||||
title="Complete Exterior Solutions"
|
||||
@@ -217,19 +144,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "4.9+",
|
||||
},
|
||||
label: "Rating", value: "4.9+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects",
|
||||
value: "1000+",
|
||||
},
|
||||
label: "Projects", value: "1000+"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Insurance Claims",
|
||||
value: "Expert",
|
||||
},
|
||||
label: "Insurance Claims", value: "Expert"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -242,64 +163,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Greeley, CO",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg?_wi=4",
|
||||
imageAlt: "modern vinyl house siding",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Greeley, CO", company: "Homeowner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-apartment-building-city_23-2148798614.jpg", imageAlt: "modern vinyl house siding"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
role: "Greeley, CO",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg?_wi=4",
|
||||
imageAlt: "storm damage roof inspection",
|
||||
},
|
||||
id: "2", name: "Mike R.", role: "Greeley, CO", company: "Homeowner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensioner-filling-out-aform_53876-165297.jpg", imageAlt: "storm damage roof inspection"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David K.",
|
||||
role: "Greeley, CO",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571915.jpg?_wi=2",
|
||||
imageAlt: "roofing contractor professional consultation",
|
||||
},
|
||||
id: "3", name: "David K.", role: "Greeley, CO", company: "Homeowner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571915.jpg", imageAlt: "roofing contractor professional consultation"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily R.",
|
||||
role: "Greeley, CO",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg?_wi=4",
|
||||
imageAlt: "luxury home modern roof exterior",
|
||||
},
|
||||
id: "4", name: "Emily R.", role: "Greeley, CO", company: "Homeowner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", imageAlt: "luxury home modern roof exterior"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jason L.",
|
||||
role: "Greeley, CO",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg?_wi=5",
|
||||
imageAlt: "roof replacement work professional",
|
||||
},
|
||||
id: "5", name: "Jason L.", role: "Greeley, CO", company: "Homeowner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg", imageAlt: "roof replacement work professional"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Rating"},
|
||||
{
|
||||
value: "36+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "36+", label: "Happy Clients"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Insured",
|
||||
},
|
||||
value: "100%", label: "Insured"},
|
||||
]}
|
||||
title="Real Reviews from Real Customers"
|
||||
description="See why Greeley homeowners trust us with their biggest investment."
|
||||
@@ -313,30 +198,19 @@ export default function LandingPage() {
|
||||
description="Fast response. Honest pricing. Quality you can trust."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Details about your roofing or exterior needs...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Details about your roofing or exterior needs...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571915.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571915.jpg"
|
||||
buttonText="Schedule My Free Inspection"
|
||||
/>
|
||||
</div>
|
||||
@@ -346,29 +220,19 @@ export default function LandingPage() {
|
||||
logoText="M&N Roofing & Exteriors"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "2001 Talon Pkwy, Greeley, CO",
|
||||
href: "#",
|
||||
},
|
||||
label: "2001 Talon Pkwy, Greeley, CO", href: "#"},
|
||||
{
|
||||
label: "(970) 702-6509",
|
||||
href: "tel:9707026509",
|
||||
},
|
||||
label: "(970) 702-6509", href: "tel:9707026509"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon–Sat: 7:00 AM – 6:00 PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon–Sat: 7:00 AM – 6:00 PM", href: "#"},
|
||||
{
|
||||
label: "Sunday: Closed",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sunday: Closed", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user