bender/9b9ce7d7-3718-424d-8d13-1a2d37fed67d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 19:11:47 +00:00
parent ec19e1aaaa
commit 53a6923311
1 changed files with 35 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
src/app/page.tsx
View File

@@ -31,61 +31,35 @@ 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="Alma Roofing"
button={{ text: "Get a Quote", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Protecting Your Most Important Investment"
description="Alma Roofing provides elite residential and commercial roofing services. Built for durability, style, and peace of mind."
tag="Expert Roofing Solutions"
buttons={[
{
text: "Get a Free Estimate",
href: "#contact",
},
text: "Get a Free Estimate", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
imageAlt: "residential roof replacement",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg", imageAlt: "residential roof replacement"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
imageAlt: "residential roof replacement",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
imageAlt: "Construction worker doing his job with belt",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
imageAlt: "Full shot smiley man working on roof",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg",
imageAlt: "Man working on roof with hammer full shot",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", imageAlt: "residential roof replacement"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -100,17 +74,11 @@ export default function LandingPage() {
description="At Alma Roofing, we combine traditional craftsmanship with modern technology. We treat every home like our own."
metrics={[
{
value: "1500+",
title: "Roofs Completed",
},
value: "1500+", title: "Roofs Completed"},
{
value: "20",
title: "Years Experience",
},
value: "20", title: "Years Experience"},
{
value: "100%",
title: "Satisfaction Rate",
},
value: "100%", title: "Satisfaction Rate"},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg"
imageAlt="professional roofing team"
@@ -125,35 +93,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Shingle Installation",
description: "High-quality, durable shingles designed to last.",
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg",
},
title: "Shingle Installation", description: "High-quality, durable shingles designed to last.", imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg"},
{
title: "Roof Insulation",
description: "Maximize energy efficiency with our professional insulation services.",
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-wood_23-2148748789.jpg",
},
title: "Roof Insulation", description: "Maximize energy efficiency with our professional insulation services.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-wood_23-2148748789.jpg"},
{
title: "Attic Ventilation",
description: "Proper ventilation to prevent moisture and prolong roof life.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-bedroom-interior_1048-10250.jpg",
},
title: "Attic Ventilation", description: "Proper ventilation to prevent moisture and prolong roof life.", imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-bedroom-interior_1048-10250.jpg"},
{
title: "Emergency Repairs",
description: "24/7 responsive service for storm damage or leaks.",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15478.jpg",
},
title: "Emergency Repairs", description: "24/7 responsive service for storm damage or leaks.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15478.jpg"},
{
title: "Roof Inspections",
description: "Professional assessment to catch potential issues early.",
imageSrc: "http://img.b2bpic.net/free-photo/contrasted-light-dark-wall-corners_23-2148744304.jpg",
},
title: "Roof Inspections", description: "Professional assessment to catch potential issues early.", imageSrc: "http://img.b2bpic.net/free-photo/contrasted-light-dark-wall-corners_23-2148744304.jpg"},
{
title: "Commercial Roofing",
description: "Robust and reliable systems for commercial buildings.",
imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-warehouse-closeup-selective-focus-construction-repair-houses-delivery-sale-building-materials_166373-3212.jpg",
},
title: "Commercial Roofing", description: "Robust and reliable systems for commercial buildings.", imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-warehouse-closeup-selective-focus-construction-repair-houses-delivery-sale-building-materials_166373-3212.jpg"},
]}
title="Comprehensive Roofing Services"
description="We handle everything from minor repairs to complete roof replacements."
@@ -165,14 +115,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"GAF Certified",
"CertainTeed Pro",
"Owens Corning Select",
"Better Business Bureau",
"Roofing Association",
"Green Building Council",
"Safety Award 2024",
]}
"GAF Certified", "CertainTeed Pro", "Owens Corning Select", "Better Business Bureau", "Roofing Association", "Green Building Council", "Safety Award 2024"]}
title="Certifications & Partners"
description="We are proud to partner with industry-leading brands and maintain top-tier certifications."
/>
@@ -185,40 +128,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Homeowner",
testimonial: "Alma Roofing delivered exceptional quality. Professional and fast.",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",
},
id: "1", name: "Sarah Miller", role: "Homeowner", testimonial: "Alma Roofing delivered exceptional quality. Professional and fast.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg"},
{
id: "2",
name: "John Thompson",
role: "Business Owner",
testimonial: "Highly recommend. The team was efficient and courteous.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-construction_23-2149366626.jpg",
},
id: "2", name: "John Thompson", role: "Business Owner", testimonial: "Highly recommend. The team was efficient and courteous.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-construction_23-2149366626.jpg"},
{
id: "3",
name: "Lisa Garcia",
role: "Property Manager",
testimonial: "Smooth process from start to finish. Our roof looks amazing.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096449.jpg",
},
id: "3", name: "Lisa Garcia", role: "Property Manager", testimonial: "Smooth process from start to finish. Our roof looks amazing.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096449.jpg"},
{
id: "4",
name: "Mark Evans",
role: "Homeowner",
testimonial: "Fair pricing and top-tier materials. Will use them again.",
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
},
id: "4", name: "Mark Evans", role: "Homeowner", testimonial: "Fair pricing and top-tier materials. Will use them again.", imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg"},
{
id: "5",
name: "Jenny Lee",
role: "Homeowner",
testimonial: "The communication was perfect throughout the project.",
imageSrc: "http://img.b2bpic.net/free-photo/home-comfort-coziness-domesticity-concept-cropped-portrait-confident-happy-young-woman-spending-day-home_343059-3893.jpg",
},
id: "5", name: "Jenny Lee", role: "Homeowner", testimonial: "The communication was perfect throughout the project.", imageSrc: "http://img.b2bpic.net/free-photo/home-comfort-coziness-domesticity-concept-cropped-portrait-confident-happy-young-woman-spending-day-home_343059-3893.jpg"},
]}
title="Customer Stories"
description="Read what our satisfied customers have to say about our work."
@@ -231,20 +149,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "How long does a roof last?",
content: "Most residential roofs last 20-30 years depending on material and maintenance.",
},
id: "1", title: "How long does a roof last?", content: "Most residential roofs last 20-30 years depending on material and maintenance."},
{
id: "2",
title: "Do you offer financing?",
content: "Yes, we provide flexible financing options for all major projects.",
},
id: "2", title: "Do you offer financing?", content: "Yes, we provide flexible financing options for all major projects."},
{
id: "3",
title: "Is a quote free?",
content: "Absolutely. Contact us today for a completely free inspection and quote.",
},
id: "3", title: "Is a quote free?", content: "Absolutely. Contact us today for a completely free inspection and quote."},
]}
title="Frequently Asked Questions"
description="Everything you need to know about your next roofing project."
@@ -256,16 +165,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Ready to Start?"
title="Get Your Free Roof Inspection"
description="Schedule a professional consultation with Alma Roofing today."
buttons={[
{
text: "Contact Us Now",
href: "mailto:hello@almaroofing.com",
},
text: "Contact Us Now", href: "mailto:hello@almaroofing.com"},
]}
/>
</div>
@@ -275,29 +181,19 @@ export default function LandingPage() {
logoText="Alma 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: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}