Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5a54039b3f | |||
| 483ab11849 |
267
src/app/page.tsx
267
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="JTC Roofing"
|
||||
/>
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Let’s Build Something That Lasts"
|
||||
description="Speak with our team today to discuss your project."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/window-building_74190-146.jpg"
|
||||
@@ -387,13 +224,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="JTC Roofing"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user