Merge version_1 into main #1
186
src/app/page.tsx
186
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BobbysElectric"
|
||||
/>
|
||||
@@ -55,42 +47,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Reliable Electrical Services You Can Trust"
|
||||
description="BobbysElectric provides fast, safe, and professional electrical repairs and installations for homes and businesses. Your safety is our top priority."
|
||||
tag="Expert Electricians"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Services", href: "#features"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-50980.jpg",
|
||||
imageAlt: "electrician working home",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-50980.jpg", imageAlt: "electrician working home"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-table_23-2147743032.jpg",
|
||||
imageAlt: "electric circuit board",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-examines-cable-connection-electrical-line-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8635.jpg",
|
||||
imageAlt: "Electrician builder at work, examines the cable connection in the electrical line in the fuselage of an industrial switchboard.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-examines-cable-connection-electrical-line-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8632.jpg",
|
||||
imageAlt: "Professional in overalls with an electrician's tool.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-18016.jpg",
|
||||
imageAlt: "A male electrician works in a switchboard with an electrical connecting cable",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-table_23-2147743032.jpg", imageAlt: "electric circuit board"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -108,19 +79,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years Experience", value: "15+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "2,000+",
|
||||
},
|
||||
label: "Projects Completed", value: "2,000+"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Safety Guarantee",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Safety Guarantee", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -133,32 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wiring Installation",
|
||||
descriptions: [
|
||||
"Expert installation for new homes and renovations.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5877.jpg",
|
||||
imageAlt: "house electrical wiring",
|
||||
},
|
||||
id: "f1", title: "Wiring Installation", descriptions: [
|
||||
"Expert installation for new homes and renovations."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5877.jpg", imageAlt: "house electrical wiring"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Emergency Repairs",
|
||||
descriptions: [
|
||||
"24/7 support for any sudden power issues.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-woman-fixing-electricity-problem-home_58466-10803.jpg",
|
||||
imageAlt: "emergency electrical repair",
|
||||
},
|
||||
id: "f2", title: "Emergency Repairs", descriptions: [
|
||||
"24/7 support for any sudden power issues."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-woman-fixing-electricity-problem-home_58466-10803.jpg", imageAlt: "emergency electrical repair"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Safety Inspections",
|
||||
descriptions: [
|
||||
"Thorough diagnostic checks to ensure home safety.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-with-hard-hats-working-nuclear-power-plant_23-2150957670.jpg",
|
||||
imageAlt: "electrical safety inspection",
|
||||
},
|
||||
id: "f3", title: "Safety Inspections", descriptions: [
|
||||
"Thorough diagnostic checks to ensure home safety."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-with-hard-hats-working-nuclear-power-plant_23-2150957670.jpg", imageAlt: "electrical safety inspection"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive electrical solutions tailored to meet your specific needs with efficiency and safety."
|
||||
@@ -173,25 +123,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30%",
|
||||
title: "Energy Saving",
|
||||
description: "Optimized systems.",
|
||||
icon: Zap,
|
||||
id: "m1", value: "30%", title: "Energy Saving", description: "Optimized systems.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1hr",
|
||||
title: "Response Time",
|
||||
description: "Rapid arrival.",
|
||||
icon: Clock,
|
||||
id: "m2", value: "1hr", title: "Response Time", description: "Rapid arrival.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Service Availability",
|
||||
description: "Always ready.",
|
||||
icon: Calendar,
|
||||
id: "m3", value: "24/7", title: "Service Availability", description: "Always ready.", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
title="Efficiency Metrics"
|
||||
@@ -205,20 +143,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, BobbysElectric is fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
id: "q1", title: "Are you licensed and insured?", content: "Yes, BobbysElectric is fully licensed and insured for your peace of mind."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "We offer 24/7 emergency support for urgent electrical needs.",
|
||||
},
|
||||
id: "q2", title: "Do you offer emergency services?", content: "We offer 24/7 emergency support for urgent electrical needs."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I book an appointment?",
|
||||
content: "Simply call us or use the form on our website to schedule a visit.",
|
||||
},
|
||||
id: "q3", title: "How do I book an appointment?", content: "Simply call us or use the form on our website to schedule a visit."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to the most common questions regarding our electrical services."
|
||||
@@ -234,25 +163,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/loving-couple-planning-redecorating-household_23-2148814343.jpg",
|
||||
alt: "happy home owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/loving-couple-planning-redecorating-household_23-2148814343.jpg", alt: "happy home owner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-young-european-woman-wearing-casual-clothes-relaxing-sofa-home-after-housework-being-proud-herself-smiling-broadly-having-joyful-happy-facial-expression_344912-13.jpg",
|
||||
alt: "woman happy home",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-young-european-woman-wearing-casual-clothes-relaxing-sofa-home-after-housework-being-proud-herself-smiling-broadly-having-joyful-happy-facial-expression_344912-13.jpg", alt: "woman happy home"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-businesswoman-stretching-hand-handshake_1262-17100.jpg",
|
||||
alt: "business owner happy",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-businesswoman-stretching-hand-handshake_1262-17100.jpg", alt: "business owner happy"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
|
||||
alt: "happy customer house",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg", alt: "happy customer house"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-insurance-communication-ideas-concept-with-asian-attractive-male-casual-tshirt-hand-hold-wooden-house-model-box-smile-happiness-hand-gesture-pose-present-point-show-joyful-moment_609648-1214.jpg",
|
||||
alt: "Business insurance communication user",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-insurance-communication-ideas-concept-with-asian-attractive-male-casual-tshirt-hand-hold-wooden-house-model-box-smile-happiness-hand-gesture-pose-present-point-show-joyful-moment_609648-1214.jpg", alt: "Business insurance communication user"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -266,28 +185,17 @@ export default function LandingPage() {
|
||||
description="Reach out to us today to get started on your electrical projects."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Briefly describe your project",
|
||||
}}
|
||||
name: "message", placeholder: "Briefly describe your project"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15619.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -297,29 +205,19 @@ export default function LandingPage() {
|
||||
logoText="BobbysElectric"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Wiring",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Wiring", href: "#features"},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Emergency", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user