bender/f3bd1de9-3084-4dca-bac3-d303a8ef0656
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 7 commits from version_1 into main 2026-03-04 20:50:53 +00:00
Conversation 0 Commits 7 Files Changed 7 +109 -360
7 changed files with 109 additions and 360 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/contact/page.tsx
View File

@@ -23,7 +23,7 @@ const ContactPage = () => {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="grid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
@@ -84,7 +84,7 @@ const ContactPage = () => {
{ text: "Call Now", href: "tel:+18005551234" },
]}
buttonAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -97,19 +97,13 @@ const ContactPage = () => {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/roofsonly",
ariaLabel: "Facebook",
},
href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "https://instagram.com/roofsonly",
ariaLabel: "Instagram",
},
href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/roofsonly",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"},
]}
/>
</div>

48
src/app/gallery/page.tsx
View File

@@ -24,7 +24,7 @@ const GalleryPage = () => {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="grid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
@@ -50,37 +50,13 @@ const GalleryPage = () => {
tagAnimation="slide-up"
products={[
{
id: "metal-1",
name: "Modern Metal Roof - Tampa",
price: "Metal Installation",
variant: "Standing seam system with skylight integration",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=3",
imageAlt: "Modern metal roof installation in Tampa",
},
id: "metal-1", name: "Modern Metal Roof - Tampa", price: "Metal Installation", variant: "Standing seam system with skylight integration", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", imageAlt: "Modern metal roof installation in Tampa"},
{
id: "shingle-1",
name: "Hurricane-Ready Shingles - Miami",
price: "Shingle Installation",
variant: "Premium architectural shingles with reinforced fastening",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg?_wi=3",
imageAlt: "Shingle roof installation in Miami",
},
id: "shingle-1", name: "Hurricane-Ready Shingles - Miami", price: "Shingle Installation", variant: "Premium architectural shingles with reinforced fastening", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg", imageAlt: "Shingle roof installation in Miami"},
{
id: "metal-2",
name: "Luxury Metal Roof - Naples",
price: "Metal Installation",
variant: "Custom metallic finish with precision detailing",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg?_wi=2",
imageAlt: "Luxury metal roof in Naples",
},
id: "metal-2", name: "Luxury Metal Roof - Naples", price: "Metal Installation", variant: "Custom metallic finish with precision detailing", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg", imageAlt: "Luxury metal roof in Naples"},
{
id: "storm-1",
name: "Storm Damage Restoration - Fort Myers",
price: "Damage Recovery",
variant: "Complete roof replacement following hurricane damage",
imageSrc: "http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg?_wi=3",
imageAlt: "Storm damage restoration project",
},
id: "storm-1", name: "Storm Damage Restoration - Fort Myers", price: "Damage Recovery", variant: "Complete roof replacement following hurricane damage", imageSrc: "http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg", imageAlt: "Storm damage restoration project"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -104,7 +80,7 @@ const GalleryPage = () => {
{ text: "Talk to Specialist", href: "/contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -117,19 +93,13 @@ const GalleryPage = () => {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/roofsonly",
ariaLabel: "Facebook",
},
href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "https://instagram.com/roofsonly",
ariaLabel: "Instagram",
},
href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/roofsonly",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"},
]}
/>
</div>

48
src/app/metal-roofing/page.tsx
View File

@@ -25,7 +25,7 @@ const MetalRoofingPage = () => {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="grid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
@@ -53,7 +53,7 @@ const MetalRoofingPage = () => {
{ value: "50+", title: "Years of durability and protection" },
{ value: "Insurance", title: "Savings from premium durability ratings" },
]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg"
imageAlt="Premium metal roofing installation"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -71,32 +71,14 @@ const MetalRoofingPage = () => {
tagAnimation="slide-up"
features={[
{
id: "1",
title: "Hurricane Performance",
author: "Storm-Rated Systems",
description: "Metal roofing has the highest wind resistance ratings. Standing seam systems hold strong in Category 5 hurricanes.",
tags: ["Wind Resistant", "Impact Rated"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg?_wi=2",
imageAlt: "Storm protection systems",
},
id: "1", title: "Hurricane Performance", author: "Storm-Rated Systems", description: "Metal roofing has the highest wind resistance ratings. Standing seam systems hold strong in Category 5 hurricanes.", tags: ["Wind Resistant", "Impact Rated"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg", imageAlt: "Storm protection systems"},
{
id: "2",
title: "Energy Efficiency",
author: "Cool Roof Technology",
description: "Reflective metal surfaces reduce cooling costs by up to 25%. Perfect for Florida's hot, sunny climate.",
tags: ["Lower Bills", "Eco-Friendly"],
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg?_wi=2",
imageAlt: "Energy efficient roofing",
},
id: "2", title: "Energy Efficiency", author: "Cool Roof Technology", description: "Reflective metal surfaces reduce cooling costs by up to 25%. Perfect for Florida's hot, sunny climate.", tags: ["Lower Bills", "Eco-Friendly"],
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg", imageAlt: "Energy efficient roofing"},
{
id: "3",
title: "Premium Aesthetics",
author: "Elegant Design",
description: "Choose from matte, metallic, or textured finishes. Metal roofing adds sophistication and curb appeal that lasts.",
tags: ["Luxury Appearance", "Increases Value"],
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15638.jpg?_wi=2",
imageAlt: "Metal roof aesthetic detail",
},
id: "3", title: "Premium Aesthetics", author: "Elegant Design", description: "Choose from matte, metallic, or textured finishes. Metal roofing adds sophistication and curb appeal that lasts.", tags: ["Luxury Appearance", "Increases Value"],
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15638.jpg", imageAlt: "Metal roof aesthetic detail"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -119,7 +101,7 @@ const MetalRoofingPage = () => {
{ text: "View Our Work", href: "/gallery" },
]}
buttonAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -132,19 +114,13 @@ const MetalRoofingPage = () => {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/roofsonly",
ariaLabel: "Facebook",
},
href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "https://instagram.com/roofsonly",
ariaLabel: "Instagram",
},
href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/roofsonly",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"},
]}
/>
</div>

191
src/app/page.tsx
View File

@@ -30,7 +30,7 @@ const HomePage = () => {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="grid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
@@ -54,31 +54,20 @@ const HomePage = () => {
tag="Premium Florida Roofing"
tagIcon={Crown}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg"
imageAlt="Luxury metal roof installation showcase"
mediaAnimation="slide-up"
background={{ variant: "plain" }}
testimonials={[
{
name: "Melissa Rodriguez",
handle: "Homeowner, Tampa",
testimonial: "Communication was absolutely amazing. They kept me updated every step of the way.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1",
},
name: "Melissa Rodriguez", handle: "Homeowner, Tampa", testimonial: "Communication was absolutely amazing. They kept me updated every step of the way.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
{
name: "Caesar Martinez",
handle: "Homeowner, Miami",
testimonial: "Fast, efficient, exceptional quality. My metal roof looks elegant—people stop to comment.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
},
name: "Caesar Martinez", handle: "Homeowner, Miami", testimonial: "Fast, efficient, exceptional quality. My metal roof looks elegant—people stop to comment.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
{
name: "Parker Johnson",
handle: "Homeowner, Fort Myers",
testimonial: "They reached out before and after Hurricane Idalia. That's the kind of team you want.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
},
name: "Parker Johnson", handle: "Homeowner, Fort Myers", testimonial: "They reached out before and after Hurricane Idalia. That's the kind of team you want.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
]}
testimonialRotationInterval={5000}
buttons={[
@@ -99,13 +88,7 @@ const HomePage = () => {
tagIcon={Star}
tagAnimation="slide-up"
names={[
"Communication Excellence",
"Hurricane Expert",
"Metal Roof Specialist",
"Detailed Inspection Reports",
"Organized Project Management",
"Local & Dependable",
]}
"Communication Excellence", "Hurricane Expert", "Metal Roof Specialist", "Detailed Inspection Reports", "Organized Project Management", "Local & Dependable"]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
@@ -124,41 +107,17 @@ const HomePage = () => {
tagAnimation="slide-up"
features={[
{
id: "1",
title: "Proactive Communication",
author: "Premium Service Standard",
description: "Updates at every stage—from inspection to final walk-through. You'll always know exactly what's happening next.",
tags: ["Transparent", "Real-Time Updates"],
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg?_wi=1",
imageAlt: "Team communication and coordination",
},
id: "1", title: "Proactive Communication", author: "Premium Service Standard", description: "Updates at every stage—from inspection to final walk-through. You'll always know exactly what's happening next.", tags: ["Transparent", "Real-Time Updates"],
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg", imageAlt: "Team communication and coordination"},
{
id: "2",
title: "Hurricane Experience",
author: "Storm Damage Specialists",
description: "We've guided homeowners through major storms like Ian and Idalia. Proactive monitoring and fast response when weather hits.",
tags: ["Storm Ready", "Insurance Help"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg?_wi=1",
imageAlt: "Storm protection and structural integrity",
},
id: "2", title: "Hurricane Experience", author: "Storm Damage Specialists", description: "We've guided homeowners through major storms like Ian and Idalia. Proactive monitoring and fast response when weather hits.", tags: ["Storm Ready", "Insurance Help"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg", imageAlt: "Storm protection and structural integrity"},
{
id: "3",
title: "Prepared, Detailed Estimates",
author: "Expert Evaluation",
description: "Expect a thorough inspection report with photos and clear recommendations—no vague quotes or surprises.",
tags: ["Detailed Reports", "No Hidden Costs"],
imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg?_wi=1",
imageAlt: "Professional inspection and assessment",
},
id: "3", title: "Prepared, Detailed Estimates", author: "Expert Evaluation", description: "Expect a thorough inspection report with photos and clear recommendations—no vague quotes or surprises.", tags: ["Detailed Reports", "No Hidden Costs"],
imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg", imageAlt: "Professional inspection and assessment"},
{
id: "4",
title: "Metal Roof Craftsmanship",
author: "Premium Installation",
description: "Elegant, durable metal roof systems that boost curb appeal and perform under pressure. Premium materials + expert installation.",
tags: ["Luxury Aesthetic", "Long-Term Value"],
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15638.jpg?_wi=1",
imageAlt: "Premium roofing material detail",
},
id: "4", title: "Metal Roof Craftsmanship", author: "Premium Installation", description: "Elegant, durable metal roof systems that boost curb appeal and perform under pressure. Premium materials + expert installation.", tags: ["Luxury Aesthetic", "Long-Term Value"],
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15638.jpg", imageAlt: "Premium roofing material detail"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -178,29 +137,11 @@ const HomePage = () => {
tagAnimation="slide-up"
products={[
{
id: "metal",
name: "Metal Roofing",
price: "Premium Longevity",
variant: "Signature service for Florida homes",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=1",
imageAlt: "Metal roofing installation",
},
id: "metal", name: "Metal Roofing", price: "Premium Longevity", variant: "Signature service for Florida homes", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", imageAlt: "Metal roofing installation"},
{
id: "shingle",
name: "Shingle Roofing",
price: "Clean Modern Option",
variant: "Reliable warranty coverage",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg?_wi=1",
imageAlt: "Shingle roofing installation",
},
id: "shingle", name: "Shingle Roofing", price: "Clean Modern Option", variant: "Reliable warranty coverage", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg", imageAlt: "Shingle roofing installation"},
{
id: "storm",
name: "Storm Damage & Insurance",
price: "Fast Response",
variant: "Documentation + guidance included",
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg",
imageAlt: "Storm damage assessment and insurance help",
},
id: "storm", name: "Storm Damage & Insurance", price: "Fast Response", variant: "Documentation + guidance included", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg", imageAlt: "Storm damage assessment and insurance help"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -219,25 +160,13 @@ const HomePage = () => {
tagAnimation="slide-up"
metrics={[
{
id: "1",
value: "Inspect",
description: "Detailed roof evaluation with professional photos and findings report. Clear recommendations based on expert assessment.",
},
id: "1", value: "Inspect", description: "Detailed roof evaluation with professional photos and findings report. Clear recommendations based on expert assessment."},
{
id: "2",
value: "Plan",
description: "Choose between metal or shingle options with transparent pricing and realistic timeline. We discuss every detail upfront.",
},
id: "2", value: "Plan", description: "Choose between metal or shingle options with transparent pricing and realistic timeline. We discuss every detail upfront."},
{
id: "3",
value: "Install",
description: "Clean, organized installation with frequent communication updates. We protect your property and maintain professional standards.",
},
id: "3", value: "Install", description: "Clean, organized installation with frequent communication updates. We protect your property and maintain professional standards."},
{
id: "4",
value: "Follow-Up",
description: "Final walk-through with detailed review. We check in seasonally and especially before major weather events.",
},
id: "4", value: "Follow-Up", description: "Final walk-through with detailed review. We check in seasonally and especially before major weather events."},
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
@@ -256,7 +185,7 @@ const HomePage = () => {
{ value: "100+", title: "Storm damage assessments completed" },
{ value: "Insurance", title: "Documentation and claim support included" },
]}
imageSrc="http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg"
imageAlt="Hurricane-ready roofing systems"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -274,53 +203,23 @@ const HomePage = () => {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Melissa Rodriguez",
role: "Homeowner, Tampa",
testimonial: "Communication was absolutely amazing. They kept me updated on time and schedule. The work is exceptional.",
icon: ThumbsUp,
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=1",
},
id: "1", name: "Melissa Rodriguez", role: "Homeowner, Tampa", testimonial: "Communication was absolutely amazing. They kept me updated on time and schedule. The work is exceptional.", icon: ThumbsUp,
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"},
{
id: "2",
name: "Caesar Martinez",
role: "Homeowner, Miami",
testimonial: "Fast, efficient, exceptional quality. My metal roof is elegant—people stop to comment on how beautiful it looks.",
icon: Star,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
},
id: "2", name: "Caesar Martinez", role: "Homeowner, Miami", testimonial: "Fast, efficient, exceptional quality. My metal roof is elegant—people stop to comment on how beautiful it looks.", icon: Star,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
{
id: "3",
name: "Parker Johnson",
role: "Homeowner, Fort Myers",
testimonial: "They reached out before and after Hurricane Idalia. That's the kind of team you want when storms hit.",
icon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",
},
id: "3", name: "Parker Johnson", role: "Homeowner, Fort Myers", testimonial: "They reached out before and after Hurricane Idalia. That's the kind of team you want when storms hit.", icon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
{
id: "4",
name: "Sarah Chen",
role: "Homeowner, Sarasota",
testimonial: "Detailed report, came prepared, no surprises. The entire process was professional and transparent from start to finish.",
icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2",
},
id: "4", name: "Sarah Chen", role: "Homeowner, Sarasota", testimonial: "Detailed report, came prepared, no surprises. The entire process was professional and transparent from start to finish.", icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
{
id: "5",
name: "Michael Torres",
role: "Homeowner, Tampa Bay",
testimonial: "They show up when they say they will. Reliable, trustworthy, and genuinely care about their work.",
icon: Heart,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5",
},
id: "5", name: "Michael Torres", role: "Homeowner, Tampa Bay", testimonial: "They show up when they say they will. Reliable, trustworthy, and genuinely care about their work.", icon: Heart,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
{
id: "6",
name: "Jennifer Walsh",
role: "Homeowner, Naples",
testimonial: "The quality is outstanding. Our new metal roof has transformed our home's curb appeal and we feel protected.",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=3",
},
id: "6", name: "Jennifer Walsh", role: "Homeowner, Naples", testimonial: "The quality is outstanding. Our new metal roof has transformed our home's curb appeal and we feel protected.", icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
]}
carouselMode="buttons"
animationType="slide-up"
@@ -344,7 +243,7 @@ const HomePage = () => {
{ text: "Call Now", href: "tel:+18005551234" },
]}
buttonAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -357,19 +256,13 @@ const HomePage = () => {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/roofsonly",
ariaLabel: "Facebook",
},
href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "https://instagram.com/roofsonly",
ariaLabel: "Instagram",
},
href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/roofsonly",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"},
]}
/>
</div>

70
src/app/reviews/page.tsx
View File

@@ -24,7 +24,7 @@ const ReviewsPage = () => {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="grid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
@@ -52,53 +52,23 @@ const ReviewsPage = () => {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Melissa Rodriguez",
role: "Homeowner, Tampa",
testimonial: "Communication was absolutely amazing. They kept me updated on time and schedule. The work is exceptional.",
icon: ThumbsUp,
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=2",
},
id: "1", name: "Melissa Rodriguez", role: "Homeowner, Tampa", testimonial: "Communication was absolutely amazing. They kept me updated on time and schedule. The work is exceptional.", icon: ThumbsUp,
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"},
{
id: "2",
name: "Caesar Martinez",
role: "Homeowner, Miami",
testimonial: "Fast, efficient, exceptional quality. My metal roof is elegant—people stop to comment on how beautiful it looks.",
icon: Star,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6",
},
id: "2", name: "Caesar Martinez", role: "Homeowner, Miami", testimonial: "Fast, efficient, exceptional quality. My metal roof is elegant—people stop to comment on how beautiful it looks.", icon: Star,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
{
id: "3",
name: "Parker Johnson",
role: "Homeowner, Fort Myers",
testimonial: "They reached out before and after Hurricane Idalia. That's the kind of team you want when storms hit.",
icon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=7",
},
id: "3", name: "Parker Johnson", role: "Homeowner, Fort Myers", testimonial: "They reached out before and after Hurricane Idalia. That's the kind of team you want when storms hit.", icon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
{
id: "4",
name: "Sarah Chen",
role: "Homeowner, Sarasota",
testimonial: "Detailed report, came prepared, no surprises. The entire process was professional and transparent from start to finish.",
icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=4",
},
id: "4", name: "Sarah Chen", role: "Homeowner, Sarasota", testimonial: "Detailed report, came prepared, no surprises. The entire process was professional and transparent from start to finish.", icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
{
id: "5",
name: "Michael Torres",
role: "Homeowner, Tampa Bay",
testimonial: "They show up when they say they will. Reliable, trustworthy, and genuinely care about their work.",
icon: Heart,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=8",
},
id: "5", name: "Michael Torres", role: "Homeowner, Tampa Bay", testimonial: "They show up when they say they will. Reliable, trustworthy, and genuinely care about their work.", icon: Heart,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
{
id: "6",
name: "Jennifer Walsh",
role: "Homeowner, Naples",
testimonial: "The quality is outstanding. Our new metal roof has transformed our home's curb appeal and we feel protected.",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=5",
},
id: "6", name: "Jennifer Walsh", role: "Homeowner, Naples", testimonial: "The quality is outstanding. Our new metal roof has transformed our home's curb appeal and we feel protected.", icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
]}
buttonAnimation="slide-up"
/>
@@ -117,7 +87,7 @@ const ReviewsPage = () => {
{ text: "View Our Work", href: "/gallery" },
]}
buttonAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -130,19 +100,13 @@ const ReviewsPage = () => {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/roofsonly",
ariaLabel: "Facebook",
},
href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "https://instagram.com/roofsonly",
ariaLabel: "Instagram",
},
href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/roofsonly",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"},
]}
/>
</div>

48
src/app/shingle-roofing/page.tsx
View File

@@ -25,7 +25,7 @@ const ShingleRoofingPage = () => {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="grid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
@@ -53,7 +53,7 @@ const ShingleRoofingPage = () => {
{ value: "25+", title: "Years of proven durability" },
{ value: "Warranty", title: "Comprehensive coverage included" },
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg"
imageAlt="Quality shingle roofing installation"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -71,32 +71,14 @@ const ShingleRoofingPage = () => {
tagAnimation="slide-up"
features={[
{
id: "1",
title: "Affordable Quality",
author: "Best Value Roofing",
description: "Quality shingles provide excellent protection at a reasonable cost. Great for homeowners who want reliable roofing without premium pricing.",
tags: ["Cost Effective", "Value Rated"],
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg?_wi=3",
imageAlt: "Affordable quality roofing",
},
id: "1", title: "Affordable Quality", author: "Best Value Roofing", description: "Quality shingles provide excellent protection at a reasonable cost. Great for homeowners who want reliable roofing without premium pricing.", tags: ["Cost Effective", "Value Rated"],
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg", imageAlt: "Affordable quality roofing"},
{
id: "2",
title: "Easy Maintenance",
author: "Simple Care",
description: "Shingle roofs are straightforward to inspect, maintain, and repair. Local contractors are familiar with shingle systems throughout Florida.",
tags: ["Low Maintenance", "Easy Repairs"],
imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg?_wi=2",
imageAlt: "Professional maintenance",
},
id: "2", title: "Easy Maintenance", author: "Simple Care", description: "Shingle roofs are straightforward to inspect, maintain, and repair. Local contractors are familiar with shingle systems throughout Florida.", tags: ["Low Maintenance", "Easy Repairs"],
imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg", imageAlt: "Professional maintenance"},
{
id: "3",
title: "Weather Resistance",
author: "Florida Tested",
description: "Modern shingles stand up to Florida weather. Wind ratings meet hurricane code requirements for coastal and inland homes.",
tags: ["Weather Tested", "Code Compliant"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg?_wi=3",
imageAlt: "Weather resistant materials",
},
id: "3", title: "Weather Resistance", author: "Florida Tested", description: "Modern shingles stand up to Florida weather. Wind ratings meet hurricane code requirements for coastal and inland homes.", tags: ["Weather Tested", "Code Compliant"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg", imageAlt: "Weather resistant materials"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -119,7 +101,7 @@ const ShingleRoofingPage = () => {
{ text: "Learn More", href: "/" },
]}
buttonAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -132,19 +114,13 @@ const ShingleRoofingPage = () => {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/roofsonly",
ariaLabel: "Facebook",
},
href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "https://instagram.com/roofsonly",
ariaLabel: "Instagram",
},
href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/roofsonly",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"},
]}
/>
</div>

48
src/app/storm-insurance/page.tsx
View File

@@ -25,7 +25,7 @@ const StormInsurancePage = () => {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="grid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
@@ -53,7 +53,7 @@ const StormInsurancePage = () => {
{ value: "100+", title: "Storm assessments completed" },
{ value: "Fast", title: "Same-day or next-day inspections" },
]}
imageSrc="http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg"
imageAlt="Storm damage assessment"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -71,32 +71,14 @@ const StormInsurancePage = () => {
tagAnimation="slide-up"
features={[
{
id: "1",
title: "Comprehensive Damage Documentation",
author: "Insurance-Ready Reports",
description: "We provide detailed inspection reports with professional photography and measurements. Your insurance company gets exactly what they need to process your claim.",
tags: ["Photo Documentation", "Detailed Reports"],
imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg?_wi=3",
imageAlt: "Professional inspection documentation",
},
id: "1", title: "Comprehensive Damage Documentation", author: "Insurance-Ready Reports", description: "We provide detailed inspection reports with professional photography and measurements. Your insurance company gets exactly what they need to process your claim.", tags: ["Photo Documentation", "Detailed Reports"],
imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg", imageAlt: "Professional inspection documentation"},
{
id: "2",
title: "Insurance Claim Support",
author: "Adjuster Coordination",
description: "We work directly with your insurance adjuster. We can attend inspections, explain findings, and advocate for your coverage.",
tags: ["Adjuster Meetings", "Claim Support"],
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg?_wi=4",
imageAlt: "Insurance claim coordination",
},
id: "2", title: "Insurance Claim Support", author: "Adjuster Coordination", description: "We work directly with your insurance adjuster. We can attend inspections, explain findings, and advocate for your coverage.", tags: ["Adjuster Meetings", "Claim Support"],
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-shareholders-conducting-research-reading-paperwork_482257-123385.jpg", imageAlt: "Insurance claim coordination"},
{
id: "3",
title: "Fast Emergency Response",
author: "Storm Season Ready",
description: "During hurricane season, we prioritize storm damage assessments. Same-day or next-day inspections to document damage before further deterioration.",
tags: ["24-Hour Service", "Priority Response"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg?_wi=4",
imageAlt: "Emergency response services",
},
id: "3", title: "Fast Emergency Response", author: "Storm Season Ready", description: "During hurricane season, we prioritize storm damage assessments. Same-day or next-day inspections to document damage before further deterioration.", tags: ["24-Hour Service", "Priority Response"],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359695.jpg", imageAlt: "Emergency response services"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -119,7 +101,7 @@ const StormInsurancePage = () => {
{ text: "Call Now", href: "tel:+18005551234" },
]}
buttonAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -132,19 +114,13 @@ const StormInsurancePage = () => {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/roofsonly",
ariaLabel: "Facebook",
},
href: "https://facebook.com/roofsonly", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "https://instagram.com/roofsonly",
ariaLabel: "Instagram",
},
href: "https://instagram.com/roofsonly", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/roofsonly",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/roofsonly", ariaLabel: "LinkedIn"},
]}
/>
</div>