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

Update src/app/metal-roofing/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-04 20:50:47 +00:00
parent 119d3e7346
commit 2f049280db
1 changed files with 12 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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>