2 Commits

Author SHA1 Message Date
edf33872e0 Update src/app/page.tsx 2026-04-24 04:40:06 +00:00
f5a0a20dfb Update src/app/page.tsx 2026-04-24 04:39:40 +00:00

View File

@@ -4,15 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, LineChart, ShieldCheck, Sparkles, TrendingUp, Users } from "lucide-react";
import { Award, Zap, ShieldCheck, AirVent, CheckCircle, Users } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,42 +30,41 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Pricing", id: "pricing" },
{ name: "Services", id: "features" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="NexCorp"
brandName="Brisbane Electrical"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "sparkles-gradient" }}
title="Professional Excellence Delivered"
description="We help companies scale with reliable, data-driven solutions built for the future. Experience unmatched quality and dedicated service."
tag="Trusted Enterprise Solutions"
title="Expert Electrical Compliance & Maintenance"
description="Professional electrical and air conditioning services for Brisbane homes and businesses. Safety-focused, reliable, and efficient."
tag="Your Trusted Local Electricians"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg", imageAlt: "Business professional meeting" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_1262-3035.jpg", imageAlt: "Modern office space" }
{ imageSrc: "https://img.b2bpic.net/free-photo/electrician-working-service-box_23-2148866164.jpg", imageAlt: "Electrical maintenance" },
{ imageSrc: "https://img.b2bpic.net/free-photo/technician-repairing-air-conditioner_23-2149129598.jpg", imageAlt: "Air conditioning service" },
]}
mediaAnimation="blur-reveal"
rating={5}
ratingText="Rated 5/5 by over 500+ satisfied enterprise clients"
tagIcon={Sparkles}
ratingText="Trusted by 200+ local Brisbane customers"
tagIcon={Zap}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Measured by Results"
title="Why Choose Us"
metrics={[
{ icon: Award, label: "Projects Completed", value: "150+" },
{ icon: Users, label: "Happy Clients", value: "85" },
{ icon: TrendingUp, label: "Growth Rate", value: "240%" },
{ icon: ShieldCheck, label: "Compliance Certified", value: "100%" },
{ icon: Award, label: "Years Experience", value: "15+" },
{ icon: Users, label: "Customer Satisfaction", value: "5 Star" },
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -78,97 +74,48 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Data Analytics", description: "Leverage advanced insights.", bentoComponent: "reveal-icon", icon: LineChart
},
{
title: "Team Collaboration", description: "Streamline complex workflows.", bentoComponent: "reveal-icon", icon: Users
},
{
title: "Security First", description: "Protect your digital assets.", bentoComponent: "reveal-icon", icon: ShieldCheck
},
{ title: "Air Conditioning", description: "Installation, servicing, and repairs for all major brands.", bentoComponent: "reveal-icon", icon: AirVent },
{ title: "Electrical Installations", description: "Complete wiring, lighting, and power solutions for your property.", bentoComponent: "reveal-icon", icon: Zap },
{ title: "Compliance Testing", description: "Mandatory safety checks and electrical compliance certification.", bentoComponent: "reveal-icon", icon: CheckCircle },
]}
title="Comprehensive Capabilities"
description="Our platform offers a suite of tools designed to optimize performance and drive consistent business results."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Microsoft", "Google", "Apple", "Amazon", "Tesla", "Adobe", "Salesforce"
]}
title="Trusted by Leaders"
description="Partnering with industry pioneers to deliver excellence."
title="Our Services"
description="We offer a full range of electrical and cooling services to ensure your property remains safe and comfortable."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Alice Johnson", role: "CEO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" },
{ id: "2", name: "Mark Stevens", role: "CTO", company: "Global Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-80.jpg" },
{ id: "3", name: "Emily Chen", role: "Manager", company: "Innovate Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
{ id: "4", name: "David Miller", role: "Founder", company: "Startup Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg" },
{ id: "5", name: "Sarah Lee", role: "Director", company: "Growth Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
{ id: "1", name: "Sarah M.", role: "Homeowner", company: "Brisbane North", rating: 5 },
{ id: "2", name: "James T.", role: "Business Owner", company: "CBD Offices", rating: 5 },
{ id: "3", name: "Lisa R.", role: "Property Manager", company: "Local Real Estate", rating: 5 },
]}
title="Client Success Stories"
description="See why top industry leaders choose our platform to scale their business operations."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "starter", badge: "Core", price: "$99", subtitle: "For small teams", features: ["Feature A", "Standard Support"] },
{ id: "pro", badge: "Pro", price: "$299", subtitle: "For growing businesses", features: ["Feature A & B", "Priority Support", "Analytics"] },
{ id: "enterprise", badge: "Elite", price: "$799", subtitle: "For large scale", features: ["All Features", "Dedicated Manager", "24/7 Access"] },
]}
title="Flexible Pricing Options"
description="Choose the perfect plan to accelerate your growth."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "How do we get started?", content: "Book a discovery call today." },
{ id: "f2", title: "Do you offer support?", content: "Yes, our team is available 24/7." },
{ id: "f3", title: "Is there a contract?", content: "We offer flexible monthly and annual options." },
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
sideDescription="Everything you need to know about our services and process."
title="What Our Customers Say"
description="Read about the experiences of our satisfied Brisbane clients."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Ready to elevate your business? Let's connect."
buttons={[{ text: "Contact Us", href: "/contact" }]}
useInvertedBackground={false}
text="Need a quote or urgent assistance? Get in touch today."
buttons={[{ text: "Call Us Now", href: "tel:0700000000" }, { text: "Email Us", href: "mailto:info@brisbaneelectrical.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Guides", href: "#" }] },
{ title: "Services", items: [{ label: "Air Conditioning", href: "#" }, { label: "Electrical Installations", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="NexCorp"
copyrightText="© 2025 | NexCorp"
logoText="Brisbane Electrical"
copyrightText="© 2025 Brisbane Electrical Compliance & Maintenance"
/>
</div>
</ReactLenis>