bender/825617e8-15f7-4ed5-ae5f-e0e668cbe8db
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-25 02:39:00 +00:00
parent 758063bce1
commit 2da4986b66
1 changed files with 52 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/app/page.tsx
View File

@@ -33,40 +33,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
name: "Home", id: "/"},
{
name: "About Us",
id: "about-us",
href: "/about",
},
name: "About Us", id: "/about"},
{
name: "Services",
id: "services",
href: "/services",
},
name: "Services", id: "/services"},
{
name: "Testimonials",
id: "testimonials",
href: "/#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "faq",
href: "/#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "contact",
href: "/contact",
},
name: "Contact", id: "/contact"},
]}
button={{
text: "Get a Free Quote",
href: "/contact",
}}
text: "Get a Free Quote", href: "/contact"}}
brandName="Miami Roof Pros"
/>
</div>
@@ -77,13 +57,9 @@ export default function LandingPage() {
description="Your Trusted Partner for Quality Roofing in South Florida. Protecting your home with superior craftsmanship and reliable solutions."
buttons={[
{
text: "Get a Free Estimate",
href: "/contact",
},
text: "Get a Free Estimate", href: "/contact"},
{
text: "Explore Services",
href: "/services",
},
text: "Explore Services", href: "/services"},
]}
buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/palm-trees-with-clouds_1203-165.jpg"
@@ -95,9 +71,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="About Miami Roof Pros"
description={[
"With over 20 years of experience, Miami Roof Pros is dedicated to providing top-tier roofing services across South Florida. We specialize in durable, weather-resistant roofing solutions tailored to the unique climate of Miami.",
"Our team of certified professionals ensures every project, big or small, is completed with the highest standards of quality and customer satisfaction.",
]}
"With over 20 years of experience, Miami Roof Pros is dedicated to providing top-tier roofing services across South Florida. We specialize in durable, weather-resistant roofing solutions tailored to the unique climate of Miami.", "Our team of certified professionals ensures every project, big or small, is completed with the highest standards of quality and customer satisfaction."]}
/>
</div>
@@ -109,53 +83,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "residential-roofing",
name: "Residential Roofing",
price: "Custom Quote",
variant: "Homes & Estates",
imageSrc: "http://img.b2bpic.net/free-photo/thai-style-gold-decoration-concept_53876-23418.jpg?_wi=1",
imageAlt: "Residential roofing",
},
id: "residential-roofing", name: "Residential Roofing", price: "Custom Quote", variant: "Homes & Estates", imageSrc: "http://img.b2bpic.net/free-photo/thai-style-gold-decoration-concept_53876-23418.jpg", imageAlt: "Residential roofing"},
{
id: "commercial-roofing",
name: "Commercial Roofing",
price: "Custom Quote",
variant: "Businesses & Properties",
imageSrc: "http://img.b2bpic.net/free-photo/builders-discussing-drafts_23-2147785492.jpg?_wi=1",
imageAlt: "Commercial roofing",
},
id: "commercial-roofing", name: "Commercial Roofing", price: "Custom Quote", variant: "Businesses & Properties", imageSrc: "http://img.b2bpic.net/free-photo/builders-discussing-drafts_23-2147785492.jpg", imageAlt: "Commercial roofing"},
{
id: "roof-repair",
name: "Expert Roof Repair",
price: "Fixed Price",
variant: "Leak Detection & Repair",
imageSrc: "http://img.b2bpic.net/free-photo/woman-plaid-shirt-sitting-stone-stair_23-2147910909.jpg?_wi=1",
imageAlt: "Roof repair",
},
id: "roof-repair", name: "Expert Roof Repair", price: "Fixed Price", variant: "Leak Detection & Repair", imageSrc: "http://img.b2bpic.net/free-photo/woman-plaid-shirt-sitting-stone-stair_23-2147910909.jpg", imageAlt: "Roof repair"},
{
id: "roof-installation",
name: "New Roof Installation",
price: "Custom Quote",
variant: "New Builds & Replacements",
imageSrc: "http://img.b2bpic.net/free-photo/abandoned-building-clear-sky_23-2147770406.jpg?_wi=1",
imageAlt: "New roof installation",
},
id: "roof-installation", name: "New Roof Installation", price: "Custom Quote", variant: "New Builds & Replacements", imageSrc: "http://img.b2bpic.net/free-photo/abandoned-building-clear-sky_23-2147770406.jpg", imageAlt: "New roof installation"},
{
id: "roof-maintenance",
name: "Preventative Maintenance",
price: "Monthly/Annual",
variant: "Inspection & Care",
imageSrc: "http://img.b2bpic.net/free-photo/worker-putting-protective-gloves_23-2148773452.jpg?_wi=1",
imageAlt: "Roof maintenance",
},
id: "roof-maintenance", name: "Preventative Maintenance", price: "Monthly/Annual", variant: "Inspection & Care", imageSrc: "http://img.b2bpic.net/free-photo/worker-putting-protective-gloves_23-2148773452.jpg", imageAlt: "Roof maintenance"},
{
id: "emergency-services",
name: "24/7 Emergency Services",
price: "Urgent Care",
variant: "Storm & Leak Response",
imageSrc: "http://img.b2bpic.net/free-photo/worker-controls-cargo-crane_140725-7619.jpg?_wi=1",
imageAlt: "Emergency roofing services",
},
id: "emergency-services", name: "24/7 Emergency Services", price: "Urgent Care", variant: "Storm & Leak Response", imageSrc: "http://img.b2bpic.net/free-photo/worker-controls-cargo-crane_140725-7619.jpg", imageAlt: "Emergency roofing services"},
]}
title="Our Comprehensive Roofing Services"
description="From emergency repairs to full roof replacements, we offer a wide range of solutions to meet your specific needs."
@@ -170,32 +108,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "projects",
value: "500+",
title: "Projects Completed",
description: "Delivering quality roofing solutions across Miami-Dade.",
icon: Building2,
id: "projects", value: "500+", title: "Projects Completed", description: "Delivering quality roofing solutions across Miami-Dade.", icon: Building2,
},
{
id: "experience",
value: "20+",
title: "Years in Business",
description: "Decades of expertise protecting South Florida homes.",
icon: Calendar,
id: "experience", value: "20+", title: "Years in Business", description: "Decades of expertise protecting South Florida homes.", icon: Calendar,
},
{
id: "clients",
value: "300+",
title: "Satisfied Clients",
description: "Building lasting relationships with our community.",
icon: Users,
id: "clients", value: "300+", title: "Satisfied Clients", description: "Building lasting relationships with our community.", icon: Users,
},
{
id: "rating",
value: "5-Star",
title: "Average Rating",
description: "Consistently earning top reviews for our service.",
icon: Star,
id: "rating", value: "5-Star", title: "Average Rating", description: "Consistently earning top reviews for our service.", icon: Star,
},
]}
title="Years of Excellence & Trust"
@@ -209,53 +131,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Exceptional Service and Craftsmanship!",
quote: "Miami Roof Pros did an incredible job replacing our old roof. The team was professional, efficient, and the quality of work exceeded our expectations. Highly recommend!",
name: "Sarah Johnson",
role: "Homeowner, Miami Beach",
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-smiling-taking-selfie-while-giving-thumbs-up_23-2148414933.jpg?_wi=1",
},
id: "1", title: "Exceptional Service and Craftsmanship!", quote: "Miami Roof Pros did an incredible job replacing our old roof. The team was professional, efficient, and the quality of work exceeded our expectations. Highly recommend!", name: "Sarah Johnson", role: "Homeowner, Miami Beach", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-smiling-taking-selfie-while-giving-thumbs-up_23-2148414933.jpg"},
{
id: "2",
title: "Prompt and Reliable Emergency Repair",
quote: "After a sudden storm, our roof suffered significant damage. Miami Roof Pros responded immediately and fixed everything with precision. Their emergency service saved us a lot of stress.",
name: "Michael Chen",
role: "Business Owner, Downtown Miami",
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg?_wi=1",
},
id: "2", title: "Prompt and Reliable Emergency Repair", quote: "After a sudden storm, our roof suffered significant damage. Miami Roof Pros responded immediately and fixed everything with precision. Their emergency service saved us a lot of stress.", name: "Michael Chen", role: "Business Owner, Downtown Miami", imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"},
{
id: "3",
title: "A Partner You Can Trust",
quote: "We've used Miami Roof Pros for multiple commercial properties, and they consistently deliver outstanding results. Their attention to detail and commitment to deadlines are unmatched.",
name: "Emily Rodriguez",
role: "Property Manager, Brickell",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-pretty-female-dark-jacket-pink-background_179666-26578.jpg?_wi=1",
},
id: "3", title: "A Partner You Can Trust", quote: "We've used Miami Roof Pros for multiple commercial properties, and they consistently deliver outstanding results. Their attention to detail and commitment to deadlines are unmatched.", name: "Emily Rodriguez", role: "Property Manager, Brickell", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-pretty-female-dark-jacket-pink-background_179666-26578.jpg"},
{
id: "4",
title: "Seamless Roof Installation Experience",
quote: "From the initial quote to the final inspection, the entire process of getting a new roof was smooth and transparent. The team was courteous and kept us informed every step of the way.",
name: "David Kim",
role: "Resident, Coral Gables",
imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-man-blue-striped-shirt-raising-hands-having-pleased-expression-blue-space_141793-22674.jpg?_wi=1",
},
id: "4", title: "Seamless Roof Installation Experience", quote: "From the initial quote to the final inspection, the entire process of getting a new roof was smooth and transparent. The team was courteous and kept us informed every step of the way.", name: "David Kim", role: "Resident, Coral Gables", imageSrc: "http://img.b2bpic.net/free-photo/happy-excited-man-blue-striped-shirt-raising-hands-having-pleased-expression-blue-space_141793-22674.jpg"},
{
id: "5",
title: "Top-Tier Quality and Professionalism",
quote: "Miami Roof Pros provided a fantastic experience. They were knowledgeable, provided clear options, and the new roof looks amazing. We feel much safer and happier with our home.",
name: "Jessica Lee",
role: "Homeowner, South Miami",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-businesswoman_329181-13396.jpg?_wi=1",
},
id: "5", title: "Top-Tier Quality and Professionalism", quote: "Miami Roof Pros provided a fantastic experience. They were knowledgeable, provided clear options, and the new roof looks amazing. We feel much safer and happier with our home.", name: "Jessica Lee", role: "Homeowner, South Miami", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-businesswoman_329181-13396.jpg"},
{
id: "6",
title: "Highly Recommended for Any Roofing Need",
quote: "Whether it's a minor repair or a complete overhaul, Miami Roof Pros is the go-to company. Their expertise and customer focus are truly commendable. Will definitely call them again!",
name: "Robert Davis",
role: "Building Supervisor, Wynwood",
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-guy-hugging-with-aged-happy-man-with-bottles_23-2148030283.jpg",
},
id: "6", title: "Highly Recommended for Any Roofing Need", quote: "Whether it's a minor repair or a complete overhaul, Miami Roof Pros is the go-to company. Their expertise and customer focus are truly commendable. Will definitely call them again!", name: "Robert Davis", role: "Building Supervisor, Wynwood", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-guy-hugging-with-aged-happy-man-with-bottles_23-2148030283.jpg"},
]}
title="What Our Clients Say"
description="Hear directly from satisfied homeowners and businesses we've served across Miami."
@@ -267,23 +153,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Miami Breeze Properties",
"Coral Coast Developments",
"Atlantic Builders",
"Ocean View Residences",
"Sunshine Management",
"Palm Beach Contractors",
"Gulfstream Homes",
]}
"Miami Breeze Properties", "Coral Coast Developments", "Atlantic Builders", "Ocean View Residences", "Sunshine Management", "Palm Beach Contractors", "Gulfstream Homes"]}
logos={[
"http://img.b2bpic.net/free-vector/home-location-pin-multiple-colours_78370-8204.jpg",
"http://img.b2bpic.net/free-psd/mechanic-template-design_23-2151905163.jpg",
"http://img.b2bpic.net/free-vector/triangular-logo-template_1071-2.jpg",
"http://img.b2bpic.net/free-vector/flat-summer-badge-collection_23-2148152023.jpg",
"http://img.b2bpic.net/free-vector/gradient-accounting-consultants-logo_23-2148827916.jpg",
"http://img.b2bpic.net/free-vector/palm-oil-sign-collection_23-2148794828.jpg",
"http://img.b2bpic.net/free-vector/flat-construction-sign-background_23-2148186038.jpg",
]}
"http://img.b2bpic.net/free-vector/home-location-pin-multiple-colours_78370-8204.jpg", "http://img.b2bpic.net/free-psd/mechanic-template-design_23-2151905163.jpg", "http://img.b2bpic.net/free-vector/triangular-logo-template_1071-2.jpg", "http://img.b2bpic.net/free-vector/flat-summer-badge-collection_23-2148152023.jpg", "http://img.b2bpic.net/free-vector/gradient-accounting-consultants-logo_23-2148827916.jpg", "http://img.b2bpic.net/free-vector/palm-oil-sign-collection_23-2148794828.jpg", "http://img.b2bpic.net/free-vector/flat-construction-sign-background_23-2148186038.jpg"]}
title="Trusted by Leading Companies & Homeowners"
description="We're proud to partner with a diverse range of clients, delivering exceptional roofing results every time."
/>
@@ -295,25 +167,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What types of roofing materials do you work with?",
content: "We work with a wide range of roofing materials, including asphalt shingles, metal roofs, tile roofs, flat roofs (TPO, EPDM), and more. Our experts can recommend the best option for your home or business based on Miami's climate and your specific needs.",
},
id: "1", title: "What types of roofing materials do you work with?", content: "We work with a wide range of roofing materials, including asphalt shingles, metal roofs, tile roofs, flat roofs (TPO, EPDM), and more. Our experts can recommend the best option for your home or business based on Miami's climate and your specific needs."},
{
id: "2",
title: "How long does a typical roof replacement take?",
content: "The duration of a roof replacement depends on several factors, such as the size and complexity of your roof, the chosen materials, and weather conditions. Typically, residential roof replacements can take anywhere from 3 to 7 days.",
},
id: "2", title: "How long does a typical roof replacement take?", content: "The duration of a roof replacement depends on several factors, such as the size and complexity of your roof, the chosen materials, and weather conditions. Typically, residential roof replacements can take anywhere from 3 to 7 days."},
{
id: "3",
title: "Do you offer warranties on your roofing services?",
content: "Yes, we stand behind the quality of our work. We offer comprehensive warranties on both materials and labor. Specific warranty details will be provided with your personalized quote.",
},
id: "3", title: "Do you offer warranties on your roofing services?", content: "Yes, we stand behind the quality of our work. We offer comprehensive warranties on both materials and labor. Specific warranty details will be provided with your personalized quote."},
{
id: "4",
title: "What are the signs that my roof needs repair or replacement?",
content: "Common signs include missing or broken shingles, leaks, water stains on ceilings, granules in gutters, sagging roof areas, or an age of 20+ years for asphalt shingles. We recommend a professional inspection to accurately assess your roof's condition.",
},
id: "4", title: "What are the signs that my roof needs repair or replacement?", content: "Common signs include missing or broken shingles, leaks, water stains on ceilings, granules in gutters, sagging roof areas, or an age of 20+ years for asphalt shingles. We recommend a professional inspection to accurately assess your roof's condition."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our roofing services, process, and pricing."
@@ -325,18 +185,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready for a new roof or need urgent repairs? Contact Miami Roof Pros today for a free consultation!"
buttons={[
{
text: "Call Us Now",
href: "tel:+1-305-555-ROOF",
},
text: "Call Us Now", href: "tel:+1-305-555-ROOF"},
{
text: "Request a Quote",
href: "/contact",
},
text: "Request a Quote", href: "/contact"},
]}
/>
</div>
@@ -345,75 +200,45 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Home",
href: "/",
},
label: "Home", href: "/"},
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Services",
href: "/services",
},
label: "Services", href: "/services"},
{
label: "Testimonials",
href: "/#testimonials",
},
label: "Testimonials", href: "/#testimonials"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Residential Roofing",
href: "/services#residential",
},
label: "Residential Roofing", href: "/services#residential"},
{
label: "Commercial Roofing",
href: "/services#commercial",
},
label: "Commercial Roofing", href: "/services#commercial"},
{
label: "Roof Repair",
href: "/services#repair",
},
label: "Roof Repair", href: "/services#repair"},
{
label: "New Installations",
href: "/services#installation",
},
label: "New Installations", href: "/services#installation"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "/#faq",
},
label: "FAQ", href: "/#faq"},
{
label: "Contact Us",
href: "/contact",
},
label: "Contact Us", href: "/contact"},
{
label: "Get a Free Quote",
href: "/contact",
},
label: "Get a Free Quote", href: "/contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}