Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
242
src/app/page.tsx
242
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Building, CheckCircle, Clock, MapPin, Shield, ShieldCheck, Zap } from "lucide-react";
|
||||
import { BatteryCharging, Building, CheckCircle, Clock, FileCheck, MapPin, Shield, ShieldCheck, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,94 +31,59 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Us", id: "why-us"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Reading Electrics"
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Free Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Powering Reading's Homes & Businesses"
|
||||
description="Professional, NICEIC-certified electrical installations tailored to your needs. Trust our expert team to keep you powered safely and efficiently."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Our Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-close-up_169016-16567.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-close-up_169016-16567.jpg"
|
||||
imageAlt="electrician working modern home"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-360.jpg",
|
||||
alt: "Expressive senior female posing indoor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-360.jpg", alt: "Expressive senior female posing indoor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
|
||||
alt: "People recording their house tour",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg", alt: "People recording their house tour"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-smiling-camera_23-2148238839.jpg",
|
||||
alt: "Portrait of man smiling at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-smiling-camera_23-2148238839.jpg", alt: "Portrait of man smiling at camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-362.jpg",
|
||||
alt: "Expressive senior female posing indoor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-362.jpg", alt: "Expressive senior female posing indoor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
alt: "alone specialist handsome daydreaming collar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "alone specialist handsome daydreaming collar"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "NICEIC Certified",
|
||||
},
|
||||
type: "text", text: "NICEIC Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full Liability Insured",
|
||||
},
|
||||
type: "text", text: "Full Liability Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
type: "text", text: "Fast Turnaround"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Callouts",
|
||||
},
|
||||
type: "text", text: "Emergency Callouts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,64 +95,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Domestic Installations",
|
||||
description: "High-quality residential electrical works.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/construction-sign_24877-61199.jpg",
|
||||
},
|
||||
title: "Domestic Installations", description: "High-quality residential electrical works.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/construction-sign_24877-61199.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Lighting & Power",
|
||||
},
|
||||
text: "Lighting & Power"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Safety First",
|
||||
},
|
||||
text: "Safety First"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-close-up_169016-16567.jpg?_wi=2",
|
||||
imageAlt: "electrician icon vector",
|
||||
},
|
||||
{
|
||||
title: "Commercial Solutions",
|
||||
description: "Professional infrastructure for your business.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/linear-energy-icons_1257-304.jpg",
|
||||
},
|
||||
title: "Commercial Solutions", description: "Professional infrastructure for your business.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/linear-energy-icons_1257-304.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Building,
|
||||
text: "Scalable Systems",
|
||||
},
|
||||
text: "Scalable Systems"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Industry Standard",
|
||||
},
|
||||
text: "Industry Standard"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg?_wi=1",
|
||||
imageAlt: "electrician icon vector",
|
||||
},
|
||||
{
|
||||
title: "EV Charging & Safety",
|
||||
description: "Future-proof your home with modern charging.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-design-project-renovation-concept_53876-133668.jpg",
|
||||
},
|
||||
title: "EV Charging & Safety", description: "Future-proof your home with modern charging.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-design-project-renovation-concept_53876-133668.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: BatteryCharging,
|
||||
text: "Fast Installation",
|
||||
},
|
||||
text: "Fast Installation"},
|
||||
{
|
||||
icon: FileCheck,
|
||||
text: "EICR Certificates",
|
||||
},
|
||||
text: "EICR Certificates"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=1",
|
||||
imageAlt: "electrician icon vector",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Electrical Services"
|
||||
@@ -202,23 +146,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: ShieldCheck,
|
||||
title: "Certified",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m1", icon: ShieldCheck,
|
||||
title: "Certified", value: "100%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: MapPin,
|
||||
title: "Local",
|
||||
value: "Reading",
|
||||
},
|
||||
id: "m2", icon: MapPin,
|
||||
title: "Local", value: "Reading"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Fast",
|
||||
value: "Rapid",
|
||||
},
|
||||
id: "m3", icon: Clock,
|
||||
title: "Fast", value: "Rapid"},
|
||||
]}
|
||||
title="Why Reading Chooses Us"
|
||||
description="Local expertise combined with professional standards."
|
||||
@@ -230,25 +165,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "1. Get In Touch",
|
||||
content: "Contact us with your requirements.",
|
||||
},
|
||||
id: "s1", title: "1. Get In Touch", content: "Contact us with your requirements."},
|
||||
{
|
||||
id: "s2",
|
||||
title: "2. Assessment & Quote",
|
||||
content: "Free site visit and quote provided.",
|
||||
},
|
||||
id: "s2", title: "2. Assessment & Quote", content: "Free site visit and quote provided."},
|
||||
{
|
||||
id: "s3",
|
||||
title: "3. Expert Installation",
|
||||
content: "Professional, mess-free installation.",
|
||||
},
|
||||
id: "s3", title: "3. Expert Installation", content: "Professional, mess-free installation."},
|
||||
{
|
||||
id: "s4",
|
||||
title: "4. Certification",
|
||||
content: "Final safety check and certification.",
|
||||
},
|
||||
id: "s4", title: "4. Certification", content: "Final safety check and certification."},
|
||||
]}
|
||||
sideTitle="How It Works"
|
||||
sideDescription="Simple steps from quote to certified job completion."
|
||||
@@ -262,45 +185,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent service",
|
||||
quote: "Jaiden installed our new consumer unit quickly and safely.",
|
||||
name: "Sarah",
|
||||
role: "Reading Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", title: "Excellent service", quote: "Jaiden installed our new consumer unit quickly and safely.", name: "Sarah", role: "Reading Resident", imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Highly professional",
|
||||
quote: "Great work on our office lighting. Very professional and clean.",
|
||||
name: "David",
|
||||
role: "Local Business",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", title: "Highly professional", quote: "Great work on our office lighting. Very professional and clean.", name: "David", role: "Local Business", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Fast turnaround",
|
||||
quote: "Needed an EICR certificate fast, sorted within 24 hours.",
|
||||
name: "Emma",
|
||||
role: "Landlord",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
id: "t3", title: "Fast turnaround", quote: "Needed an EICR certificate fast, sorted within 24 hours.", name: "Emma", role: "Landlord", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Reliable experts",
|
||||
quote: "Highly recommend for any electrical needs.",
|
||||
name: "James",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||||
},
|
||||
id: "t4", title: "Reliable experts", quote: "Highly recommend for any electrical needs.", name: "James", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Great value",
|
||||
quote: "Transparent pricing and perfect work.",
|
||||
name: "Linda",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-199251.jpg",
|
||||
},
|
||||
id: "t5", title: "Great value", quote: "Transparent pricing and perfect work.", name: "Linda", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-199251.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Trusted by home and business owners across Reading."
|
||||
@@ -314,27 +207,16 @@ export default function LandingPage() {
|
||||
description="Complete the form and we'll be in touch to discuss your electrical project in Reading."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Service Needed / Details",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Service Needed / Details", rows: 4,
|
||||
}}
|
||||
buttonText="Submit Inquiry"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/electrical-technician-working-switchboard-with-fuses_169016-5509.jpg"
|
||||
@@ -347,29 +229,19 @@ export default function LandingPage() {
|
||||
logoText="Reading Electrics"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "NICEIC Certified",
|
||||
href: "#",
|
||||
},
|
||||
label: "NICEIC Certified", href: "#"},
|
||||
{
|
||||
label: "Part P Insured",
|
||||
href: "#",
|
||||
},
|
||||
label: "Part P Insured", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user