Merge version_2 into main #2
212
src/app/page.tsx
212
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="City Electric"
|
||||
/>
|
||||
@@ -55,67 +47,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Powering Your Home with Precision & Reliability"
|
||||
description="24/7 Electrical & A/C Services You Can Trust in Miami"
|
||||
description="Same-day response and licensed experts for all your residential and commercial needs in Miami"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (305) 755-2553",
|
||||
href: "tel:3057552553",
|
||||
},
|
||||
text: "Call Now: (305) 755-2553", href: "tel:3057552553"},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-high-end-modern-miami-home-exterior-at-1774922273015-3715d678.png?_wi=1"
|
||||
imageAlt="Luxury home with electrical and HVAC lighting"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png", alt: "Client 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-smiling-young-couple-high-quality-port-1774922272085-c4e38c6b.png",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-smiling-young-couple-high-quality-port-1774922272085-c4e38c6b.png", alt: "Client 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-property-manager-in-a-sui-1774922272338-aed248e0.png",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-property-manager-in-a-sui-1774922272338-aed248e0.png", alt: "Client 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-busy-parent-friendly-smile-warm-interi-1774922271507-009ee820.png",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-busy-parent-friendly-smile-warm-interi-1774922271507-009ee820.png", alt: "Client 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/an-electrician-working-on-a-modern-elect-1774922271885-6de3020d.png",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/an-electrician-working-on-a-modern-elect-1774922271885-6de3020d.png", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Miami residents"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Support",
|
||||
},
|
||||
type: "text", text: "24/7 Emergency Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Residential & Commercial",
|
||||
},
|
||||
type: "text", text: "Residential & Commercial"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Energy Efficient Upgrades",
|
||||
},
|
||||
type: "text", text: "Energy Efficient Upgrades"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Same-Day Response",
|
||||
},
|
||||
type: "text", text: "Same-Day Response"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,14 +92,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Angi",
|
||||
"Yelp",
|
||||
"Nextdoor",
|
||||
"HomeAdvisor",
|
||||
"Houzz",
|
||||
"Thumbtack",
|
||||
]}
|
||||
"Google", "Angi", "Yelp", "Nextdoor", "HomeAdvisor", "Houzz", "Thumbtack"]}
|
||||
title="Trusted by Miami"
|
||||
description="32+ Five-Star Reviews"
|
||||
/>
|
||||
@@ -146,29 +106,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Electrical Repairs",
|
||||
description: "Expert diagnostics and repairs for residential and commercial systems.",
|
||||
},
|
||||
title: "Electrical Repairs", description: "Expert diagnostics and repairs for residential and commercial systems."},
|
||||
{
|
||||
icon: Gauge,
|
||||
title: "A/C Solutions",
|
||||
description: "Full service installation, replacement, and system maintenance.",
|
||||
},
|
||||
title: "A/C Solutions", description: "Full service installation, replacement, and system maintenance."},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Upgrades",
|
||||
description: "Modernizing panels and lighting for safety and energy efficiency.",
|
||||
},
|
||||
title: "Upgrades", description: "Modernizing panels and lighting for safety and energy efficiency."},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
title: "Emergency 24/7",
|
||||
description: "Available day or night for critical electrical and A/C failures.",
|
||||
},
|
||||
title: "Emergency 24/7", description: "Available day or night for critical electrical and A/C failures."},
|
||||
{
|
||||
icon: Wind,
|
||||
title: "Air Quality",
|
||||
description: "Cleaning and purification systems for a healthier home environment.",
|
||||
},
|
||||
title: "Air Quality", description: "Cleaning and purification systems for a healthier home environment."},
|
||||
]}
|
||||
title="Premium Services"
|
||||
description="Comprehensive electrical and climate control solutions."
|
||||
@@ -182,26 +132,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Available Anytime",
|
||||
description: "Emergency services when you need them most.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/an-emergency-response-vehicle-in-a-miami-1774922273447-5a3a9af9.png?_wi=1",
|
||||
},
|
||||
id: "m1", value: "24/7", title: "Available Anytime", description: "Emergency services when you need them most.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/an-emergency-response-vehicle-in-a-miami-1774922273447-5a3a9af9.png?_wi=1"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Same-Day",
|
||||
title: "Fast Responses",
|
||||
description: "Quick dispatch for immediate electrical needs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/an-electrician-working-on-a-modern-elect-1774922271885-6de3020d.png",
|
||||
},
|
||||
id: "m2", value: "Same-Day", title: "Fast Responses", description: "Quick dispatch for immediate electrical needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/an-electrician-working-on-a-modern-elect-1774922271885-6de3020d.png"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Miami",
|
||||
title: "Local Experts",
|
||||
description: "Serving Miami Springs and beyond with pride.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-pristine-a-c-unit-installation-in-a-lu-1774922271733-b0ac1c1e.png",
|
||||
},
|
||||
id: "m3", value: "Miami", title: "Local Experts", description: "Serving Miami Springs and beyond with pride.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-pristine-a-c-unit-installation-in-a-lu-1774922271733-b0ac1c1e.png"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Reliable experts committed to excellence."
|
||||
@@ -215,13 +150,9 @@ export default function LandingPage() {
|
||||
description="A trusted Miami-based company delivering reliable electrical and A/C solutions with a focus on professionalism, speed, and customer satisfaction. We treat every home with the care it deserves."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Customer Joy",
|
||||
},
|
||||
value: "100%", title: "Customer Joy"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
},
|
||||
value: "24/7", title: "Availability"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-high-end-modern-miami-home-exterior-at-1774922273015-3715d678.png?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -235,55 +166,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "2024-03",
|
||||
title: "Great A/C Work",
|
||||
quote: "The team delivered exceptional service replacing my A/C unit. Professional, knowledgeable, and explained everything clearly.",
|
||||
tag: "Residential",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", date: "2024-03", title: "Great A/C Work", quote: "The team delivered exceptional service replacing my A/C unit. Professional, knowledgeable, and explained everything clearly.", tag: "Residential", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "2024-02",
|
||||
title: "Saved The Day",
|
||||
quote: "Fast response when another company canceled. Same-day service saved us. Highly recommended!",
|
||||
tag: "Emergency",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-smiling-young-couple-high-quality-port-1774922272085-c4e38c6b.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-smiling-young-couple-high-quality-port-1774922272085-c4e38c6b.png",
|
||||
},
|
||||
id: "2", name: "Michael Chen", date: "2024-02", title: "Saved The Day", quote: "Fast response when another company canceled. Same-day service saved us. Highly recommended!", tag: "Emergency", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-smiling-young-couple-high-quality-port-1774922272085-c4e38c6b.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-smiling-young-couple-high-quality-port-1774922272085-c4e38c6b.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "2024-01",
|
||||
title: "Professionalism",
|
||||
quote: "Incredible communication and very fair pricing for the work done on my panel upgrade.",
|
||||
tag: "Electrical",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-property-manager-in-a-sui-1774922272338-aed248e0.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-property-manager-in-a-sui-1774922272338-aed248e0.png",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", date: "2024-01", title: "Professionalism", quote: "Incredible communication and very fair pricing for the work done on my panel upgrade.", tag: "Electrical", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-property-manager-in-a-sui-1774922272338-aed248e0.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-property-manager-in-a-sui-1774922272338-aed248e0.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "2023-12",
|
||||
title: "Trusted Partner",
|
||||
quote: "The go-to company for our property management needs. Always reliable.",
|
||||
tag: "Business",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-busy-parent-friendly-smile-warm-interi-1774922271507-009ee820.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-busy-parent-friendly-smile-warm-interi-1774922271507-009ee820.png",
|
||||
},
|
||||
id: "4", name: "David Kim", date: "2023-12", title: "Trusted Partner", quote: "The go-to company for our property management needs. Always reliable.", tag: "Business", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-busy-parent-friendly-smile-warm-interi-1774922271507-009ee820.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-busy-parent-friendly-smile-warm-interi-1774922271507-009ee820.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Martinez",
|
||||
date: "2024-04",
|
||||
title: "Highly Recommend",
|
||||
quote: "Quick, professional, and clean work. Best electricians in Miami hands down.",
|
||||
tag: "Electrical",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Alex Martinez", date: "2024-04", title: "Highly Recommend", quote: "Quick, professional, and clean work. Best electricians in Miami hands down.", tag: "Electrical", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png?_wi=2"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Building trust, one project at a time."
|
||||
@@ -294,8 +185,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Need Electrical Help Fast?"
|
||||
description="Available 24/7 for all emergencies."
|
||||
@@ -309,37 +199,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(305) 755-2553",
|
||||
href: "tel:3057552553",
|
||||
},
|
||||
label: "(305) 755-2553", href: "tel:3057552553"},
|
||||
{
|
||||
label: "4451 NW 36th St, Miami Springs",
|
||||
href: "#",
|
||||
},
|
||||
label: "4451 NW 36th St, Miami Springs", href: "#"},
|
||||
{
|
||||
label: "Open 24 Hours",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open 24 Hours", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -350,4 +226,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user