Merge version_1 into main #2
237
src/app/page.tsx
237
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Alma Roofing"
|
||||
/>
|
||||
@@ -55,33 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Built for Durability, Backed by Trust."
|
||||
description="Alma Roofing provides premium roofing installation and repair services for families who value quality, safety, and longevity."
|
||||
tag="Trusted Roofing Experts"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg?_wi=1",
|
||||
imageAlt: "professional roofing service residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", imageAlt: "professional roofing service residential"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg?_wi=1",
|
||||
imageAlt: "asphalt shingles roof texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
|
||||
imageAlt: "Full shot man with helmet sitting on roof",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg",
|
||||
imageAlt: "Modern country houses under construction",
|
||||
},
|
||||
{
|
||||
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/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", imageAlt: "asphalt shingles roof texture"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -97,60 +69,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Roof Inspections",
|
||||
author: "Alma Team",
|
||||
description: "Professional evaluation to identify potential issues before they become costly repairs.",
|
||||
tags: [
|
||||
"inspection",
|
||||
"maintenance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-contractor-working-with-wood-sanding-wooden-panel-carpenter-using-electrical-sander_662251-454.jpg?_wi=1",
|
||||
id: "f1", title: "Roof Inspections", author: "Alma Team", description: "Professional evaluation to identify potential issues before they become costly repairs.", tags: ["inspection", "maintenance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-contractor-working-with-wood-sanding-wooden-panel-carpenter-using-electrical-sander_662251-454.jpg"
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "New Installation",
|
||||
author: "Alma Team",
|
||||
description: "High-quality, long-lasting roofing materials installed by licensed professionals.",
|
||||
tags: [
|
||||
"installation",
|
||||
"new-build",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg?_wi=1",
|
||||
id: "f2", title: "New Installation", author: "Alma Team", description: "High-quality, long-lasting roofing materials installed by licensed professionals.", tags: ["installation", "new-build"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg"
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Emergency Repairs",
|
||||
author: "Alma Team",
|
||||
description: "Rapid response services for leak repairs and damage restoration when you need it most.",
|
||||
tags: [
|
||||
"repair",
|
||||
"emergency",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg?_wi=1",
|
||||
id: "f3", title: "Emergency Repairs", author: "Alma Team", description: "Rapid response services for leak repairs and damage restoration when you need it most.", tags: ["repair", "emergency"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg"
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Eco-friendly Roofing",
|
||||
author: "Alma Team",
|
||||
description: "Sustainable and energy-efficient roofing materials that help reduce your home's environmental footprint.",
|
||||
tags: [
|
||||
"eco",
|
||||
"sustainable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg",
|
||||
id: "f4", title: "Eco-friendly Roofing", author: "Alma Team", description: "Sustainable and energy-efficient roofing materials that help reduce your home's environmental footprint.", tags: ["eco", "sustainable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg"
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Roof Maintenance",
|
||||
author: "Alma Team",
|
||||
description: "Routine care and cleaning to extend the lifespan of your roof through all seasons.",
|
||||
tags: [
|
||||
"maintenance",
|
||||
"care",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-electrical-technician-with-drill-showing-something_1368-5326.jpg",
|
||||
},
|
||||
id: "f5", title: "Roof Maintenance", author: "Alma Team", description: "Routine care and cleaning to extend the lifespan of your roof through all seasons.", tags: ["maintenance", "care"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-electrical-technician-with-drill-showing-something_1368-5326.jpg"
|
||||
}
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="We offer a full spectrum of roofing solutions to keep your home protected in all seasons."
|
||||
@@ -163,24 +100,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Projects Completed",
|
||||
value: "1,200+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Years Experience",
|
||||
value: "15+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Happy Customers",
|
||||
value: "99%",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", title: "Projects Completed", value: "1,200+", icon: CheckCircle },
|
||||
{ id: "m2", title: "Years Experience", value: "15+", icon: Award },
|
||||
{ id: "m3", title: "Happy Customers", value: "99%", icon: Star }
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Our numbers reflect our commitment to excellence and high customer satisfaction."
|
||||
@@ -201,60 +123,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "2023-10-15",
|
||||
title: "Great Service",
|
||||
quote: "Alma Roofing was professional, on time, and very tidy. The quality of work is outstanding.",
|
||||
tag: "Repair",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
id: "t1", name: "Sarah Miller", date: "2023-10-15", title: "Great Service", quote: "Alma Roofing was professional, on time, and very tidy. The quality of work is outstanding.", tag: "Repair", avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", imageAlt: "happy homeowner portrait"
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
date: "2023-09-02",
|
||||
title: "Expert Team",
|
||||
quote: "The entire process was stress-free. My new roof looks fantastic.",
|
||||
tag: "Installation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-grandma-kid-with-thumbs-up_23-2148976876.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
id: "t2", name: "John Doe", date: "2023-09-02", title: "Expert Team", quote: "The entire process was stress-free. My new roof looks fantastic.", tag: "Installation", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-grandma-kid-with-thumbs-up_23-2148976876.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", imageAlt: "happy homeowner portrait"
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Chen",
|
||||
date: "2023-11-20",
|
||||
title: "Highly Recommend",
|
||||
quote: "They fixed my leak in record time. Excellent communication throughout.",
|
||||
tag: "Emergency",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-contractor-working-with-wood-sanding-wooden-panel-carpenter-using-electrical-sander_662251-454.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
id: "t3", name: "Emily Chen", date: "2023-11-20", title: "Highly Recommend", quote: "They fixed my leak in record time. Excellent communication throughout.", tag: "Emergency", avatarSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg", imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-contractor-working-with-wood-sanding-wooden-panel-carpenter-using-electrical-sander_662251-454.jpg", imageAlt: "happy homeowner portrait"
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael Reed",
|
||||
date: "2023-08-12",
|
||||
title: "Reliable Pros",
|
||||
quote: "Alma Roofing is a name I trust. Very honest, fair pricing and high-quality materials.",
|
||||
tag: "Installation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mom-her-son-with-green-watering-can-greenhouse-little-toddler-boy-watering-flowers-greenhouse_1157-50105.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
id: "t4", name: "Michael Reed", date: "2023-08-12", title: "Reliable Pros", quote: "Alma Roofing is a name I trust. Very honest, fair pricing and high-quality materials.", tag: "Installation", avatarSrc: "http://img.b2bpic.net/free-photo/mom-her-son-with-green-watering-can-greenhouse-little-toddler-boy-watering-flowers-greenhouse_1157-50105.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", imageAlt: "happy homeowner portrait"
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa Brown",
|
||||
date: "2023-12-05",
|
||||
title: "Top Notch",
|
||||
quote: "They exceeded my expectations. Couldn't be happier with the results.",
|
||||
tag: "Repair",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571915.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg?_wi=2",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
id: "t5", name: "Lisa Brown", date: "2023-12-05", title: "Top Notch", quote: "They exceeded my expectations. Couldn't be happier with the results.", tag: "Repair", avatarSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571915.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg", imageAlt: "happy homeowner portrait"
|
||||
}
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Hear directly from homeowners we've helped secure their homes."
|
||||
@@ -267,20 +149,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide complimentary inspections and written estimates for all potential projects.",
|
||||
id: "q1", title: "Do you offer free estimates?", content: "Yes, we provide complimentary inspections and written estimates for all potential projects."
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely, our team is fully licensed and insured for your complete peace of mind.",
|
||||
id: "q2", title: "Are you licensed and insured?", content: "Absolutely, our team is fully licensed and insured for your complete peace of mind."
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does a new roof installation take?",
|
||||
content: "Most residential roof installations are completed within 2 to 4 days, depending on complexity.",
|
||||
},
|
||||
id: "q3", title: "How long does a new roof installation take?", content: "Most residential roof installations are completed within 2 to 4 days, depending on complexity."
|
||||
}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our process and services."
|
||||
@@ -293,11 +169,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Owens Corning",
|
||||
"GAF",
|
||||
"CertainTeed",
|
||||
"IKO",
|
||||
"Tamko",
|
||||
"Owens Corning", "GAF", "CertainTeed", "IKO", "Tamko"
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="We only work with industry-leading manufacturers to ensure quality."
|
||||
@@ -307,16 +179,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to protect your home? Let's discuss your project today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -324,31 +189,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Alma Roofing"
|
||||
bottomRightText="All rights reserved"
|
||||
|
||||
Reference in New Issue
Block a user