Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| edf33872e0 | |||
| f5a0a20dfb |
304
src/app/page.tsx
304
src/app/page.tsx
@@ -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 (
|
||||
@@ -32,90 +29,42 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ 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"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
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: "http://img.b2bpic.net/free-photo/sharing-new-ideas_1098-14952.jpg",
|
||||
imageAlt: "Sharing new ideas",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-interior-with-glass-walls_9975-135688.jpg",
|
||||
imageAlt: "Modern Office Interior with Glass Walls",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-scene-skyline-morning-view-metropolis-concept_53876-23186.jpg",
|
||||
imageAlt: "Urban Scene Skyline Morning View Metropolis Concept",
|
||||
},
|
||||
{ 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>
|
||||
|
||||
@@ -125,228 +74,51 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Data Analytics",
|
||||
description: "Leverage advanced insights.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: LineChart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unsuitable-furious-woman-gets-angry-after-getting-rejected-from-job-offer_482257-116761.jpg",
|
||||
imageAlt: "Unsuitable furious woman gets angry after getting rejected from the job offer",
|
||||
},
|
||||
{
|
||||
title: "Team Collaboration",
|
||||
description: "Streamline complex workflows.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg",
|
||||
imageAlt: "Unsuitable furious woman gets angry after getting rejected from the job offer",
|
||||
},
|
||||
{
|
||||
title: "Security First",
|
||||
description: "Protect your digital assets.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_1262-3035.jpg",
|
||||
imageAlt: "Unsuitable furious woman gets angry after getting rejected from the job offer",
|
||||
},
|
||||
{ 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
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Ready to elevate your business? Let's connect."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user