183 lines
8.4 KiB
TypeScript
183 lines
8.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="TRUE SHINE"
|
|
button={{ text: "Get a Quote", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{ variant: "sparkles-gradient" }}
|
|
logoText="TRUE SHINE"
|
|
description="Professional pressure washing for driveways, patios, pavers, windows & more — Brisbane-wide."
|
|
buttons={[
|
|
{ text: "Get a Free Quote", href: "#contact" },
|
|
{ text: "See Our Work", href: "#services" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-vector/blue-deep-water-sea-abstract-natural-background_87521-2891.jpg"
|
|
imageAlt="Abstract water ripple shine effect"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "s1", title: "Driveway Cleaning", description: "High-pressure clean for concrete and asphalt.", media: { imageSrc: "http://img.b2bpic.net/free-vector/cleaning-service-logo-template_23-2149206319.jpg", imageAlt: "concrete cleaning icon" },
|
|
items: [],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "s2", title: "Patio & Pergola", description: "Gently removing mold and dirt build-up.", media: { imageSrc: "http://img.b2bpic.net/free-vector/spring-cleaning-tools_24908-56576.jpg", imageAlt: "patio cleaning icon" },
|
|
items: [],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "s3", title: "Paver Restoration", description: "Bringing life back to your outdoor paths.", media: { imageSrc: "http://img.b2bpic.net/free-vector/mining-industry-vintage-icons-set_1284-40149.jpg", imageAlt: "pavers cleaning icon" },
|
|
items: [],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "s4", title: "Window Cleaning", description: "Streak-free clarity for your glass.", media: { imageSrc: "http://img.b2bpic.net/free-vector/viricidal-bactericidal-cleaner-labels_23-2148530443.jpg", imageAlt: "window cleaning icon" },
|
|
items: [],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "s5", title: "House Washing", description: "Soft-wash techniques for siding.", media: { imageSrc: "http://img.b2bpic.net/free-vector/cleaning-flat-banners-with-hands-detergents-tools-house-kitchen-window-cleaning_1284-6965.jpg", imageAlt: "house washing icon" },
|
|
items: [],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "s6", title: "Pre-Sale Cleaning", description: "Maximum curb appeal to add property value.", media: { imageSrc: "http://img.b2bpic.net/free-vector/world-water-day-infographic_23-2148847345.jpg", imageAlt: "property clean icon" },
|
|
items: [],
|
|
reverse: true
|
|
}
|
|
]}
|
|
title="Professional Services"
|
|
description="We use professional-grade equipment to restore your home's exterior surfaces safely and efficiently."
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Why Choose True Shine"
|
|
tag="Our Commitment"
|
|
metrics={[
|
|
{ id: "m1", value: "⚡", description: "Same-Week Bookings" },
|
|
{ id: "m2", value: "💬", description: "Honest Pricing" },
|
|
{ id: "m3", value: "⭐", description: "5-Star Rated" },
|
|
{ id: "m4", value: "🛡️", description: "Fully Insured" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Jeffrey J.", role: "Homeowner", company: "Brisbane", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6777.jpg" },
|
|
{ id: "t2", name: "Katie", role: "Homeowner", company: "Brisbane", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg" },
|
|
{ id: "t3", name: "Eric H.", role: "Homeowner", company: "Brisbane", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg" },
|
|
{ id: "t4", name: "Alice W.", role: "Homeowner", company: "Brisbane", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg" },
|
|
{ id: "t5", name: "Mark D.", role: "Property Manager", company: "Brisbane", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6777.jpg" },
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Real results for real homes across Brisbane."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Meet Lucas"
|
|
description="As a local Brisbane resident, I take immense pride in helping our community maintain beautiful properties. True Shine isn't a massive, faceless corporation — it's me, Lucas, showing up on time, providing honest pricing, and delivering top-tier cleaning results. With 20+ satisfied customers and growing, I treat every surface like my own."
|
|
imageSrc="http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg"
|
|
imageAlt="Lucas, the owner of True Shine"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Get In Touch"
|
|
title="Get Your Free Quote Today"
|
|
description="Ready to restore your shine? Reach out for a free, no-obligation quote. We typically respond within 2 hours. Phone: 04XX XXX XXX | Email: hello@trueshine.com.au"
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:0400000000" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "True Shine", items: [{ label: "Brisbane's Pressure Washing Specialists", href: "#" }],
|
|
},
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "ABN: 12 345 678 901", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 True Shine Pressure Washing"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|