Merge version_1 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
name: "Projects", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="UK Roofing"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Excellence in Roofing Craftsmanship"
|
||||
description="Preserving the character of your home with durable, premium-quality roofing solutions designed to last generations."
|
||||
tag="Trusted UK Roofing Experts"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg",
|
||||
imageAlt: "Luxury roof residential exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg", imageAlt: "Luxury roof residential exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg",
|
||||
imageAlt: "Roofer on roof professional",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rainbow-sky-residential-area-houses_169016-21426.jpg",
|
||||
imageAlt: "Rainbow in the sky in a residential area among houses",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg",
|
||||
imageAlt: "Old roof of architecture in Quebec City",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg",
|
||||
imageAlt: "Modern country houses under construction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg", imageAlt: "Roofer on roof professional"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -89,13 +64,9 @@ export default function LandingPage() {
|
||||
tagIcon={ShieldCheck}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Services", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,20 +76,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Legacy of Quality",
|
||||
},
|
||||
type: "text", content: "Our Legacy of Quality"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg",
|
||||
alt: "Craftsmanship roofing detail",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg", alt: "Craftsmanship roofing detail"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,29 +95,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Roof Repairs",
|
||||
description: "Quick, professional fixes for all types of roofing damage.",
|
||||
},
|
||||
title: "Roof Repairs", description: "Quick, professional fixes for all types of roofing damage."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Waterproofing",
|
||||
description: "State-of-the-art waterproofing to ensure zero leaks.",
|
||||
},
|
||||
title: "Waterproofing", description: "State-of-the-art waterproofing to ensure zero leaks."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Energy Insulation",
|
||||
description: "Improve your home's thermal efficiency with modern tech.",
|
||||
},
|
||||
title: "Energy Insulation", description: "Improve your home's thermal efficiency with modern tech."},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Complete Replacement",
|
||||
description: "Full roof overhauls for long-term home structural integrity.",
|
||||
},
|
||||
title: "Complete Replacement", description: "Full roof overhauls for long-term home structural integrity."},
|
||||
{
|
||||
icon: Gauge,
|
||||
title: "Periodic Maintenance",
|
||||
description: "Proactive inspections to catch issues before they escalate.",
|
||||
},
|
||||
title: "Periodic Maintenance", description: "Proactive inspections to catch issues before they escalate."},
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="Tailored roofing solutions to protect your investment, from inspection to long-term maintenance."
|
||||
@@ -168,53 +122,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Clay Tiles",
|
||||
price: "From £85/sqm",
|
||||
variant: "Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg",
|
||||
imageAlt: "clay roof tiles premium",
|
||||
},
|
||||
id: "p1", name: "Premium Clay Tiles", price: "From £85/sqm", variant: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg", imageAlt: "clay roof tiles premium"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Metal Panels",
|
||||
price: "From £120/sqm",
|
||||
variant: "Industrial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-white-note-song-entertainment_1127-2772.jpg",
|
||||
imageAlt: "metal roof panel modern",
|
||||
},
|
||||
id: "p2", name: "Modern Metal Panels", price: "From £120/sqm", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/background-white-note-song-entertainment_1127-2772.jpg", imageAlt: "metal roof panel modern"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Solar Integrated Tiles",
|
||||
price: "From £350/sqm",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-building_1122-794.jpg",
|
||||
imageAlt: "solar roof tile technology",
|
||||
},
|
||||
id: "p3", name: "Solar Integrated Tiles", price: "From £350/sqm", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/large-building_1122-794.jpg", imageAlt: "solar roof tile technology"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Natural Slate Tiles",
|
||||
price: "From £150/sqm",
|
||||
variant: "Heritage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg",
|
||||
imageAlt: "natural slate roof residential",
|
||||
},
|
||||
id: "p4", name: "Natural Slate Tiles", price: "From £150/sqm", variant: "Heritage", imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg", imageAlt: "natural slate roof residential"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Composite Shingles",
|
||||
price: "From £60/sqm",
|
||||
variant: "Durable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17367.jpg",
|
||||
imageAlt: "asphalt shingle premium roof",
|
||||
},
|
||||
id: "p5", name: "Composite Shingles", price: "From £60/sqm", variant: "Durable", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17367.jpg", imageAlt: "asphalt shingle premium roof"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cedar Wood Shakes",
|
||||
price: "From £180/sqm",
|
||||
variant: "Rustic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-textures-background_1203-3161.jpg",
|
||||
imageAlt: "cedar shake roof natural",
|
||||
},
|
||||
id: "p6", name: "Cedar Wood Shakes", price: "From £180/sqm", variant: "Rustic", imageSrc: "http://img.b2bpic.net/free-photo/wood-textures-background_1203-3161.jpg", imageAlt: "cedar shake roof natural"},
|
||||
]}
|
||||
title="Premium Roofing Materials"
|
||||
description="Select from our curated list of durable and aesthetic materials."
|
||||
@@ -228,26 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Completed Projects",
|
||||
description: "Residential projects handled with precision.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lhion9",
|
||||
},
|
||||
id: "m1", value: "1500+", title: "Completed Projects", description: "Residential projects handled with precision.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lhion9"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Highly rated by homeowners across the UK.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-icons-collection_1262-3894.jpg",
|
||||
},
|
||||
id: "m2", value: "98%", title: "Client Satisfaction", description: "Highly rated by homeowners across the UK.", imageSrc: "http://img.b2bpic.net/free-vector/business-icons-collection_1262-3894.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30 Years",
|
||||
title: "Of Experience",
|
||||
description: "Three decades of roofing excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15633.jpg",
|
||||
},
|
||||
id: "m3", value: "30 Years", title: "Of Experience", description: "Three decades of roofing excellence.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15633.jpg"},
|
||||
]}
|
||||
title="Industry Recognition"
|
||||
description="Our numbers speak for the durability and trust our clients place in our service."
|
||||
@@ -262,25 +165,15 @@ export default function LandingPage() {
|
||||
author="Marcus & Elena Thorne"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086834.jpg",
|
||||
alt: "Happy homeowner roof testimonial",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086834.jpg", alt: "Happy homeowner roof testimonial"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278559.jpg",
|
||||
alt: "Residential customer roofing satisfaction",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278559.jpg", alt: "Residential customer roofing satisfaction"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-amazed-front-view_176474-57861.jpg",
|
||||
alt: "Roof installation review homeowner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-amazed-front-view_176474-57861.jpg", alt: "Roof installation review homeowner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-family-celebrating-birthday-together_23-2150598986.jpg",
|
||||
alt: "Home roof repair testimonial",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-family-celebrating-birthday-together_23-2150598986.jpg", alt: "Home roof repair testimonial"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
|
||||
alt: "Roofing project happy client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", alt: "Roofing project happy client"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -293,20 +186,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a new roof take?",
|
||||
content: "On average, a complete roof replacement takes 3-5 days.",
|
||||
},
|
||||
id: "f1", title: "How long does a new roof take?", content: "On average, a complete roof replacement takes 3-5 days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide guarantees?",
|
||||
content: "Yes, we provide up to 25-year structural warranties.",
|
||||
},
|
||||
id: "f2", title: "Do you provide guarantees?", content: "Yes, we provide up to 25-year structural warranties."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your materials sustainable?",
|
||||
content: "Absolutely, we prioritize eco-friendly and reclaimed options.",
|
||||
},
|
||||
id: "f3", title: "Are your materials sustainable?", content: "Absolutely, we prioritize eco-friendly and reclaimed options."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our process and quality assurance."
|
||||
@@ -318,8 +202,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Inquire Today"
|
||||
title="Schedule Your Inspection"
|
||||
description="Get in touch with our experts for a comprehensive roofing consultation and no-obligation quote."
|
||||
@@ -330,37 +213,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Projects", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
{
|
||||
label: "Cookies",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookies", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user