Switch to version 2: modified src/app/projects/page.tsx
This commit is contained in:
@@ -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."
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user