Merge version_1 into main #2
326
src/app/page.tsx
326
src/app/page.tsx
@@ -20,54 +20,38 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Why Us", id: "#why-us" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get Free Quote", href: "#contact" }}
|
||||
brandName="O’Brien Roofing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="O’BRIEN ROOFING"
|
||||
description="Roofing Done Right — First Time. Trusted Dublin roofers with over 40 years of experience. Fully insured, guaranteed work, and 24/7 emergency support."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+3531234567",
|
||||
},
|
||||
{ text: "Get Free Quote", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+3531234567" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343665.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343665.jpg"
|
||||
imageAlt="cinematic roofing work drone shot"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -79,18 +63,9 @@ export default function LandingPage() {
|
||||
title="A Roofing Company You Can Trust"
|
||||
description="With a heritage spanning three generations, we combine traditional craftsmanship with modern safety standards. Your roof is our priority, backed by comprehensive €6M insurance and a team of certified professionals."
|
||||
metrics={[
|
||||
{
|
||||
value: "40+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "3rd",
|
||||
title: "Gen Family Business",
|
||||
},
|
||||
{
|
||||
value: "€6M",
|
||||
title: "Insurance Coverage",
|
||||
},
|
||||
{ value: "40+", title: "Years Experience" },
|
||||
{ value: "3rd", title: "Gen Family Business" },
|
||||
{ value: "€6M", title: "Insurance Coverage" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg"
|
||||
imageAlt="cinematic roofing work drone shot"
|
||||
@@ -106,65 +81,33 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Quick, reliable repairs to prevent water damage and structural issues.",
|
||||
icon: Wrench,
|
||||
title: "Roof Repairs", description: "Quick, reliable repairs to prevent water damage and structural issues.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/insurance-simple-element_24908-54321.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343665.jpg?_wi=2",
|
||||
imageAlt: "roof repair expert worker",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/insurance-simple-element_24908-54321.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "New Roofs",
|
||||
description: "Complete new installations with top-tier materials and guarantees.",
|
||||
icon: Home,
|
||||
title: "New Roofs", description: "Complete new installations with top-tier materials and guarantees.", icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg",
|
||||
imageAlt: "roof repair expert worker",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Flat Roofing",
|
||||
description: "Advanced flat roofing systems for modern residential and commercial properties.",
|
||||
icon: Layers,
|
||||
title: "Flat Roofing", description: "Advanced flat roofing systems for modern residential and commercial properties.", icon: Layers,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber_23-2148748853.jpg?_wi=1",
|
||||
imageAlt: "roof repair expert worker",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Maintenance",
|
||||
description: "Expert care for gutters, fascias, and soffits to protect your home exterior.",
|
||||
icon: Droplets,
|
||||
title: "Maintenance", description: "Expert care for gutters, fascias, and soffits to protect your home exterior.", icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4305.jpg?_wi=1",
|
||||
imageAlt: "roof repair expert worker",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Expert Roofing Services"
|
||||
description="Comprehensive solutions tailored to Dublin homes, focusing on longevity and performance."
|
||||
@@ -177,36 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Reliable",
|
||||
title: "We show up on time, every time.",
|
||||
items: [
|
||||
"Punctual arrivals",
|
||||
"Clear schedules",
|
||||
"Constant communication",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Transparent",
|
||||
title: "No hidden costs or surprise fees.",
|
||||
items: [
|
||||
"Fair quotes",
|
||||
"No hidden extras",
|
||||
"Detailed invoices",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Certified",
|
||||
title: "Full guarantee on all our work.",
|
||||
items: [
|
||||
"Workmanship guarantee",
|
||||
"Certified materials",
|
||||
"Compliance assured",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "Reliable", title: "We show up on time, every time.", items: ["Punctual arrivals", "Clear schedules", "Constant communication"] },
|
||||
{ id: "m2", value: "Transparent", title: "No hidden costs or surprise fees.", items: ["Fair quotes", "No hidden extras", "Detailed invoices"] },
|
||||
{ id: "m3", value: "Certified", title: "Full guarantee on all our work.", items: ["Workmanship guarantee", "Certified materials", "Compliance assured"] }
|
||||
]}
|
||||
title="Why Homeowners Choose Us"
|
||||
description="We define industry standards in Dublin by prioritizing reliability, honesty, and quality above everything else."
|
||||
@@ -217,31 +133,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber_23-2148748853.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kevin L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4305.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Eimear R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Paul B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candid-construction-worker-relaxing-with-cup-coffee_329181-3751.jpg",
|
||||
},
|
||||
{ id: "1", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber_23-2148748853.jpg" },
|
||||
{ id: "2", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg" },
|
||||
{ id: "3", name: "Kevin L.", imageSrc: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4305.jpg" },
|
||||
{ id: "4", name: "Eimear R.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg" },
|
||||
{ id: "5", name: "Paul B.", imageSrc: "http://img.b2bpic.net/free-photo/candid-construction-worker-relaxing-with-cup-coffee_329181-3751.jpg" }
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Testimonials"
|
||||
@@ -256,60 +152,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Roof Repair",
|
||||
name: "Damaged Tile Restoration",
|
||||
price: "Expert",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-architectural-texture-close-up_23-2151900430.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Roof Finish",
|
||||
name: "Complete New Roof Build",
|
||||
price: "Premium",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Roof Repair",
|
||||
name: "Structural Integrity Fix",
|
||||
price: "Expert",
|
||||
rating: 5,
|
||||
reviewCount: "80+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166600.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Roof Finish",
|
||||
name: "Modern Slate Roof Install",
|
||||
price: "Premium",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Roof Repair",
|
||||
name: "Leak Prevention System",
|
||||
price: "Expert",
|
||||
rating: 5,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Roof Finish",
|
||||
name: "Fascia & Gutter Upgrade",
|
||||
price: "Premium",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-stone-building-with-blue-sky_23-2148252732.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Roof Repair", name: "Damaged Tile Restoration", price: "Expert", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/urban-architectural-texture-close-up_23-2151900430.jpg" },
|
||||
{ id: "2", brand: "Roof Finish", name: "Complete New Roof Build", price: "Premium", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg" },
|
||||
{ id: "3", brand: "Roof Repair", name: "Structural Integrity Fix", price: "Expert", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166600.jpg" },
|
||||
{ id: "4", brand: "Roof Finish", name: "Modern Slate Roof Install", price: "Premium", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg" },
|
||||
{ id: "5", brand: "Roof Repair", name: "Leak Prevention System", price: "Expert", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg" },
|
||||
{ id: "6", brand: "Roof Finish", name: "Fascia & Gutter Upgrade", price: "Premium", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/old-stone-building-with-blue-sky_23-2148252732.jpg" }
|
||||
]}
|
||||
title="Real Results"
|
||||
description="Transforming Dublin properties one roof at a time."
|
||||
@@ -321,26 +169,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "1. Request a Quote",
|
||||
content: "Contact our team through phone or form to tell us about your needs.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "2. Site Inspection",
|
||||
content: "Our experts visit your property to assess the situation thoroughly.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "3. Clear Pricing",
|
||||
content: "Receive a fair, itemized quote with no hidden charges, ever.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "4. Job Completed",
|
||||
content: "Professional installation and quality inspection to guarantee satisfaction.",
|
||||
},
|
||||
{ id: "1", title: "1. Request a Quote", content: "Contact our team through phone or form to tell us about your needs." },
|
||||
{ id: "2", title: "2. Site Inspection", content: "Our experts visit your property to assess the situation thoroughly." },
|
||||
{ id: "3", title: "3. Clear Pricing", content: "Receive a fair, itemized quote with no hidden charges, ever." },
|
||||
{ id: "4", title: "4. Job Completed", content: "Professional installation and quality inspection to guarantee satisfaction." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"
|
||||
imageAlt="cinematic roofing work drone shot"
|
||||
@@ -354,9 +186,7 @@ export default function LandingPage() {
|
||||
<div id="emergency" data-section="emergency">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="24/7 Service"
|
||||
title="Roof Leak? We’re Available 24/7"
|
||||
description="Don't wait for damage to worsen. Call our emergency team immediately for urgent repairs and leak detection across Dublin."
|
||||
@@ -368,9 +198,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Request Your Free Quote Today"
|
||||
description="Same-day response available for urgent roofing queries across Dublin."
|
||||
@@ -384,45 +212,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-building-with-tree-city_23-2148798648.jpg"
|
||||
logoText="O’BRIEN ROOFING"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#emergency",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Emergency", href: "#emergency" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user