bender/ed86c9f1-26ef-455f-a286-e5cda3c5a2a3
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-03-07 00:01:31 +00:00
parent 5fead1bcc0
commit 698b5e4424
1 changed files with 47 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

188
src/app/page.tsx
View File

@@ -21,7 +21,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -56,38 +56,20 @@ export default function HomePage() {
{ text: "Schedule Free Inspection", href: "#contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "floatingGradient" }}
background={{ variant: "plain" }}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg?_wi=1",
imageAlt: "Professional roofing crew working on residential roof",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg", imageAlt: "Professional roofing crew working on residential roof"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg?_wi=1",
imageAlt: "Storm damage roof repair",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg", imageAlt: "Storm damage roof repair"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg?_wi=1",
imageAlt: "Professional roof inspection",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg", imageAlt: "Professional roof inspection"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13151.jpg?_wi=1",
imageAlt: "Before and after roof repair",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13151.jpg", imageAlt: "Before and after roof repair"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/approved-application-credit-real-estate_23-2147764204.jpg",
imageAlt: "Insurance claim assistance",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/approved-application-credit-real-estate_23-2147764204.jpg", imageAlt: "Insurance claim assistance"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg?_wi=2",
imageAlt: "Expert roofing team",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg", imageAlt: "Expert roofing team"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -104,7 +86,7 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[{ text: "Get Free Inspection", href: "#contact" }]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg"
imageAlt="Storm damage roof inspection"
useInvertedBackground={false}
/>
@@ -120,25 +102,13 @@ export default function HomePage() {
tagAnimation="slide-up"
metrics={[
{
id: "1",
value: "4.9★",
description: "Customer Rating (67+ Reviews)",
},
id: "1", value: "4.9★", description: "Customer Rating (67+ Reviews)"},
{
id: "2",
value: "Licensed",
description: "Fully Insured Contractors",
},
id: "2", value: "Licensed", description: "Fully Insured Contractors"},
{
id: "3",
value: "Free",
description: "Roof Inspections",
},
id: "3", value: "Free", description: "Roof Inspections"},
{
id: "4",
value: "Expert",
description: "Insurance Claim Assistance",
},
id: "4", value: "Expert", description: "Insurance Claim Assistance"},
]}
gridVariant="uniform-all-items-equal"
textboxLayout="default"
@@ -157,41 +127,17 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Homeowner",
company: "Burleson, TX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg",
imageAlt: "Sarah Johnson - satisfied customer",
},
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Burleson, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg", imageAlt: "Sarah Johnson - satisfied customer"},
{
id: "2",
name: "Michael Chen",
role: "Property Owner",
company: "Arlington, TX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-big-city-girl-enjoying-city-space-text_169016-66355.jpg",
imageAlt: "Michael Chen - satisfied customer",
},
id: "2", name: "Michael Chen", role: "Property Owner", company: "Arlington, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-big-city-girl-enjoying-city-space-text_169016-66355.jpg", imageAlt: "Michael Chen - satisfied customer"},
{
id: "3",
name: "Emily Rodriguez",
role: "Homeowner",
company: "Fort Worth, TX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg",
imageAlt: "Emily Rodriguez - satisfied customer",
},
id: "3", name: "Emily Rodriguez", role: "Homeowner", company: "Fort Worth, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg", imageAlt: "Emily Rodriguez - satisfied customer"},
{
id: "4",
name: "David Kim",
role: "Home Owner",
company: "Mansfield, TX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-senior-woman-thinking-buying-property-showing-paper-house-cutout-looking-upper-left_1258-158916.jpg",
imageAlt: "David Kim - satisfied customer",
},
id: "4", name: "David Kim", role: "Home Owner", company: "Mansfield, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-senior-woman-thinking-buying-property-showing-paper-house-cutout-looking-upper-left_1258-158916.jpg", imageAlt: "David Kim - satisfied customer"},
]}
kpiItems={[
{ value: "67+", label: "Verified Reviews" },
@@ -214,43 +160,25 @@ export default function HomePage() {
tagAnimation="slide-up"
faqs={[
{
id: "1",
title: "How much does a roof inspection cost?",
content:
"Roof inspections are completely FREE. We provide comprehensive assessments with no obligation. Our inspection includes damage identification, photo documentation, and a detailed report for your records or insurance company.",
},
id: "1", title: "How much does a roof inspection cost?", content:
"Roof inspections are completely FREE. We provide comprehensive assessments with no obligation. Our inspection includes damage identification, photo documentation, and a detailed report for your records or insurance company."},
{
id: "2",
title: "Do you help with insurance claims?",
content:
"Yes! We specialize in insurance claim assistance. Our staff includes a former licensed insurance adjuster who helps maximize your claim approval. We handle documentation, communication with insurers, and ensure you get the coverage you deserve.",
},
id: "2", title: "Do you help with insurance claims?", content:
"Yes! We specialize in insurance claim assistance. Our staff includes a former licensed insurance adjuster who helps maximize your claim approval. We handle documentation, communication with insurers, and ensure you get the coverage you deserve."},
{
id: "3",
title: "How quickly can you repair my roof?",
content:
"We offer emergency 24/7 services for storm damage. Most repairs can be completed within 1-3 days. For full replacements, we typically schedule within one week. Time depends on weather, materials, and complexity.",
},
id: "3", title: "How quickly can you repair my roof?", content:
"We offer emergency 24/7 services for storm damage. Most repairs can be completed within 1-3 days. For full replacements, we typically schedule within one week. Time depends on weather, materials, and complexity."},
{
id: "4",
title: "Do you offer warranties?",
content:
"Absolutely. We provide workmanship warranties on all repairs and replacements, plus we work with manufacturer warranties on premium materials. We stand behind our work 100%.",
},
id: "4", title: "Do you offer warranties?", content:
"Absolutely. We provide workmanship warranties on all repairs and replacements, plus we work with manufacturer warranties on premium materials. We stand behind our work 100%."},
{
id: "5",
title: "Are you licensed and insured?",
content:
"Yes, we are fully licensed and insured contractors. All crew members are licensed roofers. We carry comprehensive liability insurance and workers' compensation for your protection.",
},
id: "5", title: "Are you licensed and insured?", content:
"Yes, we are fully licensed and insured contractors. All crew members are licensed roofers. We carry comprehensive liability insurance and workers' compensation for your protection."},
{
id: "6",
title: "What areas do you serve?",
content:
"We serve the greater Dallas-Fort Worth area including Burleson, Fort Worth, Arlington, Mansfield, Crowley, and surrounding communities. Call us to verify service availability for your address.",
},
id: "6", title: "What areas do you serve?", content:
"We serve the greater Dallas-Fort Worth area including Burleson, Fort Worth, Arlington, Mansfield, Crowley, and surrounding communities. Call us to verify service availability for your address."},
]}
imageSrc="http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg"
imageAlt="Professional roofing FAQ"
mediaAnimation="slide-up"
mediaPosition="left"
@@ -269,39 +197,25 @@ export default function HomePage() {
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{
name: "address",
type: "text",
placeholder: "Your Address",
required: true,
name: "address", type: "text", placeholder: "Your Address", required: true,
},
{
name: "roofIssue",
type: "text",
placeholder:
"What's the issue? (Leak, Storm Damage, Missing Shingles, Replacement, Insurance Claim)",
required: false,
name: "roofIssue", type: "text", placeholder:
"What's the issue? (Leak, Storm Damage, Missing Shingles, Replacement, Insurance Claim)", required: false,
},
]}
textarea={{
name: "message",
placeholder: "Tell us more about your roofing concern (optional)",
rows: 4,
name: "message", placeholder: "Tell us more about your roofing concern (optional)", rows: 4,
required: false,
}}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg"
imageAlt="Professional roofing team"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -317,8 +231,7 @@ export default function HomePage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Roof Repair", href: "/services" },
{ label: "Roof Replacement", href: "/services" },
{ label: "Storm Damage", href: "/services" },
@@ -326,8 +239,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Service Areas", href: "#service-areas" },
{ label: "Reviews", href: "#testimonials" },
@@ -335,23 +247,17 @@ export default function HomePage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "(817) 919-4310", href: "tel:+18179194310" },
{
label: "5001 FM1187 Suite 270",
href: "https://maps.google.com/?q=5001+FM1187+Suite+270+Burleson+TX",
},
label: "5001 FM1187 Suite 270", href: "https://maps.google.com/?q=5001+FM1187+Suite+270+Burleson+TX"},
{
label: "Burleson, TX 76028",
href: "https://maps.google.com/?q=5001+FM1187+Suite+270+Burleson+TX",
},
label: "Burleson, TX 76028", href: "https://maps.google.com/?q=5001+FM1187+Suite+270+Burleson+TX"},
{ label: "Schedule Inspection", href: "#contact" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "License & Insurance", href: "#" },