Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
336
src/app/page.tsx
336
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
|
||||
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";
|
||||
import { Building2, Clock, Lightbulb, Sparkles, Users, Wrench, Wind, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "projects" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="All Electrics"
|
||||
/>
|
||||
@@ -54,107 +42,34 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ 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", 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",
|
||||
},
|
||||
{ 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"
|
||||
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"
|
||||
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.",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ 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>
|
||||
@@ -165,31 +80,11 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{ 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: Wrench, 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."
|
||||
@@ -198,34 +93,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="why-choose" data-section="why-choose">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
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.",
|
||||
},
|
||||
{ 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."
|
||||
@@ -239,48 +115,12 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -291,22 +131,10 @@ export default function LandingPage() {
|
||||
<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",
|
||||
},
|
||||
{ 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>
|
||||
|
||||
@@ -315,26 +143,10 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{ 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."
|
||||
@@ -345,19 +157,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ text: "Get a Fast Quote", href: "#quote" },
|
||||
{ text: "Call Now", href: "tel:0400000000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -366,37 +170,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Lighting",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Apartments",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Renovations",
|
||||
href: "#services",
|
||||
},
|
||||
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",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -407,4 +191,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user