411 lines
13 KiB
TypeScript
411 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import { Building2, Clock, Lightbulb, Sparkles, Tool, Users, Wind, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="aurora"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Services",
|
||
id: "services",
|
||
},
|
||
{
|
||
name: "Portfolio",
|
||
id: "projects",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "FAQ",
|
||
id: "faq",
|
||
},
|
||
]}
|
||
brandName="All Electrics"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
title="Melbourne’s Most Reliable Electricians — Without the Hassle"
|
||
description="Fast response. Clean workmanship. Expert lighting solutions for homes and apartments."
|
||
testimonials={[
|
||
{
|
||
name: "Sarah J.",
|
||
handle: "@melbhome",
|
||
testimonial: "Prompt, polite and professional... incredibly attentive.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-sitting-cafe-with-chicken-nuggets-lemonade_627829-5095.jpg?_wi=1",
|
||
imageAlt: "luxury apartment electrical interior lighting",
|
||
},
|
||
{
|
||
name: "Mark R.",
|
||
handle: "@stkilda",
|
||
testimonial: "Clean, tidy and punctual. Best electricians I've had.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-posing-new-house_23-2147694189.jpg",
|
||
imageAlt: "happy client portrait home",
|
||
},
|
||
{
|
||
name: "Emily T.",
|
||
handle: "@cbdliving",
|
||
testimonial: "Explained everything clearly. Went the extra mile.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/welcome-portrait-cheerful-african-woman-inviting-visitor-enter-his-home-happy-young-woman-standing-doorway-modern-apartment-showing-living-room-with-hand_657921-1689.jpg",
|
||
imageAlt: "happy home owner indoor",
|
||
},
|
||
{
|
||
name: "David W.",
|
||
handle: "@homeowner",
|
||
testimonial: "So happy with the lighting transformation!",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-172781.jpg",
|
||
imageAlt: "smiling home owner indoor",
|
||
},
|
||
{
|
||
name: "Linda P.",
|
||
handle: "@renovator",
|
||
testimonial: "Professional, efficient, and great design advice.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832986.jpg",
|
||
imageAlt: "happy client interior portrait",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Get a Fast Quote",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "Call Now",
|
||
href: "tel:0400000000",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-successful-bearded-south-asian-young-indian-freelancer-blue-jeans-shirt-sitting-cafe-with-chicken-nuggets-lemonade_627829-5095.jpg?_wi=2"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiling-young-man-posing-new-house_23-2147694189.jpg",
|
||
alt: "Sarah J.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/welcome-portrait-cheerful-african-woman-inviting-visitor-enter-his-home-happy-young-woman-standing-doorway-modern-apartment-showing-living-room-with-hand_657921-1689.jpg",
|
||
alt: "Mark R.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-172781.jpg",
|
||
alt: "Emily T.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832986.jpg",
|
||
alt: "David W.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-pizza_23-2150307062.jpg",
|
||
alt: "Linda P.",
|
||
},
|
||
]}
|
||
marqueeItems={[
|
||
{
|
||
type: "text",
|
||
text: "Fully Licensed & Insured",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "24/7 Emergency Support",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Quality Guaranteed",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Prompt Arrival",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Clean Workmanship",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureHoverPattern
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
icon: Lightbulb,
|
||
title: "Lighting Design",
|
||
description: "Expertly placed lighting that elevates your space.",
|
||
},
|
||
{
|
||
icon: Building2,
|
||
title: "Apartment Specialists",
|
||
description: "Masters of strata rules and complex CBD access.",
|
||
},
|
||
{
|
||
icon: Zap,
|
||
title: "Power & Switches",
|
||
description: "Safe, clean, and perfectly integrated installations.",
|
||
},
|
||
{
|
||
icon: Wind,
|
||
title: "Ventilation & Fans",
|
||
description: "Quiet, efficient systems installed seamlessly.",
|
||
},
|
||
{
|
||
icon: Tool,
|
||
title: "Renovation Fit-Outs",
|
||
description: "Full-scale upgrades with attention to detail.",
|
||
},
|
||
]}
|
||
title="Premium Electrical Services"
|
||
description="Expert solutions for your home, apartment, and renovation needs."
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-choose" data-section="why-choose">
|
||
<FeatureHoverPattern
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
icon: Sparkles,
|
||
title: "Clean & Respectful",
|
||
description: "We leave your home exactly as we found it—if not better.",
|
||
},
|
||
{
|
||
icon: Clock,
|
||
title: "On Time, Every Time",
|
||
description: "No vague windows. Clear, proactive communication.",
|
||
},
|
||
{
|
||
icon: Lightbulb,
|
||
title: "Lighting Experts",
|
||
description: "We don't just fix power; we elevate your home design.",
|
||
},
|
||
{
|
||
icon: Users,
|
||
title: "Honest Advice",
|
||
description: "Transparent recommendations that prioritize your needs.",
|
||
},
|
||
{
|
||
icon: Zap,
|
||
title: "Fast Turnaround",
|
||
description: "Quotes fast, jobs scheduled without long delays.",
|
||
},
|
||
]}
|
||
title="Why Clients Choose All Electrics"
|
||
description="We combine luxury service standards with expert electrical work."
|
||
/>
|
||
</div>
|
||
|
||
<div id="projects" data-section="projects">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="split-description"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "p1",
|
||
name: "Apartment Upgrade",
|
||
price: "Custom",
|
||
variant: "Lighting",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821386.jpg",
|
||
},
|
||
{
|
||
id: "p2",
|
||
name: "Office Lighting",
|
||
price: "Custom",
|
||
variant: "Commercial",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-discussing-marketing-statistics-online-videocall-meeting-conference-working-time-company-strategy-startup-office-remote-employees-preparing-investment-graph_482257-66467.jpg",
|
||
},
|
||
{
|
||
id: "p3",
|
||
name: "Fan Install",
|
||
price: "Custom",
|
||
variant: "Ventilation",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-cables-ceiling_23-2147743098.jpg",
|
||
},
|
||
{
|
||
id: "p4",
|
||
name: "Downlight Layout",
|
||
price: "Custom",
|
||
variant: "Lighting",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/picture-beautiful-young-girl-kitchen_176420-6095.jpg",
|
||
},
|
||
{
|
||
id: "p5",
|
||
name: "Renovation Fit",
|
||
price: "Custom",
|
||
variant: "Renovation",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/modern-decorative-lamps_23-2148164736.jpg",
|
||
},
|
||
{
|
||
id: "p6",
|
||
name: "Custom Fit-out",
|
||
price: "Custom",
|
||
variant: "Specialty",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg",
|
||
},
|
||
]}
|
||
title="Recent Work"
|
||
description="Browse our transformation projects."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={false}
|
||
heading={[
|
||
{
|
||
type: "text",
|
||
content: "Meet Leonard & The Team",
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-photo/delivery-man-with-package_23-2148889998.jpg",
|
||
alt: "Leonard",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Call Now",
|
||
href: "tel:0400000000",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "f1",
|
||
title: "How quickly can you attend?",
|
||
content: "Often within the same week, sometimes next day depending on availability.",
|
||
},
|
||
{
|
||
id: "f2",
|
||
title: "Do you work in apartments?",
|
||
content: "Yes—CBD and complex access jobs are a specialty.",
|
||
},
|
||
{
|
||
id: "f3",
|
||
title: "Do you help with lighting design?",
|
||
content: "Absolutely. We’ll recommend placement and fittings for the best result.",
|
||
},
|
||
{
|
||
id: "f4",
|
||
title: "Are you licensed and insured?",
|
||
content: "Yes, fully compliant with all Victorian regulations.",
|
||
},
|
||
]}
|
||
title="Frequently Asked Questions"
|
||
description="Common questions about our electrical services."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
text="Need an Electrician You Can Actually Rely On? Get a fast, honest quote today."
|
||
buttons={[
|
||
{
|
||
text: "Get a Fast Quote",
|
||
href: "#quote",
|
||
},
|
||
{
|
||
text: "Call Now",
|
||
href: "tel:0400000000",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Services",
|
||
items: [
|
||
{
|
||
label: "Lighting",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Apartments",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Renovations",
|
||
href: "#services",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Company",
|
||
items: [
|
||
{
|
||
label: "About Us",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Reviews",
|
||
href: "#reviews",
|
||
},
|
||
{
|
||
label: "Contact",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2024 All Electrics Melbourne."
|
||
bottomRightText="Licensed & Insured VIC."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|