Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-05-25 14:09:32 +00:00

View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Services",
id: "features",
},
{
name: "About",
id: "about",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Services", id: "features" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Royle Gas"
/>
@@ -55,77 +43,31 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Gas Engineering You Can Trust"
description="Certified installations, maintenance, and safety inspections for homes and businesses. Fast, reliable service across the region."
kpis={[
{
value: "15+",
label: "Years Experience",
},
{
value: "24/7",
label: "Emergency Support",
},
{
value: "100%",
label: "Certified Safety",
},
{ value: "15+", label: "Years Experience" },
{ value: "24/7", label: "Emergency Support" },
{ value: "100%", label: "Certified Safety" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Request a Quote",
href: "#contact",
},
]}
buttons={[{ text: "Request a Quote", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23720.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg",
alt: "Man an electrical technician working in a switchboard with fuses uses a tablet",
},
{
src: "http://img.b2bpic.net/free-photo/african-american-electrician-doing-leak-checks-other-necessary-repairs-prevent-major-breakdowns-licensed-serviceman-verifying-air-conditioner-writing-findings-clipboard_482257-70255.jpg",
alt: "African american electrician doing leak checks",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-worker-uniform-with-face-mask-protective-glasses_23-2148773460.jpg",
alt: "Front view of worker in uniform",
},
{
src: "http://img.b2bpic.net/free-photo/reading-manual_1098-18197.jpg",
alt: "Reading manual",
},
{
src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
alt: "Happy young elegant man smiling",
},
{ src: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg", alt: "Man an electrical technician working in a switchboard with fuses uses a tablet" },
{ src: "http://img.b2bpic.net/free-photo/african-american-electrician-doing-leak-checks-other-necessary-repairs-prevent-major-breakdowns-licensed-serviceman-verifying-air-conditioner-writing-findings-clipboard_482257-70255.jpg", alt: "African american electrician doing leak checks" },
{ src: "http://img.b2bpic.net/free-photo/front-view-worker-uniform-with-face-mask-protective-glasses_23-2148773460.jpg", alt: "Front view of worker in uniform" },
{ src: "http://img.b2bpic.net/free-photo/reading-manual_1098-18197.jpg", alt: "Reading manual" },
{ src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", alt: "Happy young elegant man smiling" },
]}
marqueeItems={[
{
type: "text",
text: "Certified Gas Engineers",
},
{
type: "text",
text: "24/7 Emergency Support",
},
{
type: "text",
text: "Safety First Accredited",
},
{
type: "text",
text: "Regional Coverage",
},
{
type: "text",
text: "Quality Assured",
},
{ type: "text", text: "Certified Gas Engineers" },
{ type: "text", text: "24/7 Emergency Support" },
{ type: "text", text: "Safety First Accredited" },
{ type: "text", text: "Regional Coverage" },
{ type: "text", text: "Quality Assured" },
]}
/>
</div>
@@ -149,39 +91,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Commercial Maintenance",
author: "Maintenance Team",
description: "Full-scale gas maintenance and inspection for commercial buildings and facilities.",
tags: [
"Maintenance",
"Commercial",
],
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reporting-found-freon-leaks_482257-92670.jpg",
},
{
id: "f2",
title: "Residential Installation",
author: "Installation Experts",
description: "Seamless installation of high-efficiency boilers and residential gas systems.",
tags: [
"Installation",
"Residential",
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-as-plumber_23-2151230004.jpg",
},
{
id: "f3",
title: "Gas Safety Compliance",
author: "Safety Inspectors",
description: "Rigorous gas safety checks and certification to keep your property compliant.",
tags: [
"Compliance",
"Safety",
],
imageSrc: "http://img.b2bpic.net/free-photo/architect-holding-blueprint-with-protective-helmet_23-2148269833.jpg",
},
{ id: "f1", title: "Commercial Maintenance", author: "Maintenance Team", description: "Full-scale gas maintenance and inspection for commercial buildings and facilities.", tags: ["Maintenance", "Commercial"], imageSrc: "http://img.b2bpic.net/free-photo/repairman-reporting-found-freon-leaks_482257-92670.jpg" },
{ id: "f2", title: "Residential Installation", author: "Installation Experts", description: "Seamless installation of high-efficiency boilers and residential gas systems.", tags: ["Installation", "Residential"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-as-plumber_23-2151230004.jpg" },
{ id: "f3", title: "Gas Safety Compliance", author: "Safety Inspectors", description: "Rigorous gas safety checks and certification to keep your property compliant.", tags: ["Compliance", "Safety"], imageSrc: "http://img.b2bpic.net/free-photo/architect-holding-blueprint-with-protective-helmet_23-2148269833.jpg" },
]}
title="Our Specialized Gas Engineering Services"
description="We offer a comprehensive suite of services tailored to meet the needs of residential, commercial, and industrial clients, ensuring efficiency and safety."
@@ -192,29 +104,12 @@ export default function LandingPage() {
<MetricCardOne
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
title: "Successful Installations",
description: "Completed across the region",
icon: Wrench,
},
{
id: "m2",
value: "98%",
title: "Customer Satisfaction",
description: "Based on recent survey results",
icon: ThumbsUp,
},
{
id: "m3",
value: "24/7",
title: "Quick Response Time",
description: "Rapid support when you need it most",
icon: Clock,
},
{ id: "m1", value: "500+", title: "Successful Installations", description: "Completed across the region", icon: Wrench },
{ id: "m2", value: "98%", title: "Customer Satisfaction", description: "Based on recent survey results", icon: ThumbsUp },
{ id: "m3", value: "24/7", title: "Quick Response Time", description: "Rapid support when you need it most", icon: Clock },
]}
title="Why Clients Choose Us"
description="Delivering results that count through technical precision and professional dedication."
@@ -226,14 +121,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Gas Safe Register",
"CORGI Certification",
"Chartered Institute",
"Safety First",
"National Heat Assoc",
"Quality Gas Tech",
"Certified Boiler Experts",
]}
"Gas Safe Register", "CORGI Certification", "Chartered Institute", "Safety First", "National Heat Assoc", "Quality Gas Tech", "Certified Boiler Experts"]}
title="Accredited & Certified"
description="We maintain the highest industry standards with leading certifications."
/>
@@ -245,41 +133,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Jenkins",
handle: "Facilities Manager",
testimonial: "Royle Gas provided exceptional service for our office building. Highly professional and efficient.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-foreman-auto-mechanic-workshop-using-touchpad-looking-camera_637285-9410.jpg",
},
{
id: "t2",
name: "Mark Thornton",
handle: "Homeowner",
testimonial: "Boiler repair was done quickly and at a fair price. Truly reliable service.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-girl-wearing-glasses-sitting-kitchen-with-digital-tablet-working_1258-202092.jpg",
},
{
id: "t3",
name: "David Miller",
handle: "Construction Contractor",
testimonial: "Reliable partner for our new housing developments. Always hit project deadlines.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg",
},
{
id: "t4",
name: "Elena Rodriguez",
handle: "Property Owner",
testimonial: "Excellent communication and very detailed inspection reports. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
},
{
id: "t5",
name: "John Smith",
handle: "Office Manager",
testimonial: "Safety compliance made easy by their team. Great professionalism throughout.",
imageSrc: "http://img.b2bpic.net/free-photo/business-man-standing-by-desk-office_1303-30498.jpg",
},
{ id: "t1", name: "Sarah Jenkins", handle: "Facilities Manager", testimonial: "Royle Gas provided exceptional service for our office building. Highly professional and efficient.", imageSrc: "http://img.b2bpic.net/free-photo/happy-foreman-auto-mechanic-workshop-using-touchpad-looking-camera_637285-9410.jpg" },
{ id: "t2", name: "Mark Thornton", handle: "Homeowner", testimonial: "Boiler repair was done quickly and at a fair price. Truly reliable service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-girl-wearing-glasses-sitting-kitchen-with-digital-tablet-working_1258-202092.jpg" },
{ id: "t3", name: "David Miller", handle: "Construction Contractor", testimonial: "Reliable partner for our new housing developments. Always hit project deadlines.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg" },
{ id: "t4", name: "Elena Rodriguez", handle: "Property Owner", testimonial: "Excellent communication and very detailed inspection reports. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg" },
{ id: "t5", name: "John Smith", handle: "Office Manager", testimonial: "Safety compliance made easy by their team. Great professionalism throughout.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-standing-by-desk-office_1303-30498.jpg" },
]}
title="Trusted by Regional Clients"
description="See why facility managers and homeowners choose our services."
@@ -291,21 +149,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer emergency call outs?",
content: "Yes, we provide 24/7 emergency support to ensure your safety and system functionality.",
},
{
id: "q2",
title: "Are your engineers fully certified?",
content: "Absolutely. All our engineers are fully Gas Safe registered and certified for all installation and maintenance tasks.",
},
{
id: "q3",
title: "Do you serve both domestic and commercial sites?",
content: "Yes, we have specialized teams for both residential boiler repairs and large-scale commercial installation projects.",
},
{ id: "q1", title: "Do you offer emergency call outs?", content: "Yes, we provide 24/7 emergency support to ensure your safety and system functionality." },
{ id: "q2", title: "Are your engineers fully certified?", content: "Absolutely. All our engineers are fully Gas Safe registered and certified for all installation and maintenance tasks." },
{ id: "q3", title: "Do you serve both domestic and commercial sites?", content: "Yes, we have specialized teams for both residential boiler repairs and large-scale commercial installation projects." },
]}
title="Frequently Asked Questions"
description="Have questions about our gas services? Here are the common answers for our clients."
@@ -316,16 +162,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
text="Ready to get started with your gas engineering project? Request a quote today and let our experts assist you."
buttons={[
{
text: "Contact Us Now",
href: "mailto:hello@roylegas.com",
},
]}
buttons={[{ text: "Contact Us Now", href: "mailto:hello@roylegas.com" }]}
/>
</div>
@@ -333,36 +172,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Royle Gas Engineering"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>