Merge version_1 into main #1
181
src/app/page.tsx
181
src/app/page.tsx
@@ -32,59 +32,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
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="MG Roofing"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Roofing Excellence You Can Trust"
|
||||
description="Providing high-quality roofing solutions, repairs, and installations for homeowners who value precision, safety, and longevity."
|
||||
tag="Trusted Local Roofers"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
|
||||
imageAlt: "Roofing crew installing shingles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", imageAlt: "Roofing crew installing shingles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",
|
||||
imageAlt: "Contractor inspecting roof",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-3266.jpg",
|
||||
imageAlt: "Roof pattern",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg",
|
||||
imageAlt: "Long shot men working on roof",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg",
|
||||
imageAlt: "Vertical low angle closeup shot of the black roof of a building",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", imageAlt: "Contractor inspecting roof"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -100,17 +73,11 @@ export default function LandingPage() {
|
||||
description="For over two decades, MG Roofing has served our community with unwavering dedication to quality. We ensure every shingle and beam meets the highest industry standards."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Installation",
|
||||
description: "Expert crews trained in modern techniques.",
|
||||
},
|
||||
title: "Precision Installation", description: "Expert crews trained in modern techniques."},
|
||||
{
|
||||
title: "Safety First",
|
||||
description: "Committed to rigorous job-site safety.",
|
||||
},
|
||||
title: "Safety First", description: "Committed to rigorous job-site safety."},
|
||||
{
|
||||
title: "Material Quality",
|
||||
description: "Only top-tier, long-lasting materials used.",
|
||||
},
|
||||
title: "Material Quality", description: "Only top-tier, long-lasting materials used."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15707.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -124,19 +91,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Rapid response to leaks and storm damage.",
|
||||
icon: Wrench,
|
||||
title: "Roof Repair", description: "Rapid response to leaks and storm damage.", icon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "New Installation",
|
||||
description: "Full roof replacements with warranty.",
|
||||
icon: Home,
|
||||
title: "New Installation", description: "Full roof replacements with warranty.", icon: Home,
|
||||
},
|
||||
{
|
||||
title: "Maintenance",
|
||||
description: "Scheduled checkups to extend roof lifespan.",
|
||||
icon: ShieldCheck,
|
||||
title: "Maintenance", description: "Scheduled checkups to extend roof lifespan.", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
@@ -149,14 +110,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Master Roofing Certified",
|
||||
"Better Home Builders",
|
||||
"Energy Efficient Tech",
|
||||
"Local Chamber Gold",
|
||||
"Top Rated Service 2024",
|
||||
"National Roofing Alliance",
|
||||
"Safety Excellence Award",
|
||||
]}
|
||||
"Master Roofing Certified", "Better Home Builders", "Energy Efficient Tech", "Local Chamber Gold", "Top Rated Service 2024", "National Roofing Alliance", "Safety Excellence Award"]}
|
||||
title="Recognized Excellence"
|
||||
description="We are proud to be associated with leading industry partners and quality assurance organizations."
|
||||
/>
|
||||
@@ -169,59 +123,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-hat-pointing-house-model-looking-confident-front-view_176474-30846.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-hat-pointing-house-model-looking-confident-front-view_176474-30846.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Clark",
|
||||
role: "Property Manager",
|
||||
company: "Housing Assoc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg",
|
||||
},
|
||||
id: "2", name: "David Clark", role: "Property Manager", company: "Housing Assoc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda White",
|
||||
role: "Homeowner",
|
||||
company: "Suburban Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-successful-meeting_23-2148480364.jpg",
|
||||
},
|
||||
id: "3", name: "Linda White", role: "Homeowner", company: "Suburban Living", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-successful-meeting_23-2148480364.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Taylor",
|
||||
role: "Investor",
|
||||
company: "Real Estate Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg",
|
||||
},
|
||||
id: "4", name: "James Taylor", role: "Investor", company: "Real Estate Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Evans",
|
||||
role: "Homeowner",
|
||||
company: "Valley Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg",
|
||||
},
|
||||
id: "5", name: "Robert Evans", role: "Homeowner", company: "Valley Home", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Roofs Completed",
|
||||
},
|
||||
value: "500+", label: "Roofs Completed"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "20+", label: "Years Experience"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfied Clients",
|
||||
},
|
||||
value: "98%", label: "Satisfied Clients"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from those who trust MG Roofing with their home security."
|
||||
@@ -233,20 +156,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a roof last?",
|
||||
content: "Most high-quality shingle roofs last between 20-25 years.",
|
||||
},
|
||||
id: "q1", title: "How long does a roof last?", content: "Most high-quality shingle roofs last between 20-25 years."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide emergency repairs?",
|
||||
content: "Yes, our team is available for emergency storm-damage repair 24/7.",
|
||||
},
|
||||
id: "q2", title: "Do you provide emergency repairs?", content: "Yes, our team is available for emergency storm-damage repair 24/7."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there a warranty?",
|
||||
content: "We offer comprehensive labor and material warranties on all new installations.",
|
||||
},
|
||||
id: "q3", title: "Is there a warranty?", content: "We offer comprehensive labor and material warranties on all new installations."},
|
||||
]}
|
||||
sideTitle="Common Roof Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -257,8 +171,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to help"
|
||||
title="Get a Free Inspection Today"
|
||||
description="Don't wait for the next storm. Contact our professional team for a thorough roof inspection and personalized quote."
|
||||
@@ -272,37 +185,23 @@ export default function LandingPage() {
|
||||
logoText="MG Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Repair", href: "#services"},
|
||||
{
|
||||
label: "Install",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Install", href: "#services"},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Maintenance", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user