Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 507cf1adb3 | |||
| 5854d6b656 |
194
src/app/page.tsx
194
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Mission Roofing Co"
|
||||
/>
|
||||
@@ -57,35 +49,21 @@ export default function LandingPage() {
|
||||
description="Protecting your most valuable investment with expert craftsmanship and durable materials."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg",
|
||||
imageAlt: "residential roof replacement worker",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg", imageAlt: "residential roof replacement worker"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
|
||||
imageAlt: "residential roof replacement worker",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", imageAlt: "residential roof replacement worker"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
|
||||
imageAlt: "residential roof replacement worker",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg", imageAlt: "residential roof replacement worker"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg",
|
||||
imageAlt: "residential roof replacement worker",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg", imageAlt: "residential roof replacement worker"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
|
||||
imageAlt: "residential roof replacement worker",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg", imageAlt: "residential roof replacement worker"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg",
|
||||
imageAlt: "residential roof replacement worker",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg", imageAlt: "residential roof replacement worker"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,17 +75,11 @@ export default function LandingPage() {
|
||||
description="With over 20 years of experience, we provide top-tier roofing solutions. We prioritize safety, quality, and complete customer satisfaction for every project we undertake."
|
||||
metrics={[
|
||||
{
|
||||
value: "1500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "1500+", title: "Projects Completed"},
|
||||
{
|
||||
value: "20",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "20", title: "Years Experience"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Safety Guaranteed",
|
||||
},
|
||||
value: "100%", title: "Safety Guaranteed"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-signing-document_23-2148921394.jpg"
|
||||
imageAlt="roofing installation experts work"
|
||||
@@ -123,23 +95,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Leak Repair",
|
||||
description: "Rapid response to stop leaks and prevent interior damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-couple-standing-balcony_23-2147923064.jpg",
|
||||
imageAlt: "residential roof replacement worker",
|
||||
},
|
||||
title: "Leak Repair", description: "Rapid response to stop leaks and prevent interior damage.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-couple-standing-balcony_23-2147923064.jpg", imageAlt: "residential roof replacement worker"},
|
||||
{
|
||||
title: "Full Replacement",
|
||||
description: "Complete roof tear-off and installation for long-lasting performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg",
|
||||
imageAlt: "residential roof replacement worker",
|
||||
},
|
||||
title: "Full Replacement", description: "Complete roof tear-off and installation for long-lasting performance.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg", imageAlt: "residential roof replacement worker"},
|
||||
{
|
||||
title: "Roof Inspection",
|
||||
description: "Professional assessment to identify issues before they worsen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
|
||||
imageAlt: "residential roof replacement worker",
|
||||
},
|
||||
title: "Roof Inspection", description: "Professional assessment to identify issues before they worsen.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", imageAlt: "residential roof replacement worker"},
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="From minor repairs to full-scale replacements, we handle it all with care."
|
||||
@@ -153,20 +113,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24h",
|
||||
description: "Emergency response time",
|
||||
},
|
||||
id: "m1", value: "24h", description: "Emergency response time"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "5-star reviews",
|
||||
},
|
||||
id: "m2", value: "500+", description: "5-star reviews"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10yr",
|
||||
description: "Warranty coverage",
|
||||
},
|
||||
id: "m3", value: "10yr", description: "Warranty coverage"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -179,59 +130,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "Homeowner", company: "Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-influencer-taking-selfie-while-enjoying-pastry-coffee-cafe-shopping-mall_662251-2725.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", role: "Homeowner", company: "Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-influencer-taking-selfie-while-enjoying-pastry-coffee-cafe-shopping-mall_662251-2725.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Brown",
|
||||
role: "Property Manager",
|
||||
company: "Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-talking-urban-city-center-discussing-taking-pictures-project-digital-photo-camera_285396-9860.jpg",
|
||||
},
|
||||
id: "3", name: "Robert Brown", role: "Property Manager", company: "Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-talking-urban-city-center-discussing-taking-pictures-project-digital-photo-camera_285396-9860.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice Wilson",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-musician-roof-top-playing-electric-guitar_23-2148680359.jpg",
|
||||
},
|
||||
id: "4", name: "Alice Wilson", role: "Homeowner", company: "Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-musician-roof-top-playing-electric-guitar_23-2148680359.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Charlie Davis",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg",
|
||||
},
|
||||
id: "5", name: "Charlie Davis", role: "Homeowner", company: "Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "98%", label: "Happy Clients"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Annual Referrals",
|
||||
},
|
||||
value: "100+", label: "Annual Referrals"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Hear what our customers say about our professional service."
|
||||
@@ -244,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a roof last?",
|
||||
content: "Most asphalt roofs last 20-25 years depending on maintenance.",
|
||||
},
|
||||
id: "q1", title: "How long does a roof last?", content: "Most asphalt roofs last 20-25 years depending on maintenance."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we have flexible financing options available for larger projects.",
|
||||
},
|
||||
id: "q2", title: "Do you offer financing?", content: "Yes, we have flexible financing options available for larger projects."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the estimate free?",
|
||||
content: "Yes, our initial roofing inspections and estimates are always free.",
|
||||
},
|
||||
id: "q3", title: "Is the estimate free?", content: "Yes, our initial roofing inspections and estimates are always free."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/builder-men-wearing-safety-helmets_23-2148751997.jpg"
|
||||
imageAlt="roof inspection checklist expert"
|
||||
@@ -271,14 +182,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to protect your home with Mission Roofing? Contact us today to schedule your free inspection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:info@missionroofing.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:info@missionroofing.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -288,36 +196,26 @@ export default function LandingPage() {
|
||||
logoText="MISSION 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"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Mission Roofing Co. All rights reserved."
|
||||
copyrightText="© 2026 Mission Roofing Co. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user