Merge version_1 into main #2
152
src/app/page.tsx
152
src/app/page.tsx
@@ -29,71 +29,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Fabulous Roofing"
|
||||
button={{ text: "Get a Free Estimate", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Superior Roofing for Fabulous Homes"
|
||||
description="Expert residential roofing services delivered with precision and integrity. From minor repairs to complete roof replacements, we ensure your home stays protected."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg?_wi=1",
|
||||
imageAlt: "Roof inspection",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", imageAlt: "Roof inspection"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg?_wi=1",
|
||||
imageAlt: "Roof team",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", imageAlt: "Roof team"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg?_wi=1",
|
||||
imageAlt: "Roof shingles",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg", imageAlt: "Roof shingles"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=1",
|
||||
imageAlt: "Roof details",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg", imageAlt: "Roof details"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg?_wi=1",
|
||||
imageAlt: "Roof safety",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg", imageAlt: "Roof safety"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg?_wi=1",
|
||||
imageAlt: "Roof finish",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg", imageAlt: "Roof finish"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,28 +73,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Fast and effective repairs for leaks, damaged shingles, and storm damage. We identify the source of the issue.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg?_wi=2",
|
||||
imageAlt: "residential roof inspection work",
|
||||
title: "Roof Repair", description: "Fast and effective repairs for leaks, damaged shingles, and storm damage. We identify the source of the issue.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "New Installation",
|
||||
description: "Complete roof replacements using premium materials designed to stand the test of time and weather.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg?_wi=2",
|
||||
imageAlt: "expert roofing team onsite",
|
||||
title: "New Installation", description: "Complete roof replacements using premium materials designed to stand the test of time and weather.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Maintenance Plans",
|
||||
description: "Preventative inspections and maintenance to prolong the life of your roof and avoid costly surprise repairs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg?_wi=2",
|
||||
imageAlt: "new roof installation progress",
|
||||
title: "Maintenance Plans", description: "Preventative inspections and maintenance to prolong the life of your roof and avoid costly surprise repairs.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
@@ -140,60 +93,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "2024-05-12",
|
||||
title: "Highly Professional",
|
||||
quote: "Fabulous Roofing transformed our home. The team was punctual, tidy, and did an exceptional job.",
|
||||
tag: "New Roof",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=2",
|
||||
imageAlt: "architectural shingles roofing details",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "2024-05-12", title: "Highly Professional", quote: "Fabulous Roofing transformed our home. The team was punctual, tidy, and did an exceptional job.", tag: "New Roof", avatarSrc: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg", imageAlt: "architectural shingles roofing details"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert Chen",
|
||||
date: "2024-06-20",
|
||||
title: "Efficient Repair",
|
||||
quote: "I had a persistent leak that others couldn't find. These guys found it and fixed it quickly.",
|
||||
tag: "Repairs",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58366.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg?_wi=2",
|
||||
imageAlt: "roofer climbing ladder safety",
|
||||
},
|
||||
id: "2", name: "Robert Chen", date: "2024-06-20", title: "Efficient Repair", quote: "I had a persistent leak that others couldn't find. These guys found it and fixed it quickly.", tag: "Repairs", avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58366.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg", imageAlt: "roofer climbing ladder safety"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
date: "2024-07-05",
|
||||
title: "Exceeded Expectations",
|
||||
quote: "Great communication throughout the entire process. Highly recommend for any home owner.",
|
||||
tag: "Replacements",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-blonde-woman-wear-jeans-girl-sleeveless-with-white-shirt-against-street_627829-11108.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg?_wi=2",
|
||||
imageAlt: "completed roof renovation result",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", date: "2024-07-05", title: "Exceeded Expectations", quote: "Great communication throughout the entire process. Highly recommend for any home owner.", tag: "Replacements", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-blonde-woman-wear-jeans-girl-sleeveless-with-white-shirt-against-street_627829-11108.jpg", imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg", imageAlt: "completed roof renovation result"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
date: "2024-08-15",
|
||||
title: "Reliable Team",
|
||||
quote: "Professional, polite, and very detailed in their explanation. True masters of their craft.",
|
||||
tag: "Maintenance",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg",
|
||||
imageAlt: "happy homeowner portrait satisfied",
|
||||
},
|
||||
id: "4", name: "David Smith", date: "2024-08-15", title: "Reliable Team", quote: "Professional, polite, and very detailed in their explanation. True masters of their craft.", tag: "Maintenance", avatarSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg", imageAlt: "happy homeowner portrait satisfied"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Adams",
|
||||
date: "2024-09-02",
|
||||
title: "Top Quality",
|
||||
quote: "My roof looks brand new and adds such curb appeal to my property. Best investment this year.",
|
||||
tag: "New Roof",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58366.jpg",
|
||||
imageAlt: "middle aged man residential roof",
|
||||
},
|
||||
id: "5", name: "Julia Adams", date: "2024-09-02", title: "Top Quality", quote: "My roof looks brand new and adds such curb appeal to my property. Best investment this year.", tag: "New Roof", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-mature-man-casual-clothes-with-laptop-near-brick-wall_259150-58366.jpg", imageAlt: "middle aged man residential roof"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="See why Fabulous Roofing is the preferred choice for residential roofing projects in our area."
|
||||
@@ -205,20 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a roof installation take?",
|
||||
content: "Typically 1-3 days for a standard residential property depending on weather and complexity.",
|
||||
},
|
||||
id: "1", title: "How long does a roof installation take?", content: "Typically 1-3 days for a standard residential property depending on weather and complexity."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, we provide full material and workmanship warranties for your peace of mind.",
|
||||
},
|
||||
id: "2", title: "Do you offer warranties?", content: "Yes, we provide full material and workmanship warranties for your peace of mind."},
|
||||
{
|
||||
id: "3",
|
||||
title: "When is the best time to replace a roof?",
|
||||
content: "Spring or early autumn are usually ideal for mild temperatures and clear skies.",
|
||||
},
|
||||
id: "3", title: "When is the best time to replace a roof?", content: "Spring or early autumn are usually ideal for mild temperatures and clear skies."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -229,8 +128,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Protect Your Home?"
|
||||
description="Request your free roof inspection and quote today. We respond to all inquiries within 24 hours."
|
||||
|
||||
Reference in New Issue
Block a user