Merge version_1 into main #1
183
src/app/page.tsx
183
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="JM Roofing"
|
||||
/>
|
||||
@@ -58,42 +48,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Roofing Done Right — The First Time"
|
||||
description="Three Generations of Roofing Excellence You Can Trust. Trusted by homeowners for over 25 years. Fast, reliable, and built to last."
|
||||
tag="3rd Generation Family Business"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg",
|
||||
imageAlt: "Luxury residential roofing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg", imageAlt: "Luxury residential roofing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-discuss-plan-looking-blueprint_554837-412.jpg",
|
||||
imageAlt: "Professional roofing contractors team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg",
|
||||
imageAlt: "Roof shingles pattern detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24747.jpg",
|
||||
imageAlt: "Premium wooden tile roof texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg",
|
||||
imageAlt: "Architectural roof detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-discuss-plan-looking-blueprint_554837-412.jpg", imageAlt: "Professional roofing contractors team"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -107,9 +76,7 @@ export default function LandingPage() {
|
||||
title="A Family Legacy Built on Quality"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Learn More", href: "#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,26 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Full tear-off and premium installation services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/uralita-tiles_1203-142.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
|
||||
buttonText: "Inquire",
|
||||
},
|
||||
title: "Roof Replacement", description: "Full tear-off and premium installation services.", imageSrc: "http://img.b2bpic.net/free-photo/uralita-tiles_1203-142.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg", buttonText: "Inquire"},
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Comprehensive leak and damage fixes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-drips-morning-dew-car-window_181624-3141.jpg",
|
||||
buttonText: "Inquire",
|
||||
},
|
||||
title: "Roof Repairs", description: "Comprehensive leak and damage fixes.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-drips-morning-dew-car-window_181624-3141.jpg", buttonText: "Inquire"},
|
||||
{
|
||||
title: "Leak Detection",
|
||||
description: "Find and fix hidden issues before they expand.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-examining-work_1122-970.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg",
|
||||
buttonText: "Inquire",
|
||||
},
|
||||
title: "Leak Detection", description: "Find and fix hidden issues before they expand.", imageSrc: "http://img.b2bpic.net/free-photo/workers-examining-work_1122-970.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", buttonText: "Inquire"},
|
||||
]}
|
||||
title="Complete Roofing Solutions"
|
||||
description="Expert residential roofing services delivered with care."
|
||||
@@ -155,67 +107,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maiisha Barnett",
|
||||
role: "Homeowner",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-indoor-shot-attractive-cute-young-female-with-charming-smile-standing-kitchen-interior-background-crossing-arms-her-chest-embracing-herself-having-happy-look_343059-2091.jpg",
|
||||
},
|
||||
id: "1", name: "Maiisha Barnett", role: "Homeowner", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-indoor-shot-attractive-cute-young-female-with-charming-smile-standing-kitchen-interior-background-crossing-arms-her-chest-embracing-herself-having-happy-look_343059-2091.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Forrest Barnes",
|
||||
role: "Homeowner",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happines-cheerful-perforated-paper-smiley-face_53876-16448.jpg",
|
||||
},
|
||||
id: "2", name: "Forrest Barnes", role: "Homeowner", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happines-cheerful-perforated-paper-smiley-face_53876-16448.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Christopher Poquiz",
|
||||
role: "Homeowner",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
},
|
||||
id: "3", name: "Christopher Poquiz", role: "Homeowner", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julia Quintana",
|
||||
role: "Homeowner",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-with-young-couple-embracing-background_23-2148895450.jpg",
|
||||
},
|
||||
id: "4", name: "Julia Quintana", role: "Homeowner", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-with-young-couple-embracing-background_23-2148895450.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Rivera",
|
||||
role: "Homeowner",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
|
||||
},
|
||||
id: "5", name: "Alex Rivera", role: "Homeowner", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-hipster-couple-love-walking-with-dog-countryside_285396-1351.jpg",
|
||||
},
|
||||
id: "6", name: "Sarah Miller", role: "Homeowner", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-hipster-couple-love-walking-with-dog-countryside_285396-1351.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "5-Star Reviews",
|
||||
},
|
||||
value: "100+", label: "5-Star Reviews"},
|
||||
{
|
||||
value: "25+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "25+", label: "Years Experience"},
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Roofs Replaced",
|
||||
},
|
||||
value: "1000+", label: "Roofs Replaced"},
|
||||
]}
|
||||
title="Real Reviews From Real Customers"
|
||||
description="Join over 100+ satisfied homeowners who trust our legacy."
|
||||
@@ -228,20 +144,11 @@ export default function LandingPage() {
|
||||
title="Built on Legacy"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "3",
|
||||
description: "Generations of Expertise",
|
||||
},
|
||||
id: "m1", value: "3", description: "Generations of Expertise"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "25+",
|
||||
description: "Years Serving Our Community",
|
||||
},
|
||||
id: "m2", value: "25+", description: "Years Serving Our Community"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2",
|
||||
description: "Day Average Turnaround",
|
||||
},
|
||||
id: "m3", value: "2", description: "Day Average Turnaround"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
tag="Reliability"
|
||||
@@ -253,20 +160,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, all estimates are free and no-obligation.",
|
||||
},
|
||||
id: "q1", title: "Do you offer free estimates?", content: "Yes, all estimates are free and no-obligation."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does a typical roof take?",
|
||||
content: "Most full replacements are completed within 1-2 days.",
|
||||
},
|
||||
id: "q2", title: "How long does a typical roof take?", content: "Most full replacements are completed within 1-2 days."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you insured?",
|
||||
content: "We are fully licensed and insured for your protection.",
|
||||
},
|
||||
id: "q3", title: "Are you insured?", content: "We are fully licensed and insured for your protection."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -277,8 +175,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Get Your Free Roofing Estimate Today"
|
||||
description="Fast response, honest pricing, and professional quality. Get in touch to schedule your inspection."
|
||||
@@ -289,13 +186,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="JM Roofing"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user