Merge version_1 into main #2
291
src/app/page.tsx
291
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="BlackCrest"
|
||||
/>
|
||||
@@ -53,105 +41,38 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Roofing Crafted with Legacy."
|
||||
description="BlackCrest Roofing 3rd Generation delivers premium roofing solutions with precision craftsmanship, fair pricing, and unmatched professionalism trusted by dozens of 5-star homeowners."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg?_wi=1",
|
||||
imageAlt: "Luxury residential roof installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg",
|
||||
imageAlt: "Professional metal roof construction",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
|
||||
imageAlt: "Expert shingle placement",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg",
|
||||
imageAlt: "Roofing renovation finish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",
|
||||
imageAlt: "Detailed roofing craftsmanship",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg", imageAlt: "Luxury residential roof installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg", imageAlt: "Professional metal roof construction" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg", imageAlt: "Expert shingle placement" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", imageAlt: "Roofing renovation finish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg", imageAlt: "Detailed roofing craftsmanship" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
|
||||
imageAlt: "Detailed roofing finish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-wall-concept-with-copy-space_23-2148801303.jpg",
|
||||
imageAlt: "Construction site safety",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-metal-surface-with-pattern_23-2148796569.jpg",
|
||||
imageAlt: "Residential roofing overview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg",
|
||||
imageAlt: "New shingles installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
|
||||
imageAlt: "Premium materials roofing",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg", imageAlt: "Detailed roofing finish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-wall-concept-with-copy-space_23-2148801303.jpg", imageAlt: "Construction site safety" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-metal-surface-with-pattern_23-2148796569.jpg", imageAlt: "Residential roofing overview" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg", imageAlt: "New shingles installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Premium materials roofing" }
|
||||
]}
|
||||
buttons={[{ text: "Get Free Inspection", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg",
|
||||
alt: "High angle beautiful wooden house with new roof",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg",
|
||||
alt: "Exterior of home",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg",
|
||||
alt: "Old roof of architecture in Quebec City",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-big-windows_23-2149343704.jpg",
|
||||
alt: "Beautiful wooden house with big windows",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
|
||||
alt: "Full shot man with helmet sitting on roof",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg", alt: "High angle beautiful wooden house with new roof" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg", alt: "Exterior of home" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg", alt: "Old roof of architecture in Quebec City" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-big-windows_23-2149343704.jpg", alt: "Beautiful wooden house with big windows" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", alt: "Full shot man with helmet sitting on roof" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "3rd Generation Experts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast 48-Hour Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Top-Rated Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fair Honest Pricing",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "3rd Generation Experts" },
|
||||
{ type: "text", text: "Fast 48-Hour Service" },
|
||||
{ type: "text", text: "Top-Rated Quality" },
|
||||
{ type: "text", text: "Fair Honest Pricing" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,20 +83,11 @@ export default function LandingPage() {
|
||||
title="A Legacy of Trust"
|
||||
description="We are proud to be 3rd-generation roofers, carrying forward decades of integrity and technical excellence. Our commitment is to family values and home safety."
|
||||
metrics={[
|
||||
{
|
||||
value: "25+",
|
||||
title: "Years of Excellence",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Completed Projects",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
{ value: "25+", title: "Years of Excellence" },
|
||||
{ value: "500+", title: "Completed Projects" },
|
||||
{ value: "100%", title: "Customer Satisfaction" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg"
|
||||
imageAlt="Our roofing team at work"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -187,53 +99,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "New Installation",
|
||||
description: "High-quality shingles, tiles, and modern systems installed with precision engineering.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-8975.jpg",
|
||||
imageAlt: "New roof installation service",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13151.jpg",
|
||||
imageAlt: "New roof construction project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg?_wi=2",
|
||||
imageAlt: "shingle roof installation service",
|
||||
},
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Fast-response repairs that stop leaks instantly and extend the total lifespan of your roof.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
|
||||
imageAlt: "Expert roof repair fix",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg",
|
||||
imageAlt: "Professional roof inspection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg?_wi=2",
|
||||
imageAlt: "shingle roof installation service",
|
||||
},
|
||||
{
|
||||
title: "Insurance & Permits",
|
||||
description: "We take the headache out of the process by handling all permits and insurance-compliant paperwork.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/civil-engineers-work-large-road-machinery-conditions_1150-24330.jpg",
|
||||
imageAlt: "Construction documentation",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-clients-broker-salesman-examining-blueprints-layout_482257-90840.jpg",
|
||||
imageAlt: "Building permit compliance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020305.jpg",
|
||||
imageAlt: "shingle roof installation service",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Premium Roofing Services"
|
||||
description="Comprehensive solutions designed to protect and beautify your home for years to come."
|
||||
features={[
|
||||
{
|
||||
title: "New Installation", description: "High-quality shingles, tiles, and modern systems installed with precision engineering.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-8975.jpg", imageAlt: "New roof installation service" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13151.jpg", imageAlt: "New roof construction project" }
|
||||
},
|
||||
{
|
||||
title: "Roof Repairs", description: "Fast-response repairs that stop leaks instantly and extend the total lifespan of your roof.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg", imageAlt: "Expert roof repair fix" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg", imageAlt: "Professional roof inspection" }
|
||||
},
|
||||
{
|
||||
title: "Insurance & Permits", description: "We take the headache out of the process by handling all permits and insurance-compliant paperwork.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/civil-engineers-work-large-road-machinery-conditions_1150-24330.jpg", imageAlt: "Construction documentation" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-clients-broker-salesman-examining-blueprints-layout_482257-90840.jpg", imageAlt: "Building permit compliance" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -241,15 +123,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"GAF Shingles",
|
||||
"CertainTeed",
|
||||
"Owens Corning",
|
||||
"Velux Windows",
|
||||
"James Hardie",
|
||||
"IKO Roofing",
|
||||
"Atlas Roofing",
|
||||
]}
|
||||
names={["GAF Shingles", "CertainTeed", "Owens Corning", "Velux Windows", "James Hardie", "IKO Roofing", "Atlas Roofing"]}
|
||||
title="Trusted Partner Network"
|
||||
description="We work with top-tier suppliers and local businesses to ensure every project meets our quality standards."
|
||||
/>
|
||||
@@ -262,26 +136,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah & Michael Thompson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020305.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-girl-her-handsome-boyfriend-woman-casual-summer-jeans-clothes_158538-5514.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-attractive-joyful-middle-aged-female-blue-shirt-holding-laptop-working-from-home-smiling-happily-camera-e_343059-2248.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-brothers-playing-together_23-2150327566.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-construction_23-2149366626.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020305.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-girl-her-handsome-boyfriend-woman-casual-summer-jeans-clothes_158538-5514.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-attractive-joyful-middle-aged-female-blue-shirt-holding-laptop-working-from-home-smiling-happily-camera-e_343059-2248.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-brothers-playing-together_23-2150327566.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-construction_23-2149366626.jpg", alt: "Client 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -293,21 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a roof installation take?",
|
||||
content: "Most residential roof replacements are completed in 1-3 days, depending on home size.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are fully licensed and insured for your peace of mind and protection.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer free inspections?",
|
||||
content: "Absolutely! Contact us today to schedule your no-obligation roof health inspection.",
|
||||
},
|
||||
{ id: "1", title: "How long does a roof installation take?", content: "Most residential roof replacements are completed in 1-3 days, depending on home size." },
|
||||
{ id: "2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for your peace of mind and protection." },
|
||||
{ id: "3", title: "Do you offer free inspections?", content: "Absolutely! Contact us today to schedule your no-obligation roof health inspection." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our roofing installation and repair process."
|
||||
@@ -318,9 +165,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Get Started"
|
||||
title="Protect Your Home Today"
|
||||
description="Request your free roof inspection and quote from our professional roofing experts."
|
||||
@@ -334,31 +179,11 @@ export default function LandingPage() {
|
||||
logoText="BlackCrest Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Resources", items: [{ label: "Services", href: "#services" }, { label: "FAQ", href: "#faq" }]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 BlackCrest Roofing 3rd Generation. All rights reserved."
|
||||
/>
|
||||
@@ -366,4 +191,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user