bender/49bd9060-1569-4baa-84c8-9abbefe8740c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 11:01:03 +00:00
parent 493465dc10
commit 281d5d799c
1 changed files with 76 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

318
src/app/page.tsx
View File

@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarStyleApple
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"
/>
@@ -67,51 +53,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
title="Roofing done right — first time."
description="New roofs, flat roofs, chimney works, fascia and storm repairs across Greater Belfast and beyond. Fair, transparent pricing with photographic updates."
buttons={[
{
text: "Get a Quote",
href: "/contact",
},
text: "Get a Quote", href: "/contact"},
{
text: "Call Now 07xxx xxxxxx",
href: "tel:07xxxxxxxx",
},
text: "Call Now 07xxx xxxxxx", href: "tel:07xxxxxxxx"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=1",
imageAlt: "Roofer inspecting roof",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roofer inspecting roof"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/people-age-job-occupation-concept-portrait-confident-focused-senior-man-wearing-yellow-goggles-plaid-shirt-hardhat-wiast-bag-with-tools-carrying-wooden-bar-his-shoulder_343059-2737.jpg?_wi=1",
imageAlt: "Team repairing storm damage",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/people-age-job-occupation-concept-portrait-confident-focused-senior-man-wearing-yellow-goggles-plaid-shirt-hardhat-wiast-bag-with-tools-carrying-wooden-bar-his-shoulder_343059-2737.jpg", imageAlt: "Team repairing storm damage"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/home-clay-roof-tile_657883-716.jpg?_wi=1",
imageAlt: "Close up of new roof tiles",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/home-clay-roof-tile_657883-716.jpg", imageAlt: "Close up of new roof tiles"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748233.jpg?_wi=1",
imageAlt: "Modern home with new roof and skylights",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748233.jpg", imageAlt: "Modern home with new roof and skylights"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg?_wi=1",
imageAlt: "Flat roof replacement in progress",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg", imageAlt: "Flat roof replacement in progress"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg?_wi=1",
imageAlt: "New fascia and guttering",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg", imageAlt: "New fascia and guttering"},
]}
/>
</div>
@@ -123,106 +86,58 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
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: [
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg",
imageAlt: "Slate roof repair",
},
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "Slate roof repair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
imageAlt: "New slate roof construction",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=2",
imageAlt: "roofer inspecting roof tiles",
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "New slate roof construction"},
]
},
{
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: [
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
imageAlt: "Flat roof repair",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg", imageAlt: "Flat roof repair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg",
imageAlt: "Flat roof replacement",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/people-age-job-occupation-concept-portrait-confident-focused-senior-man-wearing-yellow-goggles-plaid-shirt-hardhat-wiast-bag-with-tools-carrying-wooden-bar-his-shoulder_343059-2737.jpg?_wi=2",
imageAlt: "roofer inspecting roof tiles",
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg", imageAlt: "Flat roof replacement"},
]
},
{
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: [
{
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-flirting-roof_1153-733.jpg",
imageAlt: "Chimney repair",
},
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-flirting-roof_1153-733.jpg", imageAlt: "Chimney repair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-old-lighthouse-with-white-sky_181624-876.jpg",
imageAlt: "Chimney rebuild",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/home-clay-roof-tile_657883-716.jpg?_wi=2",
imageAlt: "roofer inspecting roof tiles",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-old-lighthouse-with-white-sky_181624-876.jpg", imageAlt: "Chimney rebuild"},
]
},
{
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: [
{
imageSrc: "http://img.b2bpic.net/free-photo/water-gas-pipe-engineering-filtered-image-processed-vintage-effect_1232-4932.jpg",
imageAlt: "Gutter cleaning",
},
imageSrc: "http://img.b2bpic.net/free-photo/water-gas-pipe-engineering-filtered-image-processed-vintage-effect_1232-4932.jpg", imageAlt: "Gutter cleaning"},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg",
imageAlt: "Fascia and guttering",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748233.jpg?_wi=2",
imageAlt: "roofer inspecting roof tiles",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg", imageAlt: "Fascia and guttering"},
]
},
{
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: [
{
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-working-with-spray-paint_23-2149705891.jpg",
imageAlt: "Storm damaged roof",
},
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-working-with-spray-paint_23-2149705891.jpg", imageAlt: "Storm damaged roof"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343643.jpg",
imageAlt: "Roofer fixing storm damage",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg?_wi=2",
imageAlt: "roofer inspecting roof tiles",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343643.jpg", imageAlt: "Roofer fixing storm damage"},
]
},
{
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: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388971.jpg",
imageAlt: "Skylight installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388971.jpg", imageAlt: "Skylight installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/window-with-metal-railing_1127-2070.jpg",
imageAlt: "Velux window",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg?_wi=2",
imageAlt: "roofer inspecting roof tiles",
imageSrc: "http://img.b2bpic.net/free-photo/window-with-metal-railing_1127-2070.jpg", imageAlt: "Velux window"},
]
},
]}
title="Comprehensive Roofing Services"
@@ -237,29 +152,19 @@ export default function LandingPage() {
metrics={[
{
icon: ShieldCheck,
label: "Rated by homeowners",
value: "★★★★★",
},
label: "Rated by homeowners", value: "★★★★★"},
{
icon: Wallet,
label: "Itemized Quotes",
value: "Fair Pricing",
},
label: "Itemized Quotes", value: "Fair Pricing"},
{
icon: Camera,
label: "Job Updates",
value: "Photo Progress",
},
label: "Job Updates", value: "Photo Progress"},
{
icon: Leaf,
label: "Clean Site",
value: "Tidy Work",
},
label: "Clean Site", value: "Tidy Work"},
{
icon: Clock,
label: "Rapid Response",
value: "Emergency",
},
label: "Rapid Response", value: "Emergency"},
]}
metricsAnimation="slide-up"
/>
@@ -270,30 +175,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430890.jpg",
},
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430890.jpg"},
{
id: "2",
name: "Michael C.",
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733151.jpg",
},
id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733151.jpg"},
{
id: "3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-big-smile-before-starting-run_23-2147562226.jpg",
},
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-big-smile-before-starting-run_23-2147562226.jpg"},
{
id: "4",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/executive-holding-hot-drink-tree_23-2147562284.jpg",
},
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/executive-holding-hot-drink-tree_23-2147562284.jpg"},
{
id: "5",
name: "Aisling M.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-multicultural-family-taking-selfie_23-2148466958.jpg",
},
id: "5", name: "Aisling M.", imageSrc: "http://img.b2bpic.net/free-photo/happy-multicultural-family-taking-selfie_23-2148466958.jpg"},
]}
cardTitle="What Our Clients Say"
cardTag="Trusted Craftsmanship"
@@ -308,31 +198,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "step-1",
value: "1",
title: "Inspect & Explain",
items: [
"We assess your roof thoroughly",
"Share photos of our findings",
],
id: "step-1", value: "1", title: "Inspect & Explain", items: [
"We assess your roof thoroughly", "Share photos of our findings"],
},
{
id: "step-2",
value: "2",
title: "Upfront, Itemized Quote",
items: [
"Clear, no-surprise pricing",
"Defined timelines and options",
],
id: "step-2", value: "2", title: "Upfront, Itemized Quote", items: [
"Clear, no-surprise pricing", "Defined timelines and options"],
},
{
id: "step-3",
value: "3",
title: "Professional Finish",
items: [
"Skilled team, tidy site",
"Photo updates & guaranteed work",
],
id: "step-3", value: "3", title: "Professional Finish", items: [
"Skilled team, tidy site", "Photo updates & guaranteed work"],
},
]}
title="Our Transparent Roofing Process"
@@ -345,14 +220,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Workmanship Guarantee",
"Fully Insured",
"Photographic Updates",
"Tidy Work, Every Time",
"Fair, Transparent Pricing",
"Rapid Emergency Response",
"Local & Trusted",
]}
"Workmanship Guarantee", "Fully Insured", "Photographic Updates", "Tidy Work, Every Time", "Fair, Transparent Pricing", "Rapid Emergency Response", "Local & Trusted"]}
title="Our Commitment to Quality"
description="Peace of mind comes standard with every GC Roofing project."
/>
@@ -362,18 +230,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Need help today? Get a fast, transparent quote or call us now for immediate assistance."
buttons={[
{
text: "Get a Quote",
href: "/contact",
},
text: "Get a Quote", href: "/contact"},
{
text: "Call 07xxx xxxxxx",
href: "tel:07xxxxxxxx",
},
text: "Call 07xxx xxxxxx", href: "tel:07xxxxxxxx"},
]}
/>
</div>
@@ -383,70 +246,41 @@ export default function LandingPage() {
logoText="GC Roofing"
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: "#"},
],
},
]}