Update src/app/page.tsx
This commit is contained in:
318
src/app/page.tsx
318
src/app/page.tsx
@@ -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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user