bender/fe3ed7da-5319-499d-838e-46f02c17ea49
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-04-12 20:48:17 +00:00
parent 9acfae8f74
commit 1abaffc8af
1 changed files with 116 additions and 304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

420
src/app/page.tsx
View File

@@ -27,317 +27,129 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "#services",
},
{
name: "Why Us",
id: "#why-choose-us",
},
{
name: "Testimonials",
id: "#testimonials",
},
]}
brandName="Acon Roof Repair Inc."
button={{
text: "Call Now",
href: "tel:555-555-5555",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Services", id: "#services" },
{ name: "Why Us", id: "#why-choose-us" },
{ name: "Testimonials", id: "#testimonials" },
]}
brandName="Acon Roof Repair Inc."
button={{ text: "Call Now", href: "tel:555-555-5555" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Sacramento’s Trusted Roofing Experts"
description="Fast, Reliable Roof Repair & Replacement — Done Right the First Time"
buttons={[
{
text: "Get Free Estimate",
href: "#contact",
},
{
text: "Call Now",
href: "tel:555-555-5555",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343701.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
alt: "Full shot man with helmet sitting on roof",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
alt: "Full shot worker with helmet working on roof",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg",
alt: "Medium shot smiley man working on roof",
},
{
src: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
alt: "Man working on roof front view",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg",
alt: "Medium shot men working on roof together",
},
]}
avatarText="Trusted by 500+ Sacramento Homeowners"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Sacramento’s Trusted Roofing Experts"
description="Fast, Reliable Roof Repair & Replacement — Done Right the First Time"
buttons={[
{ text: "Get Free Estimate", href: "#contact" },
{ text: "Call Now", href: "tel:555-555-5555" },
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343701.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", alt: "Full shot man with helmet sitting on roof" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg", alt: "Full shot worker with helmet working on roof" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg", alt: "Medium shot smiley man working on roof" },
{ src: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", alt: "Man working on roof front view" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg", alt: "Medium shot men working on roof together" },
]}
avatarText="Trusted by 500+ Sacramento Homeowners"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Roof Repair",
author: "Acon Experts",
description: "Quick fixes for leaks and damaged shingles.",
tags: [
"Repair",
],
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg",
},
{
id: "2",
title: "Roof Replacement",
author: "Acon Experts",
description: "Complete tear-off and installation.",
tags: [
"New Roof",
],
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
},
{
id: "3",
title: "Leak Detection",
author: "Acon Experts",
description: "Precision inspection for hidden moisture.",
tags: [
"Safety",
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg",
},
{
id: "4",
title: "Emergency Roofing",
author: "Acon Experts",
description: "24/7 rapid response for emergencies.",
tags: [
"Emergency",
],
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg",
},
{
id: "5",
title: "Shingle Repair",
author: "Acon Experts",
description: "Professional shingle replacement services.",
tags: [
"Maintenance",
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
},
{
id: "6",
title: "Metal Roofing",
author: "Acon Experts",
description: "Durable and modern metal solutions.",
tags: [
"Durable",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg",
},
{
id: "7",
title: "Gutter Installation",
author: "Acon Experts",
description: "Perfect drainage systems for your roof.",
tags: [
"Drainage",
],
imageSrc: "http://img.b2bpic.net/free-photo/razor-blades-with-yellow-background_23-2150970035.jpg",
},
]}
title="Our Professional Services"
description="Premium roofing solutions tailored to protect your home with industry-leading expertise."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "1", title: "Roof Repair", author: "Acon Experts", description: "Quick fixes for leaks and damaged shingles.", tags: ["Repair"], imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg" },
{ id: "2", title: "Roof Replacement", author: "Acon Experts", description: "Complete tear-off and installation.", tags: ["New Roof"], imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg" },
{ id: "3", title: "Leak Detection", author: "Acon Experts", description: "Precision inspection for hidden moisture.", tags: ["Safety"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg" },
{ id: "4", title: "Emergency Roofing", author: "Acon Experts", description: "24/7 rapid response for emergencies.", tags: ["Emergency"], imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg" },
{ id: "5", title: "Shingle Repair", author: "Acon Experts", description: "Professional shingle replacement services.", tags: ["Maintenance"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg" },
{ id: "6", title: "Metal Roofing", author: "Acon Experts", description: "Durable and modern metal solutions.", tags: ["Durable"], imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg" },
{ id: "7", title: "Gutter Installation", author: "Acon Experts", description: "Perfect drainage systems for your roof.", tags: ["Drainage"], imageSrc: "http://img.b2bpic.net/free-photo/razor-blades-with-yellow-background_23-2150970035.jpg" },
]}
title="Our Professional Services"
description="Premium roofing solutions tailored to protect your home with industry-leading expertise."
/>
</div>
<div id="why-choose-us" data-section="why-choose-us">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Why Choose Acon Roof Repair Inc.?"
description="We blend expert craftsmanship with integrity to ensure your roofing project is handled with precision."
bulletPoints={[
{
title: "Experienced & Skilled Crew",
description: "Professional roofers dedicated to quality.",
},
{
title: "Fast Turnaround Times",
description: "We respect your time and property.",
},
{
title: "Honest Pricing",
description: "No pressure, transparent estimates.",
},
{
title: "Insurance Assistance",
description: "We help you deal with insurance claims.",
},
{
title: "Clean Job Sites",
description: "Professional cleanup after every job.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg"
/>
</div>
<div id="why-choose-us" data-section="why-choose-us">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Why Choose Acon Roof Repair Inc.?"
description="We blend expert craftsmanship with integrity to ensure your roofing project is handled with precision."
bulletPoints={[
{ title: "Experienced & Skilled Crew", description: "Professional roofers dedicated to quality." },
{ title: "Fast Turnaround Times", description: "We respect your time and property." },
{ title: "Honest Pricing", description: "No pressure, transparent estimates." },
{ title: "Insurance Assistance", description: "We help you deal with insurance claims." },
{ title: "Clean Job Sites", description: "Professional cleanup after every job." },
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg"
/>
</div>
<div id="process" data-section="process">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "1",
title: "Free Inspection",
description: "We assess your roof thoroughly.",
icon: Search,
},
{
id: "2",
value: "2",
title: "Clear Estimate",
description: "Honest, written, no-pressure quote.",
icon: FileText,
},
{
id: "3",
value: "3",
title: "Installation",
description: "Fast and professional execution.",
icon: Wrench,
},
]}
title="Our Simple 3-Step Process"
description="Getting your roof fixed shouldn't be stressful. We make it simple and fast."
/>
</div>
<div id="process" data-section="process">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "1", title: "Free Inspection", description: "We assess your roof thoroughly.", icon: Search },
{ id: "2", value: "2", title: "Clear Estimate", description: "Honest, written, no-pressure quote.", icon: FileText },
{ id: "3", value: "3", title: "Installation", description: "Fast and professional execution.", icon: Wrench },
]}
title="Our Simple 3-Step Process"
description="Getting your roof fixed shouldn't be stressful. We make it simple and fast."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Zoey McClain",
role: "Homeowner",
testimonial: "Fantastic experience with Acon. Lucas and Jermaine handled a complex issue other roofers couldn't solve.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg",
},
{
id: "2",
name: "Carlos Simpson",
role: "Homeowner",
testimonial: "Acon provided excellent customer service. After multiple failures, they fixed our leak within days.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman-posing-studio_344912-185.jpg",
},
{
id: "3",
name: "Destiny Hale",
role: "Homeowner",
testimonial: "Fantastic roof replacement. The new design looks cleaner, ventilation improved, and the crew worked efficiently.",
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg",
},
{
id: "4",
name: "H Delgado",
role: "Homeowner",
testimonial: "They helped us through an insurance claim and even met with the adjuster. Extremely professional.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-mature-attractive-bearded-caucasian-young-man-blue-t-shirt-sports-pants-smiling-sitting-grass-relaxing_176420-19941.jpg",
},
{
id: "5",
name: "Jeremy G",
role: "Homeowner",
testimonial: "Completed a full roofing job in less than a day with excellent attention to detail. Professional.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-bicycle-summer-city_1157-38211.jpg",
},
]}
title="Customer Reviews"
description="Hear what our Sacramento neighbors have to say about our roofing services."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Zoey McClain", role: "Homeowner", testimonial: "Fantastic experience with Acon. Lucas and Jermaine handled a complex issue other roofers couldn't solve.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg" },
{ id: "2", name: "Carlos Simpson", role: "Homeowner", testimonial: "Acon provided excellent customer service. After multiple failures, they fixed our leak within days.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman-posing-studio_344912-185.jpg" },
{ id: "3", name: "Destiny Hale", role: "Homeowner", testimonial: "Fantastic roof replacement. The new design looks cleaner, ventilation improved, and the crew worked efficiently.", imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg" },
{ id: "4", name: "H Delgado", role: "Homeowner", testimonial: "They helped us through an insurance claim and even met with the adjuster. Extremely professional.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-mature-attractive-bearded-caucasian-young-man-blue-t-shirt-sports-pants-smiling-sitting-grass-relaxing_176420-19941.jpg" },
{ id: "5", name: "Jeremy G", role: "Homeowner", testimonial: "Completed a full roofing job in less than a day with excellent attention to detail. Professional.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-bicycle-summer-city_1157-38211.jpg" },
]}
title="Customer Reviews"
description="Hear what our Sacramento neighbors have to say about our roofing services."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Contact Us"
title="Need Roof Repair in Sacramento?"
description="Get a fast, free estimate today from our expert team."
buttonText="Request Estimate"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Contact Us"
title="Need Roof Repair in Sacramento?"
description="Get a fast, free estimate today from our expert team."
buttonText="Request Estimate"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg"
logoText="Acon Roof Repair Inc."
columns={[
{
title: "Navigation",
items: [
{
label: "Services",
href: "#services",
},
{
label: "Why Us",
href: "#why-choose-us",
},
{
label: "Testimonials",
href: "#testimonials",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
copyrightText="© 2025 Acon Roof Repair Inc. | Serving Sacramento, CA."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg"
logoText="Acon Roof Repair Inc."
columns={[
{ title: "Navigation", items: [{ label: "Services", href: "#services" }, { label: "Why Us", href: "#why-choose-us" }, { label: "Testimonials", href: "#testimonials" }] },
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
]}
copyrightText="© 2025 Acon Roof Repair Inc. | Serving Sacramento, CA."
/>
</div>
</ReactLenis>
</ThemeProvider>
);