Merge version_1 into main #1
267
src/app/page.tsx
267
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user