From 5a54039b3f1df9295c956ce7bb57f1f40b328983 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 24 Apr 2026 18:00:30 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 267 +++++++++-------------------------------------- 1 file changed, 50 insertions(+), 217 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 2283621..ac4d73b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,21 +33,13 @@ export default function LandingPage() { @@ -59,39 +51,23 @@ export default function LandingPage() { description="Precision Roofing for Exceptional Homes. Specialists in Zinc, Cladding & Architectural Roofing Systems." buttons={[ { - text: "Get a Quote", - href: "#contact", - }, + text: "Get a Quote", href: "#contact"}, { - text: "View Projects", - href: "#featured-project", - }, + text: "View Projects", href: "#featured-project"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-field-with-partially-gone-dry-because-changes-weather_181624-7787.jpg?_wi=1", - imageAlt: "luxury zinc roofing architecture", - }, + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-field-with-partially-gone-dry-because-changes-weather_181624-7787.jpg?_wi=1", imageAlt: "luxury zinc roofing architecture"}, { - imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1", - imageAlt: "slate roof installation detail", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1", imageAlt: "slate roof installation detail"}, { - imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=1", - imageAlt: "modern luxury home roofing", - }, + imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=1", imageAlt: "modern luxury home roofing"}, { - imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283301.jpg?_wi=1", - imageAlt: "metal cladding architectural lines", - }, + imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283301.jpg?_wi=1", imageAlt: "metal cladding architectural lines"}, { - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-tall-building_250224-299.jpg?_wi=1", - imageAlt: "standing seam roof close up", - }, + imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-tall-building_250224-299.jpg?_wi=1", imageAlt: "standing seam roof close up"}, { - imageSrc: "http://img.b2bpic.net/free-photo/temple-silhouette-sunset_23-2152005838.jpg", - imageAlt: "modern home roof line", - }, + imageSrc: "http://img.b2bpic.net/free-photo/temple-silhouette-sunset_23-2152005838.jpg", imageAlt: "modern home roof line"}, ]} /> @@ -103,40 +79,20 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "15+", - title: "Years Experience", - items: [ - "Proven expertise", - "Long-term legacy", - ], + id: "m1", value: "15+", title: "Years Experience", items: [ + "Proven expertise", "Long-term legacy"], }, { - id: "m2", - value: "Premium", - title: "Materials Only", - items: [ - "Top-tier zinc", - "Durable slate", - ], + id: "m2", value: "Premium", title: "Materials Only", items: [ + "Top-tier zinc", "Durable slate"], }, { - id: "m3", - value: "100%", - title: "Certified/Insured", - items: [ - "Peace of mind", - "Safety first", - ], + id: "m3", value: "100%", title: "Certified/Insured", items: [ + "Peace of mind", "Safety first"], }, { - id: "m4", - value: "Precision", - title: "Installation", - items: [ - "Flawless finish", - "Expert detail", - ], + id: "m4", value: "Precision", title: "Installation", items: [ + "Flawless finish", "Expert detail"], }, ]} title="Unrivaled Expertise" @@ -165,46 +121,21 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "s1", - title: "Zinc Roofing", - descriptions: [ - "Clean lines.", - "Modern finish.", - "Built to last decades.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/windows-building-textures_1203-7133.jpg", - imageAlt: "luxury zinc roofing architecture", - }, + id: "s1", title: "Zinc Roofing", descriptions: [ + "Achieves a sleek, ultra-modern aesthetic.", "Provides superior corrosion resistance for coastal or urban environments.", "Offers long-term structural integrity for maintenance-free peace of mind."], + imageSrc: "http://img.b2bpic.net/free-photo/windows-building-textures_1203-7133.jpg", imageAlt: "luxury zinc roofing architecture"}, { - id: "s2", - title: "Roof Cladding", - descriptions: [ - "Architectural systems.", - "Protection meets impact.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/old-brown-roof-tile-pattern-background-texture_1150-21736.jpg", - imageAlt: "slate roof installation detail", - }, + id: "s2", title: "Roof Cladding", descriptions: [ + "Creates a bold, contemporary architectural profile.", "Enhances thermal insulation and weather protection for your building shell."], + imageSrc: "http://img.b2bpic.net/free-photo/old-brown-roof-tile-pattern-background-texture_1150-21736.jpg", imageAlt: "slate roof installation detail"}, { - id: "s3", - title: "Roof Installation", - descriptions: [ - "Full-service installation.", - "New build expertise.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg", - imageAlt: "modern luxury home roofing", - }, + id: "s3", title: "Roof Installation", descriptions: [ + "Ensures a watertight, lifetime-performance seal for new construction.", "Optimizes structural stability through precise installation protocols."], + imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg", imageAlt: "modern luxury home roofing"}, { - id: "s4", - title: "Restoration", - descriptions: [ - "Upgrade existing.", - "Modern standards.", - ], - imageSrc: "http://img.b2bpic.net/free-photo/roof-section-urban-modern-building_122409-10.jpg", - imageAlt: "metal cladding architectural lines", - }, + id: "s4", title: "Restoration", descriptions: [ + "Revitalizes the aesthetic character of heritage structures.", "Upgrades older roof performance to modern energy-efficiency standards."], + imageSrc: "http://img.b2bpic.net/free-photo/roof-section-urban-modern-building_122409-10.jpg", imageAlt: "metal cladding architectural lines"}, ]} title="Specialist Services" description="Crafting premium roofing for every project phase." @@ -219,53 +150,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - name: "Zinc Detail", - price: "High Detail", - variant: "Roofing", - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", - imageAlt: "barn conversion roofing project", - }, + id: "p1", name: "Zinc Detail", price: "High Detail", variant: "Roofing", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", imageAlt: "barn conversion roofing project"}, { - id: "p2", - name: "Roof Finish", - price: "Flawless", - variant: "Cladding", - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-high-stone-bridge-with-clear-blue-sky_181624-1811.jpg", - imageAlt: "standing seam roof close up", - }, + id: "p2", name: "Roof Finish", price: "Flawless", variant: "Cladding", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-high-stone-bridge-with-clear-blue-sky_181624-1811.jpg", imageAlt: "standing seam roof close up"}, { - id: "p3", - name: "Overall View", - price: "Premium", - variant: "Conversion", - imageSrc: "http://img.b2bpic.net/free-photo/spirituality-reflected-modern-illuminated-architecture-design-generated-by-ai_188544-11198.jpg", - imageAlt: "modern home roof line", - }, + id: "p3", name: "Overall View", price: "Premium", variant: "Conversion", imageSrc: "http://img.b2bpic.net/free-photo/spirituality-reflected-modern-illuminated-architecture-design-generated-by-ai_188544-11198.jpg", imageAlt: "modern home roof line"}, { - id: "p4", - name: "Cladding Edge", - price: "Architectural", - variant: "Cladding", - imageSrc: "http://img.b2bpic.net/free-photo/view-coarse-plaster-surfaces_23-2148252825.jpg", - imageAlt: "luxury zinc roofing architecture", - }, + id: "p4", name: "Cladding Edge", price: "Architectural", variant: "Cladding", imageSrc: "http://img.b2bpic.net/free-photo/view-coarse-plaster-surfaces_23-2148252825.jpg", imageAlt: "luxury zinc roofing architecture"}, { - id: "p5", - name: "Roof Corner", - price: "Durability", - variant: "Roofing", - imageSrc: "http://img.b2bpic.net/free-photo/concrete-building_1127-2031.jpg", - imageAlt: "slate roof installation detail", - }, + id: "p5", name: "Roof Corner", price: "Durability", variant: "Roofing", imageSrc: "http://img.b2bpic.net/free-photo/concrete-building_1127-2031.jpg", imageAlt: "slate roof installation detail"}, { - id: "p6", - name: "Installation View", - price: "On-Time", - variant: "Conversion", - imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg", - imageAlt: "modern luxury home roofing", - }, + id: "p6", name: "Installation View", price: "On-Time", variant: "Conversion", imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg", imageAlt: "modern luxury home roofing"}, ]} title="Featured Project" description="Barn Conversion – VM Zinc Roofing & Cladding" @@ -278,60 +173,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "Sarah Johnson", - date: "3 years ago", - title: "Barn Conversion", - quote: "JTC roofing agreed to provide and fit a VM Zinc roof and cladding to our barn conversion project. The project was completed on time, at cost to a high standard.", - tag: "Architectural", - avatarSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338278.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-field-with-partially-gone-dry-because-changes-weather_181624-7787.jpg?_wi=2", - imageAlt: "professional headshot modern", - }, + id: "t1", name: "Sarah Johnson", date: "3 years ago", title: "Barn Conversion", quote: "JTC roofing agreed to provide and fit a VM Zinc roof and cladding to our barn conversion project. The project was completed on time, at cost to a high standard.", tag: "Architectural", avatarSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338278.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-field-with-partially-gone-dry-because-changes-weather_181624-7787.jpg?_wi=2", imageAlt: "professional headshot modern"}, { - id: "t2", - name: "Michael Chen", - date: "2 years ago", - title: "Home Renovation", - quote: "Fantastic service. Flawless finish that stands the test of time.", - tag: "Premium Residential", - avatarSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-coffee-looking-her-boyfriend_23-2148363567.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=2", - imageAlt: "professional headshot modern", - }, + id: "t2", name: "Michael Chen", date: "2 years ago", title: "Home Renovation", quote: "Fantastic service. Flawless finish that stands the test of time.", tag: "Premium Residential", avatarSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-coffee-looking-her-boyfriend_23-2148363567.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=2", imageAlt: "professional headshot modern"}, { - id: "t3", - name: "Emily R.", - date: "1 year ago", - title: "New Build", - quote: "Expert team, professional site conduct, and incredible roofing quality.", - tag: "New Build", - avatarSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338280.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=2", - imageAlt: "professional headshot modern", - }, + id: "t3", name: "Emily R.", date: "1 year ago", title: "New Build", quote: "Expert team, professional site conduct, and incredible roofing quality.", tag: "New Build", avatarSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338280.jpg", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=2", imageAlt: "professional headshot modern"}, { - id: "t4", - name: "David K.", - date: "6 months ago", - title: "Restoration", - quote: "Restored our existing structure perfectly. Highly recommend their craftsmanship.", - tag: "Restoration", - avatarSrc: "http://img.b2bpic.net/free-photo/two-architects-working-together-looking-tablet-with-blueprints-sitting-desk-modern-architectural-office-project-engineers-doing-teamwork-using-digital-device-table-with-scale-model_482257-37779.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283301.jpg?_wi=2", - imageAlt: "professional headshot modern", - }, + id: "t4", name: "David K.", date: "6 months ago", title: "Restoration", quote: "Restored our existing structure perfectly. Highly recommend their craftsmanship.", tag: "Restoration", avatarSrc: "http://img.b2bpic.net/free-photo/two-architects-working-together-looking-tablet-with-blueprints-sitting-desk-modern-architectural-office-project-engineers-doing-teamwork-using-digital-device-table-with-scale-model_482257-37779.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283301.jpg?_wi=2", imageAlt: "professional headshot modern"}, { - id: "t5", - name: "Amanda P.", - date: "2 months ago", - title: "Cladding Project", - quote: "High-ticket roofing work done with pure expertise. Great value.", - tag: "Cladding", - avatarSrc: "http://img.b2bpic.net/free-photo/couple-holding-hands-sofa-home_23-2147744902.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-tall-building_250224-299.jpg?_wi=2", - imageAlt: "professional headshot modern", - }, + id: "t5", name: "Amanda P.", date: "2 months ago", title: "Cladding Project", quote: "High-ticket roofing work done with pure expertise. Great value.", tag: "Cladding", avatarSrc: "http://img.b2bpic.net/free-photo/couple-holding-hands-sofa-home_23-2147744902.jpg", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-tall-building_250224-299.jpg?_wi=2", imageAlt: "professional headshot modern"}, ]} title="Client Feedback" description="Excellence delivered across the board." @@ -343,25 +193,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "f1", - title: "Precision standards", - content: "Unmatched attention to installation detail.", - }, + id: "f1", title: "Precision standards", content: "Unmatched attention to installation detail."}, { - id: "f2", - title: "Premium materials", - content: "We only source the highest grade zinc and slate.", - }, + id: "f2", title: "Premium materials", content: "We only source the highest grade zinc and slate."}, { - id: "f3", - title: "Durability focus", - content: "Built to last decades of extreme weather.", - }, + id: "f3", title: "Durability focus", content: "Built to last decades of extreme weather."}, { - id: "f4", - title: "Transparent pricing", - content: "Clear, honest estimates for every high-ticket project.", - }, + id: "f4", title: "Transparent pricing", content: "Clear, honest estimates for every high-ticket project."}, ]} sideTitle="The Difference is in the Detail" faqsAnimation="slide-up" @@ -372,8 +210,7 @@ export default function LandingPage() { -- 2.49.1