182 lines
9.0 KiB
TypeScript
182 lines
9.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="My Angel Service"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "radial-gradient" }}
|
|
title="Trusted Electrical Services in Miami"
|
|
description="My Angel Service provides professional, reliable residential and commercial electrical solutions. From panel upgrades to emergency repairs, we ensure your home is safe and energy-efficient."
|
|
tag="Licensed & Insured"
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+13053994211" },
|
|
{ text: "Request Free Estimate", href: "#contact" },
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF6GIQKaS4Xx8jkTMtfvMVkOj/a-professional-electrician-working-on-a--1775172547649-3dee02e5.png", imageAlt: "Electrician working on panel"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF6GIQKaS4Xx8jkTMtfvMVkOj/an-exterior-view-of-a-beautiful-miami-cl-1775172547294-c05ac684.png", imageAlt: "Miami home exterior"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Based on 26+ 5-star reviews"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Why Choose My Angel Service?"
|
|
description="We specialize in upgrading classic Miami electrical systems to handle modern demands. With 24/7 service and a commitment to code compliance, we provide peace of mind for every home and business owner."
|
|
metrics={[
|
|
{ value: "26+", title: "5-Star Reviews" },
|
|
{ value: "24/7", title: "Availability" },
|
|
{ value: "100%", title: "Satisfaction" },
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF6GIQKaS4Xx8jkTMtfvMVkOj/a-reliable-professional-electrician-cons-1775172548376-b6da3600.png"
|
|
imageAlt="Expert electrician team"
|
|
mediaAnimation="blur-reveal"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Panel Upgrades", description: "Ensure your home safely handles modern energy demands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF6GIQKaS4Xx8jkTMtfvMVkOj/a-professional-electrician-working-on-a--1775172547649-3dee02e5.png", imageAlt: "Panel upgrade"},
|
|
{
|
|
id: 2,
|
|
title: "Electrical Repairs", description: "Fast troubleshooting and expert repairs for any issue.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF6GIQKaS4Xx8jkTMtfvMVkOj/a-reliable-professional-electrician-cons-1775172548376-b6da3600.png", imageAlt: "Electrical repairs"},
|
|
{
|
|
id: 3,
|
|
title: "Commercial Services", description: "Reliable electrical support for Miami businesses.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF6GIQKaS4Xx8jkTMtfvMVkOj/an-exterior-view-of-a-beautiful-miami-cl-1775172547294-c05ac684.png", imageAlt: "Commercial work"},
|
|
]}
|
|
title="Our Professional Services"
|
|
description="Comprehensive electrical solutions for your peace of mind."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Lorraine A. Mitchell", handle: "Homeowner", testimonial: "Exceptional service. Professional, honest, and respectful. Went above and beyond.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF6GIQKaS4Xx8jkTMtfvMVkOj/a-friendly-portrait-of-a-satisfied-custo-1775172547060-ccd7c376.png"},
|
|
{
|
|
id: "2", name: "Alexander Tommazi", handle: "Homeowner", testimonial: "Excellent communication, on time, and outstanding work. Highly recommend.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF6GIQKaS4Xx8jkTMtfvMVkOj/a-professional-portrait-of-a-business-ow-1775172547200-d947b4c3.png"},
|
|
{
|
|
id: "3", name: "Ian Wogan", handle: "Homeowner", testimonial: "Professional and helpful. Diagnosed issues quickly and provided prompt service.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF6GIQKaS4Xx8jkTMtfvMVkOj/a-professional-headshot-of-a-happy-custo-1775172547401-f92a758f.png"},
|
|
{
|
|
id: "4", name: "Maria G.", handle: "Business Owner", testimonial: "Great work on our commercial project. Reliable and fast!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF6GIQKaS4Xx8jkTMtfvMVkOj/a-friendly-middle-aged-customer-studio-p-1775172546524-09a095b0.png"},
|
|
{
|
|
id: "5", name: "David L.", handle: "Homeowner", testimonial: "Best service in Miami. Very professional and tidy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF6GIQKaS4Xx8jkTMtfvMVkOj/a-professional-headshot-of-a-satisfied-h-1775172547160-59be0ddf.png"},
|
|
]}
|
|
title="Trusted by Our Customers"
|
|
description="See why Miami homeowners trust us with their electrical needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Are you available 24/7?", content: "Yes, we provide emergency electrical support 24 hours a day."},
|
|
{
|
|
id: "q2", title: "Do you handle residential work?", content: "Absolutely. We specialize in residential electrical systems in Miami."},
|
|
{
|
|
id: "q3", title: "Is your service licensed and insured?", content: "Yes, we are fully licensed and insured for your protection."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Answers to common questions about our electrical services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{ variant: "plain" }}
|
|
tag="Get in touch"
|
|
title="Book Your Inspection Today"
|
|
description="Ready to upgrade your home? Contact My Angel Service for a free estimate."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BmF6GIQKaS4Xx8jkTMtfvMVkOj/close-up-of-electrical-tools-and-a-digit-1775172547979-07032e01.png"
|
|
mediaAnimation="slide-up"
|
|
buttonText="Request Estimate"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="My Angel Service"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Services", href: "#features" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "+1 305-399-4211", href: "tel:+13053994211" },
|
|
{ label: "Miami, FL", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 My Angel Service | All Rights Reserved"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|