Compare commits
14 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d26f0cd21c | |||
| ee8fd197f6 | |||
| b5a18096bb | |||
| 0a62663ac4 | |||
| 8754cedf35 | |||
| 129e5d9159 | |||
| 40b7fa144a | |||
| adfd59fb05 | |||
| b15b684411 | |||
| f1bba437ef | |||
| 36fd749784 | |||
| 9dd50d1d01 | |||
| a321f861dd | |||
| 8cf64ac346 |
@@ -27,22 +27,35 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home", id: "/"},
|
name: "Home",
|
||||||
|
id: "/",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "Services", id: "/services"},
|
name: "Services",
|
||||||
|
id: "/services",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "Projects", id: "/projects"},
|
name: "Projects",
|
||||||
|
id: "/projects",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "Reviews", id: "/reviews"},
|
name: "Reviews",
|
||||||
|
id: "/reviews",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "About", id: "/about"},
|
name: "About",
|
||||||
|
id: "/about",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "FAQs", id: "/faq"},
|
name: "FAQs",
|
||||||
|
id: "/faq",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "Get a Quote", id: "/contact"},
|
name: "Get a Quote",
|
||||||
|
id: "/contact",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
brandName="GC Roofing"
|
brandName="GC Roofing"
|
||||||
logoClassName="text-2xl font-bold text-primary-cta"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -54,11 +67,29 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "team-1", name: "Gerard Collins", role: "Founder & Lead Roofer", description: "With over 20 years experience, Gerard personally oversees every project, ensuring the highest standards of quality.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149343696.jpg", imageAlt: "Gerard Collins, Founder of GC Roofing"},
|
id: "team-1",
|
||||||
|
name: "Gerard Collins",
|
||||||
|
role: "Founder & Lead Roofer",
|
||||||
|
description: "With over 20 years experience, Gerard personally oversees every project, ensuring the highest standards of quality.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149343696.jpg",
|
||||||
|
imageAlt: "Gerard Collins, Founder of GC Roofing",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "team-2", name: "Mark Davison", role: "Certified Roofing Technician", description: "Mark is a meticulous craftsman, specializing in complex installations and ensuring every detail is perfect.", imageSrc: "http://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg", imageAlt: "Mark Davison, Roofing Technician"},
|
id: "team-2",
|
||||||
|
name: "Mark Davison",
|
||||||
|
role: "Certified Roofing Technician",
|
||||||
|
description: "Mark is a meticulous craftsman, specializing in complex installations and ensuring every detail is perfect.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg",
|
||||||
|
imageAlt: "Mark Davison, Roofing Technician",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "team-3", name: "Sarah Walsh", role: "Client Relations Manager", description: "Sarah ensures clear communication and photographic updates, keeping clients informed and satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/two-engineers-designers-working-construction-project_273609-16395.jpg", imageAlt: "Sarah Walsh, Client Relations Manager"},
|
id: "team-3",
|
||||||
|
name: "Sarah Walsh",
|
||||||
|
role: "Client Relations Manager",
|
||||||
|
description: "Sarah ensures clear communication and photographic updates, keeping clients informed and satisfied.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/two-engineers-designers-working-construction-project_273609-16395.jpg",
|
||||||
|
imageAlt: "Sarah Walsh, Client Relations Manager",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
title="Meet the GC Roofing Team"
|
title="Meet the GC Roofing Team"
|
||||||
description="Led by Gerard Collins, our team is dedicated to reliability, transparency, and craftsmanship, ensuring your peace of mind."
|
description="Led by Gerard Collins, our team is dedicated to reliability, transparency, and craftsmanship, ensuring your peace of mind."
|
||||||
@@ -72,16 +103,24 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: ShieldCheck,
|
icon: ShieldCheck,
|
||||||
label: "Workmanship", value: "10-Year Guarantee"},
|
label: "Workmanship",
|
||||||
|
value: "10-Year Guarantee",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
icon: Award,
|
icon: Award,
|
||||||
label: "Public & Employer's", value: "Fully Insured"},
|
label: "Public & Employer's",
|
||||||
|
value: "Fully Insured",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
icon: ListChecks,
|
icon: ListChecks,
|
||||||
label: "Safety Training", value: "Certified Team"},
|
label: "Safety Training",
|
||||||
|
value: "Certified Team",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
icon: Trash2,
|
icon: Trash2,
|
||||||
label: "Waste Management", value: "Licensed Carrier"},
|
label: "Waste Management",
|
||||||
|
value: "Licensed Carrier",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -92,41 +131,70 @@ export default function LandingPage() {
|
|||||||
logoText="GC Roofing"
|
logoText="GC Roofing"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services", items: [
|
title: "Services",
|
||||||
|
items: [
|
||||||
{
|
{
|
||||||
label: "New Slates & Tiled Roofs", href: "/services#slate-tile"},
|
label: "New Slates & Tiled Roofs",
|
||||||
|
href: "/services#slate-tile",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Flat Roof Replacement", href: "/services#flat-roof"},
|
label: "Flat Roof Replacement",
|
||||||
|
href: "/services#flat-roof",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Chimney Removal/Rebuild", href: "/services#chimney"},
|
label: "Chimney Removal/Rebuild",
|
||||||
|
href: "/services#chimney",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Fascia, Soffits & Guttering", href: "/services#fascia-gutter"},
|
label: "Fascia, Soffits & Guttering",
|
||||||
|
href: "/services#fascia-gutter",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Storm Damage & Emergency", href: "/services#storm-damage"},
|
label: "Storm Damage & Emergency",
|
||||||
|
href: "/services#storm-damage",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Skylights & Ventilation", href: "/services#skylights"},
|
label: "Skylights & Ventilation",
|
||||||
|
href: "/services#skylights",
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company", items: [
|
title: "Company",
|
||||||
|
items: [
|
||||||
{
|
{
|
||||||
label: "About Us", href: "/about"},
|
label: "About Us",
|
||||||
|
href: "/about",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Projects", href: "/projects"},
|
label: "Projects",
|
||||||
|
href: "/projects",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Reviews", href: "/reviews"},
|
label: "Reviews",
|
||||||
|
href: "/reviews",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "FAQs", href: "/faq"},
|
label: "FAQs",
|
||||||
|
href: "/faq",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Contact", href: "/contact"},
|
label: "Contact",
|
||||||
|
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: "#",
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
@@ -42,7 +42,6 @@ export default function LandingPage() {
|
|||||||
name: "Get a Quote", id: "/contact"},
|
name: "Get a Quote", id: "/contact"},
|
||||||
]}
|
]}
|
||||||
brandName="GC Roofing"
|
brandName="GC Roofing"
|
||||||
logoClassName="text-2xl font-bold text-primary-cta"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -41,7 +41,6 @@ export default function LandingPage() {
|
|||||||
name: "Get a Quote", id: "/contact"},
|
name: "Get a Quote", id: "/contact"},
|
||||||
]}
|
]}
|
||||||
brandName="GC Roofing"
|
brandName="GC Roofing"
|
||||||
logoClassName="text-2xl font-bold text-primary-cta"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -47,7 +47,6 @@ export default function LandingPage() {
|
|||||||
name: "Get a Quote", id: "/contact"},
|
name: "Get a Quote", id: "/contact"},
|
||||||
]}
|
]}
|
||||||
brandName="GC Roofing"
|
brandName="GC Roofing"
|
||||||
logoClassName="text-2xl font-bold text-primary-cta"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -55,8 +54,10 @@ export default function LandingPage() {
|
|||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static"}}
|
variant: "rotated-rays-static"}}
|
||||||
title="Roofing done right — first time."
|
title="GC Roofing: Unwavering Reliability, Unmatched Craftsmanship."
|
||||||
description="New roofs, flat roofs, chimney works, fascia and storm repairs across Greater Belfast and beyond. Fair, transparent pricing with photographic updates."
|
description="Across Greater Belfast, GC Roofing delivers peace of mind with every project. Reliable. Transparent. Built to last."
|
||||||
|
titleClassName="text-5xl lg:text-7xl font-extrabold text-[var(--primary-cta)]"
|
||||||
|
descriptionClassName="text-lg lg:text-xl"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get a Quote", href: "/contact"},
|
text: "Get a Quote", href: "/contact"},
|
||||||
@@ -90,54 +91,54 @@ export default function LandingPage() {
|
|||||||
title: "New Slate & Tile Roofs", description: "Full roof replacements to a high standard, with breathable membranes and leadwork.", icon: Home,
|
title: "New Slate & Tile Roofs", description: "Full roof replacements to a high standard, with breathable membranes and leadwork.", icon: Home,
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "Slate roof repair"},
|
imageSrc: "https://img.b2bpic.net/free-photo/worker-cutting-metal-roof-sheets_23-2151042792.jpg?_wi=1", imageAlt: "Roofer installing new roof tiles"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "New slate roof construction"},
|
imageSrc: "https://img.b2bpic.net/free-photo/male-engineer-uniform-gloves-holding-drilling-machine_23-2147775510.jpg?_wi=1", imageAlt: "Close-up of new tile roof installation"},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Flat Roof Replacement", description: "Warm roof systems, GRP or high-grade felt for leak-free, energy-efficient solutions.", icon: Home,
|
title: "Flat Roof Replacement", description: "Warm roof systems, GRP or high-grade felt for leak-free, energy-efficient solutions.", icon: Home,
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg", imageAlt: "Flat roof repair"},
|
imageSrc: "https://img.b2bpic.net/free-photo/people-working-flat-roof_23-2149343729.jpg?_wi=1", imageAlt: "Workers applying membrane to flat roof"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg", imageAlt: "Flat roof replacement"},
|
imageSrc: "https://img.b2bpic.net/free-photo/roof-worker_23-2148464654.jpg?_wi=1", imageAlt: "Finished flat roof with modern sealant"},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Chimney Removal & Rebuild", description: "Structural removals, lead flashings, capping, and brickwork to cure damp and ensure safety.", icon: Building,
|
title: "Chimney Removal & Rebuild", description: "Structural removals, lead flashings, capping, and brickwork to cure damp and ensure safety.", icon: Building,
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-flirting-roof_1153-733.jpg", imageAlt: "Chimney repair"},
|
imageSrc: "https://img.b2bpic.net/free-photo/bricklayer-working-site-close-up_23-2149405055.jpg?_wi=1", imageAlt: "Bricklayer working on chimney rebuild"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-old-lighthouse-with-white-sky_181624-876.jpg", imageAlt: "Chimney rebuild"},
|
imageSrc: "https://img.b2bpic.net/free-photo/man-working-roof_1321-1041.jpg?_wi=1", imageAlt: "Scaffolded chimney being repaired"},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Fascia, Soffits & Guttering", description: "New fascia, soffits, gutters, and downpipes for tidy edges and improved drainage.", icon: Droplet,
|
title: "Fascia, Soffits & Guttering", description: "New fascia, soffits, gutters, and downpipes for tidy edges and improved drainage.", icon: Droplet,
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/water-gas-pipe-engineering-filtered-image-processed-vintage-effect_1232-4932.jpg", imageAlt: "Gutter cleaning"},
|
imageSrc: "https://img.b2bpic.net/free-photo/metal-guttering-installed-house-roof_146919-21.jpg?_wi=1", imageAlt: "New white fascia and guttering"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg", imageAlt: "Fascia and guttering"},
|
imageSrc: "https://img.b2bpic.net/free-photo/workman-installing-plastic-drainage-pipe-house_1308-16149.jpg?_wi=1", imageAlt: "Worker installing a new downpipe"},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Storm Damage & Repairs", description: "Fast diagnosis and same-day call-outs where possible to make safe and permanently repair.", icon: Wrench,
|
title: "Storm Damage & Repairs", description: "Fast diagnosis and same-day call-outs where possible to make safe and permanently repair.", icon: Wrench,
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-working-with-spray-paint_23-2149705891.jpg", imageAlt: "Storm damaged roof"},
|
imageSrc: "https://img.b2bpic.net/free-photo/roof-tiling-on-construction-site_1088-293.jpg?_wi=1", imageAlt: "Damaged roof tiles after storm"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343643.jpg", imageAlt: "Roofer fixing storm damage"},
|
imageSrc: "https://img.b2bpic.net/free-photo/worker-roof-repairing-house_1423-1493.jpg?_wi=1", imageAlt: "Roofer fixing wind-damaged roof"},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Skylights & Roof Ventilation", description: "Velux installation, vent tiles, and condensation solutions for attic comfort.", icon: MessageCircle,
|
title: "Skylights & Roof Ventilation", description: "Velux installation, vent tiles, and condensation solutions for attic comfort.", icon: MessageCircle,
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388971.jpg", imageAlt: "Skylight installation"},
|
imageSrc: "https://img.b2bpic.net/free-photo/roofer-installing-window_23-2148464673.jpg?_wi=1", imageAlt: "Velux skylight being installed"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/window-with-metal-railing_1127-2070.jpg", imageAlt: "Velux window"},
|
imageSrc: "https://img.b2bpic.net/free-photo/roof-repair-specialist-is-replacing-shingles-damaged-by-hail_1308-142340.jpg?_wi=1", imageAlt: "New roof ventilation system"},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
@@ -25,13 +25,34 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "/" },
|
{
|
||||||
{ name: "Services", id: "/services" },
|
name: "Home",
|
||||||
{ name: "Projects", id: "/projects" },
|
id: "/",
|
||||||
{ name: "Reviews", id: "/reviews" },
|
},
|
||||||
{ name: "About", id: "/about" },
|
{
|
||||||
{ name: "FAQs", id: "/faq" },
|
name: "Services",
|
||||||
{ name: "Get a Quote", id: "/contact" }
|
id: "/services",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Projects",
|
||||||
|
id: "/projects",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Reviews",
|
||||||
|
id: "/reviews",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "About",
|
||||||
|
id: "/about",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "FAQs",
|
||||||
|
id: "/faq",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Get a Quote",
|
||||||
|
id: "/contact",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
brandName="GC Roofing"
|
brandName="GC Roofing"
|
||||||
/>
|
/>
|
||||||
@@ -45,29 +66,65 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "project-1", brand: "Malone Road", name: "1930s Semi - Full Re-slate", price: "View Details", rating: 5,
|
id: "project-1",
|
||||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/house-surrounded-by-greenery-with-hills-cloudy-sky-background_181624-9940.jpg", imageAlt: "Before and after of a full roof replacement on a 1930s semi-detached house"
|
brand: "Malone Road",
|
||||||
|
name: "1930s Semi - Full Re-slate",
|
||||||
|
price: "View Details",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "5",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/house-surrounded-by-greenery-with-hills-cloudy-sky-background_181624-9940.jpg",
|
||||||
|
imageAlt: "Before and after of a full roof replacement on a 1930s semi-detached house",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "project-2", brand: "City Centre", name: "Commercial Flat Roof Upgrade", price: "View Details", rating: 5,
|
id: "project-2",
|
||||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-side-view_23-2149870330.jpg", imageAlt: "GRP flat roof replacement on a commercial building"
|
brand: "City Centre",
|
||||||
|
name: "Commercial Flat Roof Upgrade",
|
||||||
|
price: "View Details",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "5",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/asian-man-with-cancer-side-view_23-2149870330.jpg",
|
||||||
|
imageAlt: "GRP flat roof replacement on a commercial building",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "project-3", brand: "Lisburn Road", name: "Chimney Rebuild & Leadwork", price: "View Details", rating: 5,
|
id: "project-3",
|
||||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/gray-stainless-steel-roof-exhaust_422131-40.jpg", imageAlt: "Chimney rebuild project on a residential home"
|
brand: "Lisburn Road",
|
||||||
|
name: "Chimney Rebuild & Leadwork",
|
||||||
|
price: "View Details",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "5",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/gray-stainless-steel-roof-exhaust_422131-40.jpg",
|
||||||
|
imageAlt: "Chimney rebuild project on a residential home",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "project-4", brand: "Dunmurry", name: "Fascia, Soffit & Guttering", price: "View Details", rating: 5,
|
id: "project-4",
|
||||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg", imageAlt: "New fascia, soffits, and guttering installed on a house"
|
brand: "Dunmurry",
|
||||||
|
name: "Fascia, Soffit & Guttering",
|
||||||
|
price: "View Details",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "5",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg",
|
||||||
|
imageAlt: "New fascia, soffits, and guttering installed on a house",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "project-5", brand: "East Belfast", name: "Emergency Storm Repair", price: "View Details", rating: 5,
|
id: "project-5",
|
||||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-green-building-with-gray-pipe-cloudy-sky_181624-6832.jpg", imageAlt: "Emergency repair of a storm-damaged roof"
|
brand: "East Belfast",
|
||||||
|
name: "Emergency Storm Repair",
|
||||||
|
price: "View Details",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "5",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-green-building-with-gray-pipe-cloudy-sky_181624-6832.jpg",
|
||||||
|
imageAlt: "Emergency repair of a storm-damaged roof",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "project-6", brand: "South Belfast", name: "Velux Skylight Installation", price: "View Details", rating: 5,
|
id: "project-6",
|
||||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-sitting-table_23-2150231683.jpg", imageAlt: "Installation of a Velux skylight in a roof"
|
brand: "South Belfast",
|
||||||
}
|
name: "Velux Skylight Installation",
|
||||||
|
price: "View Details",
|
||||||
|
rating: 5,
|
||||||
|
reviewCount: "5",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-sitting-table_23-2150231683.jpg",
|
||||||
|
imageAlt: "Installation of a Velux skylight in a roof",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
title="Recent Roofing Projects"
|
title="Recent Roofing Projects"
|
||||||
description="Browse a selection of our completed projects, showcasing our craftsmanship and commitment to quality across Greater Belfast."
|
description="Browse a selection of our completed projects, showcasing our craftsmanship and commitment to quality across Greater Belfast."
|
||||||
@@ -79,20 +136,30 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "p-test-1", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"
|
id: "p-test-1",
|
||||||
|
name: "John D.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p-test-2", name: "Fiona G.", imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder_74855-15162.jpg"
|
id: "p-test-2",
|
||||||
|
name: "Fiona G.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder_74855-15162.jpg",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p-test-3", name: "Robert S.", imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-love-garden_23-2148060162.jpg"
|
id: "p-test-3",
|
||||||
|
name: "Robert S.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-love-garden_23-2148060162.jpg",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p-test-4", name: "Claire B.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg"
|
id: "p-test-4",
|
||||||
|
name: "Claire B.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p-test-5", name: "Mark L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg"
|
id: "p-test-5",
|
||||||
}
|
name: "Mark L.",
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
cardTitle="Client Testimonials on Our Projects"
|
cardTitle="Client Testimonials on Our Projects"
|
||||||
cardTag="Proof of Excellence"
|
cardTag="Proof of Excellence"
|
||||||
@@ -105,30 +172,72 @@ export default function LandingPage() {
|
|||||||
logoText="GC Roofing"
|
logoText="GC Roofing"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services", items: [
|
title: "Services",
|
||||||
{ label: "New Slates & Tiled Roofs", href: "/services#slate-tile" },
|
items: [
|
||||||
{ label: "Flat Roof Replacement", href: "/services#flat-roof" },
|
{
|
||||||
{ label: "Chimney Removal/Rebuild", href: "/services#chimney" },
|
label: "New Slates & Tiled Roofs",
|
||||||
{ label: "Fascia, Soffits & Guttering", href: "/services#fascia-gutter" },
|
href: "/services#slate-tile",
|
||||||
{ label: "Storm Damage & Emergency", href: "/services#storm-damage" },
|
},
|
||||||
{ label: "Skylights & Ventilation", href: "/services#skylights" }
|
{
|
||||||
]
|
label: "Flat Roof Replacement",
|
||||||
|
href: "/services#flat-roof",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Chimney Removal/Rebuild",
|
||||||
|
href: "/services#chimney",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Fascia, Soffits & Guttering",
|
||||||
|
href: "/services#fascia-gutter",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Storm Damage & Emergency",
|
||||||
|
href: "/services#storm-damage",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Skylights & Ventilation",
|
||||||
|
href: "/services#skylights",
|
||||||
|
},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company", items: [
|
title: "Company",
|
||||||
{ label: "About Us", href: "/about" },
|
items: [
|
||||||
{ label: "Projects", href: "/projects" },
|
{
|
||||||
{ label: "Reviews", href: "/reviews" },
|
label: "About Us",
|
||||||
{ label: "FAQs", href: "/faq" },
|
href: "/about",
|
||||||
{ label: "Contact", href: "/contact" }
|
},
|
||||||
]
|
{
|
||||||
|
label: "Projects",
|
||||||
|
href: "/projects",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Reviews",
|
||||||
|
href: "/reviews",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "FAQs",
|
||||||
|
href: "/faq",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Contact",
|
||||||
|
href: "/contact",
|
||||||
|
},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal", items: [
|
title: "Legal",
|
||||||
{ label: "Privacy Policy", href: "#" },
|
items: [
|
||||||
{ label: "Terms of Service", href: "#" }
|
{
|
||||||
]
|
label: "Privacy Policy",
|
||||||
}
|
href: "#",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Terms of Service",
|
||||||
|
href: "#",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 GC Roofing. All rights reserved."
|
copyrightText="© 2024 GC Roofing. All rights reserved."
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -55,54 +55,54 @@ export default function LandingPage() {
|
|||||||
title: "New Slate & Tile Roofs", description: "Full roof replacements, breathable membranes, insulation, leadwork, and ridge systems for lasting quality.", icon: Home,
|
title: "New Slate & Tile Roofs", description: "Full roof replacements, breathable membranes, insulation, leadwork, and ridge systems for lasting quality.", icon: Home,
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg", imageAlt: "Slate roof repair"},
|
imageSrc: "https://img.b2bpic.net/free-photo/worker-cutting-metal-roof-sheets_23-2151042792.jpg?_wi=2", imageAlt: "Roofer installing new roof tiles"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", imageAlt: "New slate roof construction"},
|
imageSrc: "https://img.b2bpic.net/free-photo/male-engineer-uniform-gloves-holding-drilling-machine_23-2147775510.jpg?_wi=2", imageAlt: "Close-up of new tile roof installation"},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Flat Roof Replacement", description: "Warm roof systems with GRP or high-grade felt for leak-free, energy-efficient, and neatly finished roofs.", icon: Home,
|
title: "Flat Roof Replacement", description: "Warm roof systems with GRP or high-grade felt for leak-free, energy-efficient, and neatly finished roofs.", icon: Home,
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530736.jpg", imageAlt: "Flat roof repair"},
|
imageSrc: "https://img.b2bpic.net/free-photo/people-working-flat-roof_23-2149343729.jpg?_wi=2", imageAlt: "Workers applying membrane to flat roof"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-solar-panels-rooftops-coonabarabran-australia_1308-189364.jpg", imageAlt: "Flat roof replacement"},
|
imageSrc: "https://img.b2bpic.net/free-photo/roof-worker_23-2148464654.jpg?_wi=2", imageAlt: "Finished flat roof with modern sealant"},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Chimney Removal & Rebuild", description: "Safe structural removals, lead flashings, capping, and brickwork to resolve damp issues and ensure watertight integrity.", icon: Building,
|
title: "Chimney Removal & Rebuild", description: "Safe structural removals, lead flashings, capping, and brickwork to resolve damp issues and ensure watertight integrity.", icon: Building,
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/combination-gravel-old-brick-wall_23-2148206761.jpg", imageAlt: "Chimney repair"},
|
imageSrc: "https://img.b2bpic.net/free-photo/bricklayer-working-site-close-up_23-2149405055.jpg?_wi=2", imageAlt: "Bricklayer working on chimney rebuild"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/windmill-witch-rooftop-with-blue-sky_1428-577.jpg", imageAlt: "Chimney rebuild"},
|
imageSrc: "https://img.b2bpic.net/free-photo/man-working-roof_1321-1041.jpg?_wi=2", imageAlt: "Scaffolded chimney being repaired"},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Fascia, Soffits & Guttering", description: "Installation of new fascia, soffits, gutters, and downpipes for improved drainage and a clean, modern aesthetic.", icon: Droplet,
|
title: "Fascia, Soffits & Guttering", description: "Installation of new fascia, soffits, gutters, and downpipes for improved drainage and a clean, modern aesthetic.", icon: Droplet,
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/old-houses_53876-33815.jpg", imageAlt: "Gutter cleaning"},
|
imageSrc: "https://img.b2bpic.net/free-photo/metal-guttering-installed-house-roof_146919-21.jpg?_wi=2", imageAlt: "New white fascia and guttering"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-building-with-blue-sky_23-2148252799.jpg", imageAlt: "Fascia and guttering"},
|
imageSrc: "https://img.b2bpic.net/free-photo/workman-installing-plastic-drainage-pipe-house_1308-16149.jpg?_wi=2", imageAlt: "Worker installing a new downpipe"},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Storm Damage & Emergency", description: "Rapid response and same-day attendance where possible to make your roof safe and provide permanent repairs.", icon: Wrench,
|
title: "Storm Damage & Emergency", description: "Rapid response and same-day attendance where possible to make your roof safe and provide permanent repairs.", icon: Wrench,
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg", imageAlt: "Storm damaged roof"},
|
imageSrc: "https://img.b2bpic.net/free-photo/roof-tiling-on-construction-site_1088-293.jpg?_wi=2", imageAlt: "Damaged roof tiles after storm"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cracked-table-paint_1122-425.jpg", imageAlt: "Roofer fixing storm damage"},
|
imageSrc: "https://img.b2bpic.net/free-photo/worker-roof-repairing-house_1423-1493.jpg?_wi=2", imageAlt: "Roofer fixing wind-damaged roof"},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Skylights & Roof Ventilation", description: "Expert Velux installation, vent tiles, and condensation solutions to enhance attic comfort and natural light.", icon: MessageCircle,
|
title: "Skylights & Roof Ventilation", description: "Expert Velux installation, vent tiles, and condensation solutions to enhance attic comfort and natural light.", icon: MessageCircle,
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17798.jpg", imageAlt: "Skylight installation"},
|
imageSrc: "https://img.b2bpic.net/free-photo/roofer-installing-window_23-2148464673.jpg?_wi=2", imageAlt: "Velux skylight being installed"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg", imageAlt: "Velux window"},
|
imageSrc: "https://img.b2bpic.net/free-photo/roof-repair-specialist-is-replacing-shingles-damaged-by-hail_1308-142340.jpg?_wi=2", imageAlt: "New roof ventilation system"},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user