Merge version_1 into main #2
228
src/app/page.tsx
228
src/app/page.tsx
@@ -29,46 +29,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ 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",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ 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?_wi=1"
|
||||
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"
|
||||
/>
|
||||
@@ -81,77 +62,35 @@ export default function LandingPage() {
|
||||
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?_wi=1",
|
||||
},
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/blue-deep-water-sea-abstract-natural-background_87521-2891.jpg?_wi=2",
|
||||
imageAlt: "water ripple abstract blue",
|
||||
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?_wi=1",
|
||||
},
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cleaning-service-logo-template_23-2149206319.jpg?_wi=2",
|
||||
imageAlt: "concrete cleaning icon",
|
||||
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?_wi=1",
|
||||
},
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/spring-cleaning-tools_24908-56576.jpg?_wi=2",
|
||||
imageAlt: "patio cleaning icon",
|
||||
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?_wi=1",
|
||||
},
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/mining-industry-vintage-icons-set_1284-40149.jpg?_wi=2",
|
||||
imageAlt: "pavers cleaning icon",
|
||||
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?_wi=1",
|
||||
},
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/viricidal-bactericidal-cleaner-labels_23-2148530443.jpg?_wi=2",
|
||||
imageAlt: "window cleaning icon",
|
||||
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",
|
||||
},
|
||||
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,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cleaning-flat-banners-with-hands-detergents-tools-house-kitchen-window-cleaning_1284-6965.jpg?_wi=2",
|
||||
imageAlt: "house washing icon",
|
||||
},
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="We use professional-grade equipment to restore your home's exterior surfaces safely and efficiently."
|
||||
@@ -164,26 +103,10 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -196,46 +119,11 @@ export default function LandingPage() {
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
{ 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."
|
||||
@@ -247,7 +135,7 @@ export default function LandingPage() {
|
||||
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?_wi=2"
|
||||
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>
|
||||
@@ -255,17 +143,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:0400000000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -274,42 +157,19 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "True Shine",
|
||||
items: [
|
||||
{
|
||||
label: "Brisbane's Pressure Washing Specialists",
|
||||
href: "#",
|
||||
},
|
||||
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: "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: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "ABN: 12 345 678 901", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user