bender/1a80c460-6d4b-47c7-a049-d9c62fcf7d74
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 21:37:39 +00:00
parent c3ae811588
commit 53b7ebf9e5
1 changed files with 59 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

267
src/app/page.tsx
View File

@@ -33,78 +33,45 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="SparkElectrics"
button={{
text: "Book Service",
href: "#contact",
}}
text: "Book Service", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static-grid",
}}
variant: "rotated-rays-static-grid"}}
title="Expert Electrical Services You Can Count On"
description="SparkElectrics provides high-quality electrical maintenance, installations, and repairs for residential and commercial clients."
buttons={[
{
text: "View Services",
href: "#services",
},
text: "View Services", href: "#services"},
{
text: "Contact Us",
href: "#contact",
},
text: "Contact Us", href: "#contact"},
]}
carouselItems={[
{
id: "1",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zqcscm",
imageAlt: "electrician working on modern switchboard",
},
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zqcscm", imageAlt: "electrician working on modern switchboard"},
{
id: "2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hbjcqt",
imageAlt: "industrial electrical wiring and installation",
},
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hbjcqt", imageAlt: "industrial electrical wiring and installation"},
{
id: "3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2607wh",
imageAlt: "electrician checking home wiring diagnostic",
},
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2607wh", imageAlt: "electrician checking home wiring diagnostic"},
{
id: "4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w3iejp",
imageAlt: "electrician installing ceiling light fixtures",
},
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w3iejp", imageAlt: "electrician installing ceiling light fixtures"},
{
id: "5",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vg36qm",
imageAlt: "modern smart home electrical integration",
},
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vg36qm", imageAlt: "modern smart home electrical integration"},
{
id: "6",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yaslyu",
imageAlt: "electrician safety inspection compliance",
},
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yaslyu", imageAlt: "electrician safety inspection compliance"},
]}
/>
</div>
@@ -114,20 +81,13 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Professional Electrical Solutions Since 2005",
},
type: "text", content: "Professional Electrical Solutions Since 2005"},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zg5j3j",
alt: "professional electrician portrait friendly",
},
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zg5j3j", alt: "professional electrician portrait friendly"},
]}
buttons={[
{
text: "Learn Our Story",
href: "#",
},
text: "Learn Our Story", href: "#"},
]}
/>
</div>
@@ -139,23 +99,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Safety First",
description: "Strict adherence to electrical safety codes and regulations.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avus7e",
imageAlt: "safety shield electrical icon",
},
title: "Safety First", description: "Strict adherence to electrical safety codes and regulations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avus7e", imageAlt: "safety shield electrical icon"},
{
title: "Available 24/7",
description: "Emergency services when you need them most.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vp1ehm",
imageAlt: "clock time icon fast service",
},
title: "Available 24/7", description: "Emergency response to keep your home safe and functional, round the clock.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vp1ehm", imageAlt: "clock time icon fast service"},
{
title: "Energy Efficient",
description: "Modern solutions that save you money and protect the planet.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qwmkoi",
imageAlt: "lightbulb energy efficient symbol",
},
title: "Energy Efficient", description: "Modern solutions that save you money and protect the planet.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qwmkoi", imageAlt: "lightbulb energy efficient symbol"},
]}
title="Why Choose SparkElectrics"
description="We blend technical precision with exceptional customer service to keep your power running smoothly."
@@ -170,59 +118,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "s1",
brand: "Installation",
name: "Lighting & Fans",
price: "From $99",
rating: 5,
reviewCount: "120+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a7g2dx",
},
id: "s1", brand: "Installation", name: "Lighting & Fans", price: "From $99", rating: 5,
reviewCount: "120+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a7g2dx"},
{
id: "s2",
brand: "Maintenance",
name: "Wiring & Panels",
price: "From $150",
rating: 5,
reviewCount: "85+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dxr02x",
},
id: "s2", brand: "Maintenance", name: "Wiring & Panels", price: "From $150", rating: 5,
reviewCount: "85+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dxr02x"},
{
id: "s3",
brand: "Smart Home",
name: "Tech Integration",
price: "From $200",
rating: 5,
reviewCount: "50+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tr5wtn",
},
id: "s3", brand: "Smart Home", name: "Tech Integration", price: "From $200", rating: 5,
reviewCount: "50+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tr5wtn"},
{
id: "s4",
brand: "Inspection",
name: "Safety Audits",
price: "From $120",
rating: 5,
reviewCount: "95+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l6078x",
},
id: "s4", brand: "Inspection", name: "Safety Audits", price: "From $120", rating: 5,
reviewCount: "95+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l6078x"},
{
id: "s5",
brand: "Commercial",
name: "Office Fit-outs",
price: "Custom Quote",
rating: 5,
reviewCount: "40+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9fdvm4",
},
id: "s5", brand: "Commercial", name: "Office Fit-outs", price: "Custom Quote", rating: 5,
reviewCount: "40+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9fdvm4"},
{
id: "s6",
brand: "Emergency",
name: "24/7 Repairs",
price: "Contact for rate",
rating: 5,
reviewCount: "300+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g7ppkj",
},
id: "s6", brand: "Emergency", name: "24/7 Repairs", price: "Contact for rate", rating: 5,
reviewCount: "300+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g7ppkj"},
]}
title="Our Specialized Services"
description="Comprehensive electrical care for homes and businesses."
@@ -236,22 +148,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
title: "Projects Completed",
value: "15,000+",
icon: Award,
id: "m1", title: "Projects Completed", value: "15,000+", icon: Award,
},
{
id: "m2",
title: "Years Experience",
value: "20",
icon: Clock,
id: "m2", title: "Years Experience", value: "20", icon: Clock,
},
{
id: "m3",
title: "Happy Clients",
value: "5,000+",
icon: Users,
id: "m3", title: "Happy Clients", value: "5,000+", icon: Users,
},
]}
title="Our Impact in Numbers"
@@ -267,45 +170,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Homeowner",
company: "Local Area",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rqfyj",
},
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Local Area", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rqfyj"},
{
id: "2",
name: "Michael Chen",
role: "Owner",
company: "TechStart Inc",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=abmc0n",
},
id: "2", name: "Michael Chen", role: "Owner", company: "TechStart Inc", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=abmc0n"},
{
id: "3",
name: "Emily Rodriguez",
role: "Architect",
company: "BuildGreen",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2nl6j",
},
id: "3", name: "Emily Rodriguez", role: "Architect", company: "BuildGreen", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2nl6j"},
{
id: "4",
name: "David Kim",
role: "Manager",
company: "OfficeSolutions",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3pnu9x",
},
id: "4", name: "David Kim", role: "Manager", company: "OfficeSolutions", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3pnu9x"},
{
id: "5",
name: "Lisa Wang",
role: "Client",
company: "HomePro",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cphuk9",
},
id: "5", name: "Lisa Wang", role: "Client", company: "HomePro", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cphuk9"},
]}
title="Trusted by Homeowners and Businesses"
description="Read what our clients say about our service excellence."
@@ -318,20 +196,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer emergency services?",
content: "Yes, we are available 24/7 for emergency electrical issues.",
},
id: "f1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for emergency electrical issues."},
{
id: "f2",
title: "Are your electricians licensed?",
content: "All our technicians are fully licensed, insured, and certified professionals.",
},
id: "f2", title: "Are your electricians licensed?", content: "All our technicians are fully licensed, insured, and certified professionals."},
{
id: "f3",
title: "Do you offer free estimates?",
content: "We provide detailed, transparent quotes for all our services after an initial assessment.",
},
id: "f3", title: "Do you offer free estimates?", content: "We provide detailed, transparent quotes for all our services after an initial assessment."},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hfkkp"
mediaAnimation="slide-up"
@@ -345,14 +214,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready to get started on your electrical project? Get in touch with our expert team today."
buttons={[
{
text: "Call 555-ELECTRO",
href: "tel:555-353-2876",
},
text: "Call 555-ELECTRO", href: "tel:555-353-2876"},
]}
/>
</div>
@@ -363,42 +229,27 @@ export default function LandingPage() {
logoText="SparkElectrics"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Residential",
href: "#services",
},
label: "Residential", href: "#services"},
{
label: "Commercial",
href: "#services",
},
label: "Commercial", href: "#services"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}