Merge version_1 into main #1
163
src/app/page.tsx
163
src/app/page.tsx
@@ -32,75 +32,42 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Joe Roberson & Son Roofing"
|
||||
button={{
|
||||
text: "Get A Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get A Free Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="Greenville's Most Trusted Roofers Since 1965"
|
||||
description="Reliable residential roofing solutions in South Carolina. Expert repairs, full replacements, and storm damage services tailored for your home."
|
||||
tag="Trusted Local Experts"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Roofing Quote Today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Roofing Quote Today", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sun-twilight-air-blue-background_1172-233.jpg",
|
||||
imageAlt: "Professional roofer installing new roof tiles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sun-twilight-air-blue-background_1172-233.jpg", imageAlt: "Professional roofer installing new roof tiles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
|
||||
imageAlt: "Roofer inspecting residential roof damages",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg",
|
||||
imageAlt: "Bearded man smoking on the roof ",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-roof-with-clouds_1204-23.jpg",
|
||||
imageAlt: "Red roof with clouds",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-chimney-blue-sky_23-2149627194.jpg",
|
||||
imageAlt: "Beautiful house with chimney and blue sky",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg", imageAlt: "Roofer inspecting residential roof damages"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -116,29 +83,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Leak Repair",
|
||||
description: "Swift and effective detection and repair of all types of roof leaks, preventing further damage to your home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg",
|
||||
imageAlt: "Roofer fixing a roof leak",
|
||||
},
|
||||
title: "Roof Leak Repair", description: "Swift and effective detection and repair of all types of roof leaks, preventing further damage to your home.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg", imageAlt: "Roofer fixing a roof leak"},
|
||||
{
|
||||
title: "Full Roof Replacement",
|
||||
description: "Comprehensive roof replacement services using premium materials and expert craftsmanship for lasting protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg",
|
||||
imageAlt: "New roof being installed on a house",
|
||||
},
|
||||
title: "Full Roof Replacement", description: "Comprehensive roof replacement services using premium materials and expert craftsmanship for lasting protection.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", imageAlt: "New roof being installed on a house"},
|
||||
{
|
||||
title: "Storm Damage Inspections",
|
||||
description: "Thorough inspections and detailed assessments for storm damage, assisting with insurance claims and repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg",
|
||||
imageAlt: "Roof damage after a storm",
|
||||
},
|
||||
title: "Storm Damage Inspections", description: "Thorough inspections and detailed assessments for storm damage, assisting with insurance claims and repairs.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg", imageAlt: "Roof damage after a storm"},
|
||||
{
|
||||
title: "Commercial Sheet Metal",
|
||||
description: "Specialized commercial sheet metal roofing solutions, offering durability and tailored designs for businesses.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg",
|
||||
imageAlt: "Commercial building with sheet metal roof",
|
||||
},
|
||||
title: "Commercial Sheet Metal", description: "Specialized commercial sheet metal roofing solutions, offering durability and tailored designs for businesses.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg", imageAlt: "Commercial building with sheet metal roof"},
|
||||
]}
|
||||
title="Our Expert Roofing Services"
|
||||
description="From minor leaks to full roof overhauls, our experienced team delivers quality and durability you can trust for your Greenville home."
|
||||
@@ -152,19 +103,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Years of Local Service",
|
||||
value: "59+",
|
||||
},
|
||||
label: "Years of Local Service", value: "59+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Licensed & Insured",
|
||||
value: "Certified",
|
||||
},
|
||||
label: "Licensed & Insured", value: "Certified"},
|
||||
{
|
||||
icon: DollarSign,
|
||||
label: "Estimate",
|
||||
value: "Free",
|
||||
},
|
||||
label: "Estimate", value: "Free"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -175,14 +120,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Pelham Road",
|
||||
"Five Forks",
|
||||
"Downtown Greenville",
|
||||
"Augusta Road",
|
||||
"Parkins Mill",
|
||||
"North Main",
|
||||
"Stone Lake",
|
||||
]}
|
||||
"Pelham Road", "Five Forks", "Downtown Greenville", "Augusta Road", "Parkins Mill", "North Main", "Stone Lake"]}
|
||||
title="Serving Greenville & Surrounding Communities"
|
||||
description="Our commitment to quality has earned the trust of countless homeowners and businesses across the region."
|
||||
tagAnimation="none"
|
||||
@@ -200,25 +138,15 @@ export default function LandingPage() {
|
||||
author="Sarah J., Greenville Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-smiley-woman-holding-cup-coffee-outside_23-2148728650.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-smiley-woman-holding-cup-coffee-outside_23-2148728650.jpg", alt: "Sarah J."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",
|
||||
alt: "Michael C.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg", alt: "Michael C."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
|
||||
alt: "Emily R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "Emily R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-160610.jpg",
|
||||
alt: "David K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-160610.jpg", alt: "David K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153863.jpg",
|
||||
alt: "Jessica L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153863.jpg", alt: "Jessica L."},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -230,25 +158,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a roof replacement take?",
|
||||
content: "Most residential roof replacements can be completed within 1-3 days, depending on the size and complexity of your roof and weather conditions.",
|
||||
},
|
||||
id: "1", title: "How long does a roof replacement take?", content: "Most residential roof replacements can be completed within 1-3 days, depending on the size and complexity of your roof and weather conditions."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide complimentary, no-obligation estimates for all our roofing services. Contact us today to schedule yours!",
|
||||
},
|
||||
id: "2", title: "Do you offer free estimates?", content: "Yes, we provide complimentary, no-obligation estimates for all our roofing services. Contact us today to schedule yours!"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. Joe Roberson & Son Roofing is fully licensed, bonded, and insured, ensuring peace of mind and protection for our clients.",
|
||||
},
|
||||
id: "3", title: "Are you licensed and insured?", content: "Absolutely. Joe Roberson & Son Roofing is fully licensed, bonded, and insured, ensuring peace of mind and protection for our clients."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What types of roofing materials do you work with?",
|
||||
content: "We work with a wide range of high-quality materials including asphalt shingles, metal roofing, cedar shakes, and more, to suit your home's style and budget.",
|
||||
},
|
||||
id: "4", title: "What types of roofing materials do you work with?", content: "We work with a wide range of high-quality materials including asphalt shingles, metal roofing, cedar shakes, and more, to suit your home's style and budget."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to common questions about our roofing services, process, and commitment to quality and customer satisfaction."
|
||||
@@ -265,22 +181,13 @@ export default function LandingPage() {
|
||||
description="Fill out the quick form below, and our team will contact you shortly to discuss your roofing needs and provide a fast, accurate estimate."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
{
|
||||
name: "zip_code",
|
||||
type: "text",
|
||||
placeholder: "Your Zip Code",
|
||||
required: true,
|
||||
name: "zip_code", type: "text", placeholder: "Your Zip Code", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-four-people-standing-construction-site_259150-60525.jpg"
|
||||
@@ -295,13 +202,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Joe Roberson & Son Roofing"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user