bender/d31e2a16-97ce-42ca-b397-0954805b2968
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-05 20:51:58 +00:00
Conversation 0 Commits 1 Files Changed 1 +54 -156
1 changed files with 54 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

210
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Shield, CheckCircle, Wrench, Zap, HelpCircle, Phone } from "lucide-react";
import { Shield, CheckCircle, Wrench, Zap, HelpCircle, Phone, Clock, Hammer, DollarSign, Home } from "lucide-react";
export default function HomePage() {
return (
@@ -21,7 +21,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="grid"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="glass"
@@ -39,9 +39,7 @@ export default function HomePage() {
{ name: "Contact", id: "/contact" },
]}
button={{
text: "Get Free Estimate",
href: "/contact",
}}
text: "Get Free Estimate", href: "/contact"}}
/>
</div>
@@ -52,49 +50,32 @@ export default function HomePage() {
tag="Premium Contractor"
tagIcon={Shield}
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "canvas-reveal" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=1",
imageAlt: "Luxury roof installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg", imageAlt: "Luxury roof installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
imageAlt: "Before and after roofing work",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Before and after roofing work"},
{
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=1",
imageAlt: "Professional roof installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg", imageAlt: "Professional roof installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-chimney-blue-sky_23-2149627194.jpg",
imageAlt: "Roof renovation comparison",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-chimney-blue-sky_23-2149627194.jpg", imageAlt: "Roof renovation comparison"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/various-implements-carpenter-wooden-desk_23-2148180594.jpg?_wi=1",
imageAlt: "Expert roof repair",
},
imageSrc: "http://img.b2bpic.net/free-photo/various-implements-carpenter-wooden-desk_23-2148180594.jpg", imageAlt: "Expert roof repair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg?_wi=1",
imageAlt: "Complete roof replacement",
},
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg", imageAlt: "Complete roof replacement"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-employees-with-safety-equipment_23-2148908458.jpg?_wi=1",
imageAlt: "General construction services",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-employees-with-safety-equipment_23-2148908458.jpg", imageAlt: "General construction services"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=2",
imageAlt: "Quality construction work",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg", imageAlt: "Quality construction work"},
]}
carouselPosition="right"
buttons={[
{ text: "Get Free Estimate", href: "/contact" },
{
text: "Call Now",
onClick: () => {
text: "Call Now", onClick: () => {
window.location.href = "tel:+1234567890";
},
},
@@ -102,9 +83,7 @@ export default function HomePage() {
buttonAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Tim Koch customer",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Tim Koch customer"},
]}
avatarText="Trusted by hundreds of homeowners"
/>
@@ -120,25 +99,21 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
imagePosition="right"
imageSrc="http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg"
imageAlt="Professional roofing work"
mediaAnimation="slide-up"
bulletPoints={[
{
title: "Show up on time",
description: "Reliable scheduling you can depend on",
title: "Show up on time", description: "Reliable scheduling you can depend on", icon: Clock,
},
{
title: "Do exceptional work",
description: "Premium quality craftsmanship on every project",
title: "Do exceptional work", description: "Premium quality craftsmanship on every project", icon: Hammer,
},
{
title: "Give honest pricing",
description: "Fair estimates with no surprises or hidden fees",
title: "Give honest pricing", description: "Fair estimates with no surprises or hidden fees", icon: DollarSign,
},
{
title: "Treat your home with respect",
description: "We protect your property as if it were our own",
title: "Treat your home with respect", description: "We protect your property as if it were our own", icon: Home,
},
]}
buttons={[{ text: "Request Your Estimate", href: "/contact" }]}
@@ -158,37 +133,13 @@ export default function HomePage() {
animationType="slide-up"
features={[
{
id: "1",
title: "Roofing Installation",
description: "Protect your home with professionally installed roofing built to withstand the elements and last for decades.",
tag: "Installation",
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=2",
imageAlt: "Roofing installation",
},
id: "1", title: "Roofing Installation", description: "Protect your home with professionally installed roofing built to withstand the elements and last for decades.", tag: "Installation", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg", imageAlt: "Roofing installation"},
{
id: "2",
title: "Roof Repairs",
description: "Leaks, damaged shingles, and storm damage repaired quickly and correctly the first time.",
tag: "Repair",
imageSrc: "http://img.b2bpic.net/free-photo/various-implements-carpenter-wooden-desk_23-2148180594.jpg?_wi=2",
imageAlt: "Roof repair work",
},
id: "2", title: "Roof Repairs", description: "Leaks, damaged shingles, and storm damage repaired quickly and correctly the first time.", tag: "Repair", imageSrc: "http://img.b2bpic.net/free-photo/various-implements-carpenter-wooden-desk_23-2148180594.jpg", imageAlt: "Roof repair work"},
{
id: "3",
title: "Full Roof Replacement",
description: "When it's time for a new roof, we make the process smooth, transparent, and stress-free.",
tag: "Replacement",
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg?_wi=2",
imageAlt: "Roof replacement",
},
id: "3", title: "Full Roof Replacement", description: "When it's time for a new roof, we make the process smooth, transparent, and stress-free.", tag: "Replacement", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg", imageAlt: "Roof replacement"},
{
id: "4",
title: "General Construction",
description: "From structural work to exterior improvements, we bring craftsmanship and precision to every project.",
tag: "Construction",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-employees-with-safety-equipment_23-2148908458.jpg?_wi=2",
imageAlt: "General construction",
},
id: "4", title: "General Construction", description: "From structural work to exterior improvements, we bring craftsmanship and precision to every project.", tag: "Construction", imageSrc: "http://img.b2bpic.net/free-photo/top-view-employees-with-safety-equipment_23-2148908458.jpg", imageAlt: "General construction"},
]}
buttons={[{ text: "Get a Free Quote", href: "/contact" }]}
buttonAnimation="slide-up"
@@ -208,23 +159,14 @@ export default function HomePage() {
animationType="slide-up"
metrics={[
{
id: "1",
value: "Step 1",
description:
"Free Inspection - We assess your roof or project and provide an honest evaluation",
},
id: "1", value: "Step 1", description:
"Free Inspection - We assess your roof or project and provide an honest evaluation"},
{
id: "2",
value: "Step 2",
description:
"Fair Estimate - No surprises. No inflated pricing. Just transparent quotes",
},
id: "2", value: "Step 2", description:
"Fair Estimate - No surprises. No inflated pricing. Just transparent quotes"},
{
id: "3",
value: "Step 3",
description:
"Expert Work - Our team completes your project with precision and care",
},
id: "3", value: "Step 3", description:
"Expert Work - Our team completes your project with precision and care"},
]}
/>
</div>
@@ -236,9 +178,7 @@ export default function HomePage() {
author="Tim Koch"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Tim Koch",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Tim Koch"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -256,20 +196,11 @@ export default function HomePage() {
animationType="slide-up"
metrics={[
{
id: "1",
value: "30+",
description: "Years Average Roof Lifespan",
},
id: "1", value: "30+", description: "Years Average Roof Lifespan"},
{
id: "2",
value: "100%",
description: "Fully Insured & Licensed",
},
id: "2", value: "100%", description: "Fully Insured & Licensed"},
{
id: "3",
value: "98%",
description: "Customer Satisfaction Rate",
},
id: "3", value: "98%", description: "Customer Satisfaction Rate"},
]}
/>
</div>
@@ -287,41 +218,23 @@ export default function HomePage() {
animationType="smooth"
faqs={[
{
id: "1",
title: "What areas do you service?",
content:
"We provide roofing and construction services throughout the local community. Contact us to confirm service availability for your area.",
},
id: "1", title: "What areas do you service?", content:
"We provide roofing and construction services throughout the local community. Contact us to confirm service availability for your area."},
{
id: "2",
title: "Do you offer free estimates?",
content:
"Yes! We provide free, no-obligation estimates for all roofing and construction projects. Our team will assess your project and provide transparent pricing.",
},
id: "2", title: "Do you offer free estimates?", content:
"Yes! We provide free, no-obligation estimates for all roofing and construction projects. Our team will assess your project and provide transparent pricing."},
{
id: "3",
title: "Are you licensed and insured?",
content:
"Absolutely. We are fully licensed, insured, and bonded. Your protection and peace of mind are our top priorities.",
},
id: "3", title: "Are you licensed and insured?", content:
"Absolutely. We are fully licensed, insured, and bonded. Your protection and peace of mind are our top priorities."},
{
id: "4",
title: "What warranty do you offer?",
content:
"We stand behind our work with comprehensive warranties on materials and labor. Details vary by project type—we'll explain everything during your estimate.",
},
id: "4", title: "What warranty do you offer?", content:
"We stand behind our work with comprehensive warranties on materials and labor. Details vary by project type—we'll explain everything during your estimate."},
{
id: "5",
title: "How long does a typical project take?",
content:
"Project timelines vary based on scope and complexity. We'll provide a clear timeline during the estimate process and keep you updated throughout.",
},
id: "5", title: "How long does a typical project take?", content:
"Project timelines vary based on scope and complexity. We'll provide a clear timeline during the estimate process and keep you updated throughout."},
{
id: "6",
title: "Do you handle emergency repairs?",
content:
"Yes, we offer emergency roofing repair services for storm damage and urgent issues. Contact us immediately for emergency assistance.",
},
id: "6", title: "Do you handle emergency repairs?", content:
"Yes, we offer emergency roofing repair services for storm damage and urgent issues. Contact us immediately for emergency assistance."},
]}
/>
</div>
@@ -331,32 +244,21 @@ export default function HomePage() {
ctaTitle="Need Roofing or Construction Work?"
ctaDescription="Don't wait until small problems become expensive repairs. Get a professional inspection and a fair estimate today."
ctaButton={{
text: "Get Free Estimate",
href: "/contact",
}}
text: "Get Free Estimate", href: "/contact"}}
ctaIcon={Phone}
useInvertedBackground={false}
animationType="slide-up"
accordionAnimationType="smooth"
faqs={[
{
id: "1",
title: "How do I schedule an inspection?",
content:
"Simply contact us via phone or email, and we'll arrange a convenient time for a free inspection and estimate. No pressure, just honest advice.",
},
id: "1", title: "How do I schedule an inspection?", content:
"Simply contact us via phone or email, and we'll arrange a convenient time for a free inspection and estimate. No pressure, just honest advice."},
{
id: "2",
title: "What should I expect during an inspection?",
content:
"Our team will thoroughly assess your roof or project, identify any issues, and discuss options and pricing. We'll answer all your questions.",
},
id: "2", title: "What should I expect during an inspection?", content:
"Our team will thoroughly assess your roof or project, identify any issues, and discuss options and pricing. We'll answer all your questions."},
{
id: "3",
title: "Can you work with my insurance claim?",
content:
"Yes, we have experience working with insurance companies on claim documentation and can help facilitate the process.",
},
id: "3", title: "Can you work with my insurance claim?", content:
"Yes, we have experience working with insurance companies on claim documentation and can help facilitate the process."},
]}
/>
</div>
@@ -365,13 +267,9 @@ export default function HomePage() {
<FooterLogoReveal
logoText="Mera's Roofing"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ThemeProvider>