bender/78094bb7-4988-4b9c-bea6-7663339b2175
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-17 19:39:26 +00:00
parent c4b6608dfe 12743e62b8
commit fa8eb6dcde
2 changed files with 193 additions and 364 deletions
Download Patch File Download Diff File Expand all files Collapse all files

344
src/app/page.tsx
View File

@@ -26,239 +26,129 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "About Us",
id: "/about",
},
{
name: "Contact Us",
id: "/contact",
},
]}
brandName="Spark Elite"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "About Us", id: "/about" },
{ name: "Contact Us", id: "/contact" },
]}
brandName="Spark Elite"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Aberdeen's Trusted Electrical Experts"
description="Professional, fully qualified electricians serving George Street and across Aberdeen. 24/7 Emergency support when you need it most."
buttons={[
{
text: "Get a Free Quote",
href: "/contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-business-man_23-2148479530.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-businessman-wearing-suit-standing-with-crossed-arms-with-isolated-studio-white-background_1150-63629.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/elderly-female-keeping-arms-folded-her-chest-looking-camera-with-confident-smile_1153-9402.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/friendly-entrepreneur-posing-modern-office_74855-3442.jpg",
alt: "Customer",
},
]}
avatarText="Trusted by over 500+ happy Aberdeen residents"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Aberdeen's Trusted Electrical Experts"
description="Professional, fully qualified electricians serving George Street and across Aberdeen. 24/7 Emergency support when you need it most."
buttons={[{ text: "Get a Free Quote", href: "/contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/high-angle-smiley-business-man_23-2148479530.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19853.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-businessman-wearing-suit-standing-with-crossed-arms-with-isolated-studio-white-background_1150-63629.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/elderly-female-keeping-arms-folded-her-chest-looking-camera-with-confident-smile_1153-9402.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/friendly-entrepreneur-posing-modern-office_74855-3442.jpg", alt: "Customer" },
]}
avatarText="Trusted by over 500+ happy Aberdeen residents"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Fully Qualified",
description: "All our electricians are fully licensed and insured for your peace of mind.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-with-electrical-connection-cable-copy-space_169016-53055.jpg",
},
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg?_wi=2",
imageAlt: "electrician working home",
},
{
title: "24/7 Emergency",
description: "Rapid response for power cuts, wiring faults, or urgent electrical issues.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-fuses_169016-53614.jpg",
},
items: [],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-home_23-2150170890.jpg?_wi=1",
imageAlt: "electrician working home",
},
{
title: "Local Aberdeen Experts",
description: "Based right here on George Street, serving the community with pride.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66688.jpg",
},
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/browneyed-stylish-brunet-bearded-man-white-shirt-checkered-jacket-smiles-looks-into-camera-orange-background_197531-29376.jpg?_wi=1",
imageAlt: "electrician working home",
},
]}
title="Why Choose Spark Elite"
description="We pride ourselves on reliability, quality, and local Aberdeen expertise."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Fully Qualified", description: "All our electricians are fully licensed and insured for your peace of mind.", media: { imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-with-electrical-connection-cable-copy-space_169016-53055.jpg" },
items: [],
reverse: false,
},
{
title: "24/7 Emergency", description: "Rapid response for power cuts, wiring faults, or urgent electrical issues.", media: { imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-fuses_169016-53614.jpg" },
items: [],
reverse: true,
},
{
title: "Local Aberdeen Experts", description: "Based right here on George Street, serving the community with pride.", media: { imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66688.jpg" },
items: [],
reverse: false,
},
]}
title="Why Choose Spark Elite"
description="We pride ourselves on reliability, quality, and local Aberdeen expertise."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Incredible service! They fixed my wiring issue within an hour of my emergency call at midnight."
rating={5}
author="Sarah M., Aberdeen"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-home_23-2150170890.jpg",
alt: "Sarah M.",
},
{
src: "http://img.b2bpic.net/free-photo/woman-holding-cup-coffee-looking-her-boyfriend_23-2148363567.jpg",
alt: "John D.",
},
{
src: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg",
alt: "Mark R.",
},
{
src: "http://img.b2bpic.net/free-photo/joint-decision-loving-couple_1098-15686.jpg",
alt: "Lisa W.",
},
{
src: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338278.jpg",
alt: "Tom P.",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Incredible service! They fixed my wiring issue within an hour of my emergency call at midnight."
rating={5}
author="Sarah M., Aberdeen"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-home_23-2150170890.jpg", alt: "Sarah M." },
{ src: "http://img.b2bpic.net/free-photo/woman-holding-cup-coffee-looking-her-boyfriend_23-2148363567.jpg", alt: "John D." },
{ src: "http://img.b2bpic.net/free-photo/woman-sitting-new-home-man-decorating-living-room_329181-270.jpg", alt: "Mark R." },
{ src: "http://img.b2bpic.net/free-photo/joint-decision-loving-couple_1098-15686.jpg", alt: "Lisa W." },
{ src: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338278.jpg", alt: "Tom P." },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="metric" data-section="metric">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Why Experience Matters"
description="We lead the Aberdeen area in safety and satisfaction."
metrics={[
{
id: "m1",
value: "15+",
title: "Years Experience",
description: "Serving Aberdeen homes",
icon: Wrench,
},
{
id: "m2",
value: "24/7",
title: "Emergency Support",
description: "Always ready to help",
icon: Clock,
},
{
id: "m3",
value: "100%",
title: "Safety Rated",
description: "Fully insured team",
icon: ShieldCheck,
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Why Experience Matters"
description="We lead the Aberdeen area in safety and satisfaction."
metrics={[
{ id: "m1", value: "15+", title: "Years Experience", description: "Serving Aberdeen homes", icon: Wrench },
{ id: "m2", value: "24/7", title: "Emergency Support", description: "Always ready to help", icon: Clock },
{ id: "m3", value: "100%", title: "Safety Rated", description: "Fully insured team", icon: ShieldCheck },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Ready to get started? Contact us today at 01224 111222 or send us a message."
buttons={[
{
text: "Contact Us",
href: "/contact",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
text="Ready to get started? Contact us today at 01224 111222 or send us a message."
buttons={[{ text: "Contact Us", href: "/contact" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-53066.jpg?_wi=1"
logoText="Spark Elite Electrical"
columns={[
{
title: "Contact",
items: [
{
label: "01224 111222",
href: "tel:01224111222",
},
{
label: "George Street, Aberdeen",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Domestic",
href: "/services",
},
{
label: "Emergency Call-Out",
href: "/services",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy & Terms",
href: "/legal",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-53066.jpg"
logoText="Spark Elite Electrical"
columns={[
{
title: "Contact", items: [
{ label: "01224 111222", href: "tel:01224111222" },
{ label: "George Street, Aberdeen", href: "#" },
],
},
{
title: "Services", items: [
{ label: "Domestic", href: "/services" },
{ label: "Emergency Call-Out", href: "/services" },
],
},
{
title: "Legal", items: [{ label: "Privacy & Terms", href: "/legal" }],
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

213
src/app/services/page.tsx
View File

@@ -8,7 +8,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { ThumbsUp, Zap } from "lucide-react";
export default function LandingPage() {
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -23,145 +23,84 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "About Us",
id: "/about",
},
{
name: "Contact Us",
id: "/contact",
},
]}
brandName="Spark Elite"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "About Us", id: "/about" },
{ name: "Contact Us", id: "/contact" },
]}
brandName="Spark Elite"
/>
</div>
<div id="services-body" data-section="services-body">
<FeatureCardTen
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Domestic & Commercial Work",
description: "Expert installations for both residential properties and large commercial offices.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-fuses_169016-53685.jpg",
},
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg?_wi=3",
imageAlt: "electrician working home",
},
{
title: "Emergency Electrical Call Out",
description: "24/7 service ensuring you are never left in the dark.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/guy-measuring-something-with-tape-measure_1398-3859.jpg",
},
items: [],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-home_23-2150170890.jpg?_wi=2",
imageAlt: "electrician working home",
},
{
title: "EV Chargers & Upgrades",
description: "Modernizing homes with EV chargers and fuse box upgrades for energy efficiency.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53947.jpg",
},
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/browneyed-stylish-brunet-bearded-man-white-shirt-checkered-jacket-smiles-looks-into-camera-orange-background_197531-29376.jpg?_wi=2",
imageAlt: "electrician working home",
},
]}
title="Our Electrical Services"
description="Comprehensive electrical solutions for homes and businesses in Aberdeen."
/>
</div>
<div id="services-body" data-section="services-body">
<FeatureCardTen
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "Domestic & Commercial Work", description: "Expert installations for both residential properties and large commercial offices.", media: { imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-fuses_169016-53685.jpg" },
items: [],
reverse: false,
},
{
title: "Emergency Electrical Call Out", description: "24/7 service ensuring you are never left in the dark.", media: { imageSrc: "http://img.b2bpic.net/free-photo/guy-measuring-something-with-tape-measure_1398-3859.jpg" },
items: [],
reverse: true,
},
{
title: "EV Chargers & Upgrades", description: "Modernizing homes with EV chargers and fuse box upgrades for energy efficiency.", media: { imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53947.jpg" },
items: [],
reverse: false,
},
]}
title="Our Electrical Services"
description="Comprehensive electrical solutions for homes and businesses in Aberdeen."
/>
</div>
<div id="metric" data-section="metric">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Impact"
description="Delivering excellence across every project."
metrics={[
{
id: "m4",
value: "500+",
title: "Projects Completed",
description: "Domestic & Commercial",
icon: Zap,
},
{
id: "m5",
value: "99%",
title: "Client Satisfaction",
description: "Proven reliability",
icon: ThumbsUp,
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Impact"
description="Delivering excellence across every project."
metrics={[
{ id: "m4", value: "500+", title: "Projects Completed", description: "Domestic & Commercial", icon: Zap },
{ id: "m5", value: "99%", title: "Client Satisfaction", description: "Proven reliability", icon: ThumbsUp },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-53066.jpg?_wi=2"
logoText="Spark Elite Electrical"
columns={[
{
title: "Contact",
items: [
{
label: "01224 111222",
href: "tel:01224111222",
},
{
label: "George Street, Aberdeen",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Domestic",
href: "/services",
},
{
label: "Emergency Call-Out",
href: "/services",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy & Terms",
href: "/legal",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-53066.jpg"
logoText="Spark Elite Electrical"
columns={[
{
title: "Contact", items: [
{ label: "01224 111222", href: "tel:01224111222" },
{ label: "George Street, Aberdeen", href: "#" },
],
},
{
title: "Services", items: [
{ label: "Domestic", href: "/services" },
{ label: "Emergency Call-Out", href: "/services" },
],
},
{
title: "Legal", items: [{ label: "Privacy & Terms", href: "/legal" }],
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}