Merge version_2 into main #1
197
src/app/page.tsx
197
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Peak Roofing"
|
||||
/>
|
||||
@@ -55,20 +47,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Reliable Roofing for Your Home"
|
||||
description="Protecting your most valuable asset with expert craftsmanship, premium materials, and unmatched service. From minor repairs to full replacements, we've got you covered."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Our Services", href: "#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -78,14 +65,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built to Last, Designed for You",
|
||||
},
|
||||
type: "text", content: "Built to Last, Designed for You"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg",
|
||||
alt: "About Peak Roofing",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg", alt: "About Peak Roofing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,36 +75,21 @@ export default function LandingPage() {
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Roof Installation",
|
||||
descriptions: [
|
||||
"Expert installation for new construction or total roof replacements.",
|
||||
"Using top-tier shingle and metal materials.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg",
|
||||
},
|
||||
id: "s1", title: "Roof Installation", descriptions: [
|
||||
"Expert installation for new construction or total roof replacements.", "Using top-tier shingle and metal materials."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-building-workers-working-site-cloudy-day_1268-16199.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Leak Repair",
|
||||
descriptions: [
|
||||
"Fast, reliable diagnosis and repair of residential roof leaks.",
|
||||
"Preventing long-term structural water damage.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",
|
||||
},
|
||||
id: "s2", title: "Leak Repair", descriptions: [
|
||||
"Fast, reliable diagnosis and repair of residential roof leaks.", "Preventing long-term structural water damage."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Maintenance & Cleaning",
|
||||
descriptions: [
|
||||
"Regular roof inspections and gutter cleaning service.",
|
||||
"Extending the lifespan of your current roofing system.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",
|
||||
},
|
||||
id: "s3", title: "Maintenance & Cleaning", descriptions: [
|
||||
"Regular roof inspections and gutter cleaning service.", "Extending the lifespan of your current roofing system."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg"},
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="Our team of certified experts provides end-to-end roofing solutions tailored to your specific needs and budget."
|
||||
@@ -136,26 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Delivering quality results since 2008.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15997.jpg",
|
||||
},
|
||||
id: "m1", value: "15+", title: "Years Experience", description: "Delivering quality results since 2008.", imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15997.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Happy Customers",
|
||||
description: "Communities trust our reliable craftsmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg",
|
||||
},
|
||||
id: "m2", value: "5k+", title: "Happy Customers", description: "Communities trust our reliable craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Guaranteed project results every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Satisfaction", description: "Guaranteed project results every time.", imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg"},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Our commitment to quality has earned us the trust of homeowners across the region."
|
||||
@@ -168,55 +120,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2024",
|
||||
title: "Roof Installation",
|
||||
quote: "Fantastic service and excellent results.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13345.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-double-ok-gesture-with_1298-451.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", date: "Jan 2024", title: "Roof Installation", quote: "Fantastic service and excellent results.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13345.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-double-ok-gesture-with_1298-451.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike D.",
|
||||
date: "Feb 2024",
|
||||
title: "Emergency Repair",
|
||||
quote: "Quick, professional, and very thorough.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-dancing-city_23-2149643025.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike D.", date: "Feb 2024", title: "Emergency Repair", quote: "Quick, professional, and very thorough.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-dancing-city_23-2149643025.jpg", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena M.",
|
||||
date: "Mar 2024",
|
||||
title: "Full Replacement",
|
||||
quote: "They made the process so easy and stress-free.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeyp-touched-tender-kind-redhead-middleaged-granny-sighing-look-admiration-delight-clasp-hands-he_1258-134748.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-european-woman-with-charismatic-smile-laughing-cheerfully_273609-9262.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena M.", date: "Mar 2024", title: "Full Replacement", quote: "They made the process so easy and stress-free.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/closeyp-touched-tender-kind-redhead-middleaged-granny-sighing-look-admiration-delight-clasp-hands-he_1258-134748.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-european-woman-with-charismatic-smile-laughing-cheerfully_273609-9262.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom R.",
|
||||
date: "Apr 2024",
|
||||
title: "Routine Maintenance",
|
||||
quote: "Best roofing crew I have ever worked with.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-calculate-their-bills-home-look-desperately-papers-have-much-unpaid-taxes-check-documentation-pose-floor-drink-take-out-coffee-from-disposable-cup-think-about-repairing-flat_273609-28960.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-resting-home_1098-838.jpg",
|
||||
},
|
||||
id: "t4", name: "Tom R.", date: "Apr 2024", title: "Routine Maintenance", quote: "Best roofing crew I have ever worked with.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/couple-calculate-their-bills-home-look-desperately-papers-have-much-unpaid-taxes-check-documentation-pose-floor-drink-take-out-coffee-from-disposable-cup-think-about-repairing-flat_273609-28960.jpg", imageSrc: "http://img.b2bpic.net/free-photo/family-resting-home_1098-838.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa K.",
|
||||
date: "May 2024",
|
||||
title: "Roof Installation",
|
||||
quote: "Exceptional communication throughout.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2583.jpg",
|
||||
},
|
||||
id: "t5", name: "Lisa K.", date: "May 2024", title: "Roof Installation", quote: "Exceptional communication throughout.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2583.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="See why homeowners choose Peak Roofing for their roofing needs."
|
||||
@@ -228,14 +140,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"GAF Certified",
|
||||
"CertainTeed Pro",
|
||||
"Owens Corning Select",
|
||||
"IKO Certified",
|
||||
"Tamko Pro",
|
||||
"Atlas Signature",
|
||||
"Malarkey Certified",
|
||||
]}
|
||||
"GAF Certified", "CertainTeed Pro", "Owens Corning Select", "IKO Certified", "Tamko Pro", "Atlas Signature", "Malarkey Certified"]}
|
||||
title="Industry Recognized Partners"
|
||||
description="We partner with leading manufacturers to provide top-quality supplies for all our projects."
|
||||
/>
|
||||
@@ -247,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a roof installation take?",
|
||||
content: "Most residential roofs are completed in 1-2 days depending on the size and complexity of the project.",
|
||||
},
|
||||
id: "q1", title: "How long does a roof installation take?", content: "Most residential roofs are completed in 1-2 days depending on the size and complexity of the project."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide financing?",
|
||||
content: "Yes, we offer various flexible financing options for larger roofing projects.",
|
||||
},
|
||||
id: "q2", title: "Do you provide financing?", content: "Yes, we offer various flexible financing options for larger roofing projects."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you fully licensed and insured?",
|
||||
content: "Absolutely. We are fully licensed, bonded, and insured for your peace of mind.",
|
||||
},
|
||||
id: "q3", title: "Are you fully licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured for your peace of mind."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our roofing services and process."
|
||||
@@ -272,8 +168,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get A Free Quote"
|
||||
title="Ready to Protect Your Home?"
|
||||
description="Get in touch with our expert team today to schedule your free inspection and estimate."
|
||||
@@ -286,33 +181,21 @@ export default function LandingPage() {
|
||||
logoText="Peak Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -321,4 +204,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user