Update src/app/page.tsx
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -30,7 +30,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -60,32 +60,20 @@ export default function HomePage() {
|
||||
tag="Local Expertise"
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg?_wi=1",
|
||||
imageAlt: "Professional roofing installation team",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-standing-brick-wall-building-construction_259150-57715.jpg", imageAlt: "Professional roofing installation team"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
|
||||
imageAlt: "Expert roof repair work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Expert roof repair work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1",
|
||||
imageAlt: "Quality roof replacement project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Quality roof replacement project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg",
|
||||
imageAlt: "Storm damage restoration services",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg", imageAlt: "Storm damage restoration services"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=2",
|
||||
imageAlt: "Before and after roofing transformation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Before and after roofing transformation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg?_wi=1",
|
||||
imageAlt: "Professional shingle replacement results",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg", imageAlt: "Professional shingle replacement results"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Request Free Estimate", href: "/contact" },
|
||||
@@ -107,51 +95,23 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "repair",
|
||||
label: "Repair",
|
||||
title: "Roof Repair & Maintenance",
|
||||
items: [
|
||||
"Emergency leak repairs",
|
||||
"Shingle replacement",
|
||||
"Flashing repairs",
|
||||
"Gutter cleaning and repair",
|
||||
],
|
||||
id: "repair", label: "Repair", title: "Roof Repair & Maintenance", items: [
|
||||
"Emergency leak repairs", "Shingle replacement", "Flashing repairs", "Gutter cleaning and repair"],
|
||||
buttons: [{ text: "Learn More", href: "/services" }],
|
||||
},
|
||||
{
|
||||
id: "replacement",
|
||||
label: "Replace",
|
||||
title: "Complete Roof Replacement",
|
||||
items: [
|
||||
"New shingle installation",
|
||||
"Metal roofing options",
|
||||
"Premium materials",
|
||||
"Extended warranties",
|
||||
],
|
||||
id: "replacement", label: "Replace", title: "Complete Roof Replacement", items: [
|
||||
"New shingle installation", "Metal roofing options", "Premium materials", "Extended warranties"],
|
||||
buttons: [{ text: "Get Estimate", href: "/contact" }],
|
||||
},
|
||||
{
|
||||
id: "storm",
|
||||
label: "Storm",
|
||||
title: "Storm Damage Repair",
|
||||
items: [
|
||||
"Hail damage assessment",
|
||||
"Wind damage restoration",
|
||||
"Insurance claim support",
|
||||
"Emergency response",
|
||||
],
|
||||
id: "storm", label: "Storm", title: "Storm Damage Repair", items: [
|
||||
"Hail damage assessment", "Wind damage restoration", "Insurance claim support", "Emergency response"],
|
||||
buttons: [{ text: "Report Damage", href: "/contact" }],
|
||||
},
|
||||
{
|
||||
id: "insurance",
|
||||
label: "Claims",
|
||||
title: "Insurance Claim Assistance",
|
||||
items: [
|
||||
"Free damage inspections",
|
||||
"Insurance documentation",
|
||||
"Claim negotiation",
|
||||
"Fast settlement support",
|
||||
],
|
||||
id: "insurance", label: "Claims", title: "Insurance Claim Assistance", items: [
|
||||
"Free damage inspections", "Insurance documentation", "Claim negotiation", "Fast settlement support"],
|
||||
buttons: [{ text: "File Claim", href: "/contact" }],
|
||||
},
|
||||
]}
|
||||
@@ -182,27 +142,15 @@ export default function HomePage() {
|
||||
tag="5-Step Process"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Step 1",
|
||||
description:
|
||||
"Free roof inspection with detailed assessment and transparent evaluation",
|
||||
},
|
||||
id: "1", value: "Step 1", description:
|
||||
"Free roof inspection with detailed assessment and transparent evaluation"},
|
||||
{
|
||||
id: "2",
|
||||
value: "Step 2",
|
||||
description: "Honest estimate with no hidden fees or surprise charges",
|
||||
},
|
||||
id: "2", value: "Step 2", description: "Honest estimate with no hidden fees or surprise charges"},
|
||||
{
|
||||
id: "3",
|
||||
value: "Step 3",
|
||||
description: "Insurance claim help if needed to maximize your coverage",
|
||||
},
|
||||
id: "3", value: "Step 3", description: "Insurance claim help if needed to maximize your coverage"},
|
||||
{
|
||||
id: "4",
|
||||
value: "Step 4",
|
||||
description:
|
||||
"Professional installation with quality materials and expert workmanship",
|
||||
},
|
||||
id: "4", value: "Step 4", description:
|
||||
"Professional installation with quality materials and expert workmanship"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -218,35 +166,14 @@ export default function HomePage() {
|
||||
tagIcon={Camera}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Residential",
|
||||
name: "Complete Roof Replacement",
|
||||
price: "Transform",
|
||||
rating: 5,
|
||||
reviewCount: "Excellent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=3",
|
||||
imageAlt: "Before and after roof replacement project",
|
||||
},
|
||||
id: "1", brand: "Residential", name: "Complete Roof Replacement", price: "Transform", rating: 5,
|
||||
reviewCount: "Excellent", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Before and after roof replacement project"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Residential",
|
||||
name: "Shingle Installation",
|
||||
price: "Professional",
|
||||
rating: 5,
|
||||
reviewCount: "Quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg?_wi=2",
|
||||
imageAlt: "Professional shingle installation results",
|
||||
},
|
||||
id: "2", brand: "Residential", name: "Shingle Installation", price: "Professional", rating: 5,
|
||||
reviewCount: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg", imageAlt: "Professional shingle installation results"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Emergency",
|
||||
name: "Storm Damage Restoration",
|
||||
price: "Complete",
|
||||
rating: 5,
|
||||
reviewCount: "Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg",
|
||||
imageAlt: "Storm damage restoration completed",
|
||||
},
|
||||
id: "3", brand: "Emergency", name: "Storm Damage Restoration", price: "Complete", rating: 5,
|
||||
reviewCount: "Service", imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg", imageAlt: "Storm damage restoration completed"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -264,59 +191,23 @@ export default function HomePage() {
|
||||
tagIcon={Star}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Martinez",
|
||||
role: "Homeowner",
|
||||
company: "El Paso",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",
|
||||
imageAlt: "Sarah Martinez, satisfied customer",
|
||||
},
|
||||
id: "1", name: "Sarah Martinez", role: "Homeowner", company: "El Paso", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Sarah Martinez, satisfied customer"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Thompson",
|
||||
role: "Business Owner",
|
||||
company: "East El Paso",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg?_wi=1",
|
||||
imageAlt: "John Thompson testimonial",
|
||||
},
|
||||
id: "2", name: "John Thompson", role: "Business Owner", company: "East El Paso", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", imageAlt: "John Thompson testimonial"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria Garcia",
|
||||
role: "Property Manager",
|
||||
company: "Central El Paso",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=1",
|
||||
imageAlt: "Maria Garcia review",
|
||||
},
|
||||
id: "3", name: "Maria Garcia", role: "Property Manager", company: "Central El Paso", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Maria Garcia review"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Chen",
|
||||
role: "Homeowner",
|
||||
company: "West El Paso",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg?_wi=1",
|
||||
imageAlt: "David Chen customer review",
|
||||
},
|
||||
id: "4", name: "David Chen", role: "Homeowner", company: "West El Paso", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", imageAlt: "David Chen customer review"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rachel Johnson",
|
||||
role: "Insurance Agent",
|
||||
company: "El Paso",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg?_wi=1",
|
||||
imageAlt: "Rachel Johnson professional testimonial",
|
||||
},
|
||||
id: "5", name: "Rachel Johnson", role: "Insurance Agent", company: "El Paso", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", imageAlt: "Rachel Johnson professional testimonial"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Michael Rodriguez",
|
||||
role: "Homeowner",
|
||||
company: "Northeast El Paso",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",
|
||||
imageAlt: "Michael Rodriguez satisfied customer",
|
||||
},
|
||||
id: "6", name: "Michael Rodriguez", role: "Homeowner", company: "Northeast El Paso", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Michael Rodriguez satisfied customer"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
carouselMode="buttons"
|
||||
@@ -349,19 +240,13 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: PhoneIcon,
|
||||
href: "tel:+19156333339",
|
||||
ariaLabel: "Call USA General Contractors",
|
||||
},
|
||||
href: "tel:+19156333339", ariaLabel: "Call USA General Contractors"},
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "https://maps.google.com/?q=1302+Gail+Borden+Pl+Suite+A-2+El+Paso+TX+79935",
|
||||
ariaLabel: "View location on Google Maps",
|
||||
},
|
||||
href: "https://maps.google.com/?q=1302+Gail+Borden+Pl+Suite+A-2+El+Paso+TX+79935", ariaLabel: "View location on Google Maps"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:info@usageneralcontractors.com",
|
||||
ariaLabel: "Email USA General Contractors",
|
||||
},
|
||||
href: "mailto:info@usageneralcontractors.com", ariaLabel: "Email USA General Contractors"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user