Merge version_1 into main #2
@@ -6,9 +6,9 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { FileText, MessageSquare, Phone } from "lucide-react";
|
||||
import { FileText, MessageSquare, Phone, ShieldAlert } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -23,155 +23,69 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "/testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Marshall Electrical"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Marshall Electrical"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-page-form" data-section="contact-page-form">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Need professional electrical help in Skipton? Call us on 01756 123 456 or send a message below for a free, no-obligation quote today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:01756123456",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-page-form" data-section="contact-page-form">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Need professional electrical help in Skipton? Call us on 01756 123 456 or send a message below for a free, no-obligation quote today."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:01756123456" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="We're Here To Help"
|
||||
description="Fast and responsive customer service for all your electrical inquiries."
|
||||
features={[
|
||||
{
|
||||
id: "c1",
|
||||
title: "Immediate Response",
|
||||
description: "Get a quote within 24 hours.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png?_wi=8",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Phone,
|
||||
text: "Call us anytime",
|
||||
},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
text: "Online inquiries",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-brand-new-residential-fuse-board-upgra-1774841191104-759aee3a.png?_wi=6",
|
||||
imageAlt: "A brand new residential fuse board upgrade, clean wiring, high-tech and professional electrical pane",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
title: "Transparent Process",
|
||||
description: "No hidden fees, ever.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-brand-new-residential-fuse-board-upgra-1774841191104-759aee3a.png?_wi=7",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: ShieldAlert,
|
||||
text: "Clear Estimates",
|
||||
},
|
||||
{
|
||||
icon: FileText,
|
||||
text: "Written quotes",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/modern-led-kitchen-lighting-installation-1774841190999-fc7871ff.png?_wi=5",
|
||||
imageAlt: "Modern LED kitchen lighting installation, warm and bright. High quality professional electrical work",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="We're Here To Help"
|
||||
description="Fast and responsive customer service for all your electrical inquiries."
|
||||
features={[
|
||||
{
|
||||
id: "c1", title: "Immediate Response", description: "Get a quote within 24 hours.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png" },
|
||||
items: [
|
||||
{ icon: Phone, text: "Call us anytime" },
|
||||
{ icon: MessageSquare, text: "Online inquiries" }
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "c2", title: "Transparent Process", description: "No hidden fees, ever.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-brand-new-residential-fuse-board-upgra-1774841191104-759aee3a.png" },
|
||||
items: [
|
||||
{ icon: ShieldAlert, text: "Clear Estimates" },
|
||||
{ icon: FileText, text: "Written quotes" }
|
||||
],
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Marshall Electrical",
|
||||
items: [
|
||||
{
|
||||
label: "Skipton, North Yorkshire",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "01756 123 456",
|
||||
href: "tel:01756123456",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Emergency Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Rewiring",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Installations",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Marshall Electrical. All rights reserved."
|
||||
bottomRightText="Built for Reliability"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Marshall Electrical", items: [{ label: "Skipton, North Yorkshire", href: "#" }, { label: "01756 123 456", href: "tel:01756123456" }] },
|
||||
{ title: "Services", items: [{ label: "Emergency Repair", href: "/services" }, { label: "Rewiring", href: "/services" }, { label: "Installations", href: "/services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "Reviews", href: "/testimonials" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Marshall Electrical. All rights reserved."
|
||||
bottomRightText="Built for Reliability"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
449
src/app/page.tsx
449
src/app/page.tsx
@@ -26,340 +26,133 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "/testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Marshall Electrical"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Marshall Electrical"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background="gradient-bars"
|
||||
title="Trusted Local Electrician in Skipton – 24/7 Call-Outs"
|
||||
description="Fast, reliable, and fairly priced electrical services for homeowners and businesses. We ensure your home is safe and operational."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-professional-high-quality-photo-of-a-m-1774841192743-f3b2bb7c.png?_wi=1",
|
||||
imageAlt: "Electrician working",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png?_wi=1",
|
||||
imageAlt: "Fault finding",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-brand-new-residential-fuse-board-upgra-1774841191104-759aee3a.png?_wi=1",
|
||||
imageAlt: "Fuse board",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/modern-led-kitchen-lighting-installation-1774841190999-fc7871ff.png?_wi=1",
|
||||
imageAlt: "Lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-professional-high-quality-photo-of-a-m-1774841192743-f3b2bb7c.png?_wi=2",
|
||||
imageAlt: "Electrician working",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png?_wi=2",
|
||||
imageAlt: "Fault finding",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-brand-new-residential-fuse-board-upgra-1774841191104-759aee3a.png?_wi=2",
|
||||
imageAlt: "Fuse board",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/modern-led-kitchen-lighting-installation-1774841190999-fc7871ff.png?_wi=2",
|
||||
imageAlt: "Lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-professional-high-quality-photo-of-a-m-1774841192743-f3b2bb7c.png?_wi=3",
|
||||
imageAlt: "Electrician working",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png?_wi=3",
|
||||
imageAlt: "Fault finding",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-brand-new-residential-fuse-board-upgra-1774841191104-759aee3a.png?_wi=3",
|
||||
imageAlt: "Fuse board",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/modern-led-kitchen-lighting-installation-1774841190999-fc7871ff.png?_wi=3",
|
||||
imageAlt: "Lighting",
|
||||
},
|
||||
]}
|
||||
tag="4.7 Star Rating (12 Reviews)"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:01756123456",
|
||||
},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
tagIcon={Star}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-happy-homeown-1774841190667-a554b1f2.png",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-small-busines-1774841191013-4552a671.png",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-local-landlor-1774841190308-b8aa4999.png",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-resident-in-s-1774841190486-6957d975.png",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-happy-homeown-1774841190667-a554b1f2.png",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 12+ happy local clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "NAPIT Registered",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competitive Pricing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Response",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Trusted Local Electrician in Skipton – 24/7 Call-Outs"
|
||||
description="Fast, reliable, and fairly priced electrical services for homeowners and businesses. We ensure your home is safe and operational."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-professional-high-quality-photo-of-a-m-1774841192743-f3b2bb7c.png", imageAlt: "Electrician working" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png", imageAlt: "Fault finding" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-brand-new-residential-fuse-board-upgra-1774841191104-759aee3a.png", imageAlt: "Fuse board" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/modern-led-kitchen-lighting-installation-1774841190999-fc7871ff.png", imageAlt: "Lighting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-professional-high-quality-photo-of-a-m-1774841192743-f3b2bb7c.png", imageAlt: "Electrician working" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png", imageAlt: "Fault finding" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-brand-new-residential-fuse-board-upgra-1774841191104-759aee3a.png", imageAlt: "Fuse board" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/modern-led-kitchen-lighting-installation-1774841190999-fc7871ff.png", imageAlt: "Lighting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-professional-high-quality-photo-of-a-m-1774841192743-f3b2bb7c.png", imageAlt: "Electrician working" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png", imageAlt: "Fault finding" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-brand-new-residential-fuse-board-upgra-1774841191104-759aee3a.png", imageAlt: "Fuse board" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/modern-led-kitchen-lighting-installation-1774841190999-fc7871ff.png", imageAlt: "Lighting" }
|
||||
]}
|
||||
tag="4.7 Star Rating (12 Reviews)"
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:01756123456" },
|
||||
{ text: "Get a Free Quote", href: "/contact" }
|
||||
]}
|
||||
tagIcon={Star}
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-happy-homeown-1774841190667-a554b1f2.png", alt: "Customer" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-small-busines-1774841191013-4552a671.png", alt: "Customer" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-local-landlor-1774841190308-b8aa4999.png", alt: "Customer" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-resident-in-s-1774841190486-6957d975.png", alt: "Customer" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-happy-homeown-1774841190667-a554b1f2.png", alt: "Customer" }
|
||||
]}
|
||||
avatarText="Trusted by 12+ happy local clients"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "24/7 Emergency Service" },
|
||||
{ type: "text", text: "NAPIT Registered" },
|
||||
{ type: "text", text: "Competitive Pricing" },
|
||||
{ type: "text", text: "Fast Response" },
|
||||
{ type: "text", text: "Quality Guaranteed" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-overview" data-section="services-overview">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Our Professional Services"
|
||||
description="From emergency call-outs to full rewiring, we handle all your electrical needs with precision and care."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Emergency Electrician",
|
||||
content: "Available 24/7 for urgent electrical repairs and fault finding.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Rewiring & Upgrades",
|
||||
content: "Full house rewiring and fuse board upgrades for safer, modern systems.",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Lighting & Installations",
|
||||
content: "Custom lighting design and installation for homes and businesses.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png?_wi=4"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="services-overview" data-section="services-overview">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Our Professional Services"
|
||||
description="From emergency call-outs to full rewiring, we handle all your electrical needs with precision and care."
|
||||
accordionItems={[
|
||||
{ id: "s1", title: "Emergency Electrician", content: "Available 24/7 for urgent electrical repairs and fault finding." },
|
||||
{ id: "s2", title: "Rewiring & Upgrades", content: "Full house rewiring and fuse board upgrades for safer, modern systems." },
|
||||
{ id: "s3", title: "Lighting & Installations", content: "Custom lighting design and installation for homes and businesses." }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust-metrics" data-section="trust-metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Emergency Availability",
|
||||
items: [
|
||||
"Always on call",
|
||||
"Rapid response",
|
||||
"Local Skipton base",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.7⭐",
|
||||
title: "Highly Rated",
|
||||
items: [
|
||||
"12+ verified reviews",
|
||||
"Trusted local service",
|
||||
"Friendly approach",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Fair",
|
||||
title: "Transparent Pricing",
|
||||
items: [
|
||||
"No hidden costs",
|
||||
"Competitive quotes",
|
||||
"Quality work",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Marshall Electrical"
|
||||
description="Local expertise you can rely on for any job, big or small."
|
||||
/>
|
||||
</div>
|
||||
<div id="trust-metrics" data-section="trust-metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "24/7", title: "Emergency Availability", items: ["Always on call", "Rapid response", "Local Skipton base"] },
|
||||
{ id: "m2", value: "4.7⭐", title: "Highly Rated", items: ["12+ verified reviews", "Trusted local service", "Friendly approach"] },
|
||||
{ id: "m3", value: "Fair", title: "Transparent Pricing", items: ["No hidden costs", "Competitive quotes", "Quality work"] }
|
||||
]}
|
||||
title="Why Choose Marshall Electrical"
|
||||
description="Local expertise you can rely on for any job, big or small."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials-home" data-section="testimonials-home">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "Skipton Homeowner",
|
||||
testimonial: "Excellent friendly service and very fair prices. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-happy-homeown-1774841190667-a554b1f2.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David M.",
|
||||
handle: "Local Business",
|
||||
testimonial: "Very knowledgeable and solved the problem quickly. Great professional work.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-small-busines-1774841191013-4552a671.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Linda R.",
|
||||
handle: "Landlord",
|
||||
testimonial: "The work was immaculate and very efficient. Trustworthy electrician.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-local-landlor-1774841190308-b8aa4999.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John K.",
|
||||
handle: "Skipton Resident",
|
||||
testimonial: "Quick to respond to an emergency. Really appreciate the fast help.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-resident-in-s-1774841190486-6957d975.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark D.",
|
||||
handle: "Local Resident",
|
||||
testimonial: "Fantastic communication and very tidy work. Will definitely use again.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-happy-homeown-1774841190667-a554b1f2.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
description="Don't just take our word for it. Read what our Skipton neighbors have to say about our electrical services."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials-home" data-section="testimonials-home">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", handle: "Skipton Homeowner", testimonial: "Excellent friendly service and very fair prices. Highly recommend!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-happy-homeown-1774841190667-a554b1f2.png" },
|
||||
{ id: "t2", name: "David M.", handle: "Local Business", testimonial: "Very knowledgeable and solved the problem quickly. Great professional work.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-small-busines-1774841191013-4552a671.png" },
|
||||
{ id: "t3", name: "Linda R.", handle: "Landlord", testimonial: "The work was immaculate and very efficient. Trustworthy electrician.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-local-landlor-1774841190308-b8aa4999.png" },
|
||||
{ id: "t4", name: "John K.", handle: "Skipton Resident", testimonial: "Quick to respond to an emergency. Really appreciate the fast help.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-resident-in-s-1774841190486-6957d975.png" },
|
||||
{ id: "t5", name: "Mark D.", handle: "Local Resident", testimonial: "Fantastic communication and very tidy work. Will definitely use again.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/professional-headshot-of-a-happy-homeown-1774841190667-a554b1f2.png" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
description="Don't just take our word for it. Read what our Skipton neighbors have to say about our electrical services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Local Skipton Standards"
|
||||
description="We adhere to the highest electrical safety standards in North Yorkshire."
|
||||
names={[
|
||||
"NAPIT",
|
||||
"TrustMark",
|
||||
"City & Guilds",
|
||||
"EICR Certified",
|
||||
"Local Business Trusted",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Local Skipton Standards"
|
||||
description="We adhere to the highest electrical safety standards in North Yorkshire."
|
||||
names={["NAPIT", "TrustMark", "City & Guilds", "EICR Certified", "Local Business Trusted"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Marshall Electrical",
|
||||
items: [
|
||||
{
|
||||
label: "Skipton, North Yorkshire",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "01756 123 456",
|
||||
href: "tel:01756123456",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Emergency Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Rewiring",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Installations",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Marshall Electrical. All rights reserved."
|
||||
bottomRightText="Built for Reliability"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Marshall Electrical", items: [{ label: "Skipton, North Yorkshire", href: "#" }, { label: "01756 123 456", href: "tel:01756123456" }] },
|
||||
{ title: "Services", items: [{ label: "Emergency Repair", href: "/services" }, { label: "Rewiring", href: "/services" }, { label: "Installations", href: "/services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "Reviews", href: "/testimonials" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Marshall Electrical. All rights reserved."
|
||||
bottomRightText="Built for Reliability"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -8,7 +8,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import { Check, ShieldCheck, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -23,179 +23,74 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "/testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Marshall Electrical"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Marshall Electrical"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-detail" data-section="services-detail">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Safety",
|
||||
name: "Emergency Call-out",
|
||||
price: "From £80",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Maintenance",
|
||||
name: "Fuse Board Upgrade",
|
||||
price: "Quote",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-brand-new-residential-fuse-board-upgra-1774841191104-759aee3a.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Installation",
|
||||
name: "Lighting Fix",
|
||||
price: "From £60",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/modern-led-kitchen-lighting-installation-1774841190999-fc7871ff.png?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Electrical Services List"
|
||||
description="Comprehensive electrical solutions for every property type."
|
||||
/>
|
||||
</div>
|
||||
<div id="services-detail" data-section="services-detail">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Safety", name: "Emergency Call-out", price: "From £80", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png" },
|
||||
{ id: "p2", brand: "Maintenance", name: "Fuse Board Upgrade", price: "Quote", rating: 5, reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-brand-new-residential-fuse-board-upgra-1774841191104-759aee3a.png" },
|
||||
{ id: "p3", brand: "Installation", name: "Lighting Fix", price: "From £60", rating: 5, reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/modern-led-kitchen-lighting-installation-1774841190999-fc7871ff.png" }
|
||||
]}
|
||||
title="Electrical Services List"
|
||||
description="Comprehensive electrical solutions for every property type."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Our Services"
|
||||
description="We bring professional, safe, and efficient electrical solutions to your doorstep."
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Safety First",
|
||||
description: "All work certified to current regulations.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png?_wi=6",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Fully Insured",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Certified",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-professional-high-quality-photo-of-a-m-1774841192743-f3b2bb7c.png?_wi=4",
|
||||
imageAlt: "A professional high-quality photo of a modern electrical panel being worked on by a neat, clean elec",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Modern Tools",
|
||||
description: "Latest fault finding technology.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/a-brand-new-residential-fuse-board-upgra-1774841191104-759aee3a.png?_wi=5",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Accurate Diagnosis",
|
||||
},
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Precision Tools",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/an-emergency-electrical-fault-finding-co-1774841193271-bbf2dcac.png?_wi=7",
|
||||
imageAlt: "An emergency electrical fault finding concept using a multimeter on cables. Professional workspace, ",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Our Services"
|
||||
description="We bring professional, safe, and efficient electrical solutions to your doorstep."
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Safety First", description: "All work certified to current regulations.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/service-1" },
|
||||
items: [
|
||||
{ icon: ShieldCheck, text: "Fully Insured" },
|
||||
{ icon: Check, text: "Certified" }
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "f2", title: "Modern Tools", description: "Latest fault finding technology.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeETy0SCH7ttrUeBX6G7oQWGtP/service-2" },
|
||||
items: [
|
||||
{ icon: Zap, text: "Accurate Diagnosis" },
|
||||
{ icon: Wrench, text: "Precision Tools" }
|
||||
],
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Marshall Electrical",
|
||||
items: [
|
||||
{
|
||||
label: "Skipton, North Yorkshire",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "01756 123 456",
|
||||
href: "tel:01756123456",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Emergency Repair",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Rewiring",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Installations",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Marshall Electrical. All rights reserved."
|
||||
bottomRightText="Built for Reliability"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Marshall Electrical", items: [{ label: "Skipton, North Yorkshire", href: "#" }, { label: "01756 123 456", href: "tel:01756123456" }] },
|
||||
{ title: "Services", items: [{ label: "Emergency Repair", href: "/services" }, { label: "Rewiring", href: "/services" }, { label: "Installations", href: "/services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "Reviews", href: "/testimonials" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Marshall Electrical. All rights reserved."
|
||||
bottomRightText="Built for Reliability"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user