Update src/app/page.tsx
This commit is contained in:
164
src/app/page.tsx
164
src/app/page.tsx
@@ -27,7 +27,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="noiseDiagonalGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -47,53 +47,33 @@ export default function HomePage() {
|
||||
tag="5.0 Stars • Licensed & Insured"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "noiseDiagonalGradient" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 0423 326 659",
|
||||
href: "tel:0423326659",
|
||||
},
|
||||
text: "Call Now: 0423 326 659", href: "tel:0423326659"},
|
||||
{
|
||||
text: "Request Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Request Free Quote", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24055.jpg?_wi=1",
|
||||
imageAlt: "Electrician performing electrical repairs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24055.jpg", imageAlt: "Electrician performing electrical repairs"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-52837.jpg?_wi=1",
|
||||
imageAlt: "Professional electrical installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-52837.jpg", imageAlt: "Professional electrical installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-16576.jpg?_wi=1",
|
||||
imageAlt: "Switchboard upgrade work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-16576.jpg", imageAlt: "Switchboard upgrade work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-female-construction-worker-with-helmet-gloves_23-2148813405.jpg",
|
||||
imageAlt: "Ceiling fan installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-female-construction-worker-with-helmet-gloves_23-2148813405.jpg", imageAlt: "Ceiling fan installation"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160770.jpg",
|
||||
imageAlt: "Lighting installation service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160770.jpg", imageAlt: "Lighting installation service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5071.jpg",
|
||||
imageAlt: "Power point installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5071.jpg", imageAlt: "Power point installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24803.jpg",
|
||||
imageAlt: "Renovation electrical work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24803.jpg", imageAlt: "Renovation electrical work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24219.jpg",
|
||||
imageAlt: "Safety inspection service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24219.jpg", imageAlt: "Safety inspection service"},
|
||||
]}
|
||||
carouselPosition="right"
|
||||
/>
|
||||
@@ -107,13 +87,9 @@ export default function HomePage() {
|
||||
title="Local Electrical Experts Serving Coffs Harbour for Years. Professional, Reliable, and Honest."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get Free Quote", href: "/contact"},
|
||||
{
|
||||
text: "Call 0423 326 659",
|
||||
href: "tel:0423326659",
|
||||
},
|
||||
text: "Call 0423 326 659", href: "tel:0423326659"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -131,45 +107,15 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "fast-response",
|
||||
title: "Fast Response",
|
||||
description: "Quick service turnaround because electrical emergencies can't wait.",
|
||||
tag: "Speed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-slavic-cleaner-man-with-rubber-gloves-holding-alarm-clock_141793-124525.jpg?_wi=1",
|
||||
imageAlt: "Fast response emergency electrician service",
|
||||
},
|
||||
id: "fast-response", title: "Fast Response", description: "Quick service turnaround because electrical emergencies can't wait.", tag: "Speed", imageSrc: "http://img.b2bpic.net/free-photo/annoyed-slavic-cleaner-man-with-rubber-gloves-holding-alarm-clock_141793-124525.jpg", imageAlt: "Fast response emergency electrician service"},
|
||||
{
|
||||
id: "licensed-insured",
|
||||
title: "Licensed & Insured",
|
||||
description: "Fully qualified electricians with all necessary certifications and insurance protection.",
|
||||
tag: "Safety",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-warehouse_329181-12780.jpg?_wi=1",
|
||||
imageAlt: "Licensed insured electrician professional",
|
||||
},
|
||||
id: "licensed-insured", title: "Licensed & Insured", description: "Fully qualified electricians with all necessary certifications and insurance protection.", tag: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-warehouse_329181-12780.jpg", imageAlt: "Licensed insured electrician professional"},
|
||||
{
|
||||
id: "fair-pricing",
|
||||
title: "Fair Pricing",
|
||||
description: "Transparent pricing with no hidden costs. Honest quotes upfront.",
|
||||
tag: "Honest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-boy-delivery-uniform-holding-empty-frame_114579-91647.jpg?_wi=1",
|
||||
imageAlt: "Fair pricing quote transparent",
|
||||
},
|
||||
id: "fair-pricing", title: "Fair Pricing", description: "Transparent pricing with no hidden costs. Honest quotes upfront.", tag: "Honest", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-boy-delivery-uniform-holding-empty-frame_114579-91647.jpg", imageAlt: "Fair pricing quote transparent"},
|
||||
{
|
||||
id: "quality-work",
|
||||
title: "Quality Workmanship",
|
||||
description: "Clean, tidy installations with attention to detail. We take pride in every job.",
|
||||
tag: "Quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-overalls-focused-work-switchboard-with-fuses-using-tablet_169016-66764.jpg?_wi=1",
|
||||
imageAlt: "Quality professional workmanship",
|
||||
},
|
||||
id: "quality-work", title: "Quality Workmanship", description: "Clean, tidy installations with attention to detail. We take pride in every job.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-overalls-focused-work-switchboard-with-fuses-using-tablet_169016-66764.jpg", imageAlt: "Quality professional workmanship"},
|
||||
{
|
||||
id: "professional-team",
|
||||
title: "Professional Team",
|
||||
description: "Friendly, courteous electricians who respect your home and time.",
|
||||
tag: "Friendly",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124306.jpg",
|
||||
imageAlt: "Professional team working together",
|
||||
},
|
||||
id: "professional-team", title: "Professional Team", description: "Friendly, courteous electricians who respect your home and time.", tag: "Friendly", imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124306.jpg", imageAlt: "Professional team working together"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -185,29 +131,17 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "reviews",
|
||||
icon: Star,
|
||||
title: "5.0 Star Rating",
|
||||
value: "67+ Reviews",
|
||||
},
|
||||
id: "reviews", icon: Star,
|
||||
title: "5.0 Star Rating", value: "67+ Reviews"},
|
||||
{
|
||||
id: "customers",
|
||||
icon: Users,
|
||||
title: "Happy Customers",
|
||||
value: "1000+",
|
||||
},
|
||||
id: "customers", icon: Users,
|
||||
title: "Happy Customers", value: "1000+"},
|
||||
{
|
||||
id: "experience",
|
||||
icon: Zap,
|
||||
title: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
id: "experience", icon: Zap,
|
||||
title: "Years Experience", value: "15+"},
|
||||
{
|
||||
id: "emergency",
|
||||
icon: Clock,
|
||||
title: "Emergency Support",
|
||||
value: "24/7",
|
||||
},
|
||||
id: "emergency", icon: Clock,
|
||||
title: "Emergency Support", value: "24/7"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -219,29 +153,17 @@ export default function HomePage() {
|
||||
author="Multiple Satisfied Customers"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-girl-standing-giving-thumbs-up-white_114579-74316.jpg",
|
||||
alt: "Customer avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-girl-standing-giving-thumbs-up-white_114579-74316.jpg", alt: "Customer avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
alt: "Customer avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", alt: "Customer avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-doing-okay-symbol_1187-4123.jpg",
|
||||
alt: "Customer avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-doing-okay-symbol_1187-4123.jpg", alt: "Customer avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumbs-up-posing-camera-park_1262-20571.jpg",
|
||||
alt: "Customer avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumbs-up-posing-camera-park_1262-20571.jpg", alt: "Customer avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-blue-golf-turtleneck-white-background-with-confident-smile-smiling-cheerfully-showing-thumbs-up_343596-8104.jpg",
|
||||
alt: "Customer avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-blue-golf-turtleneck-white-background-with-confident-smile-smiling-cheerfully-showing-thumbs-up_343596-8104.jpg", alt: "Customer avatar 5"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg",
|
||||
alt: "Customer avatar 6",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg", alt: "Customer avatar 6"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -257,13 +179,9 @@ export default function HomePage() {
|
||||
title="Don't Wait for Electrical Problems to Get Worse. Contact Us Today for Fast, Professional Service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 0423 326 659",
|
||||
href: "tel:0423326659",
|
||||
},
|
||||
text: "Call Now: 0423 326 659", href: "tel:0423326659"},
|
||||
{
|
||||
text: "Request Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Request Free Quote", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -277,19 +195,13 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:0423326659",
|
||||
ariaLabel: "Call us",
|
||||
},
|
||||
href: "tel:0423326659", ariaLabel: "Call us"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:info@blackoutelectrical.net",
|
||||
ariaLabel: "Email us",
|
||||
},
|
||||
href: "mailto:info@blackoutelectrical.net", ariaLabel: "Email us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user