Merge version_2 into main #2
224
src/app/page.tsx
224
src/app/page.tsx
@@ -4,15 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { CheckCircle, Star, Zap } from "lucide-react";
|
||||
import { Sparkles, CheckCircle, Zap, ShieldCheck, HeartHandshake } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,193 +30,95 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Clear View Vision"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "downward-rays-static-grid"}}
|
||||
title="Perfection You Can See. Quality You Can Trust."
|
||||
description="Premium window & gutter cleaning across Melbourne. Trusted by homeowners who want spotless, streak-free results — every time."
|
||||
kpis={[
|
||||
{
|
||||
value: "5.0 ★", label: "Rating"},
|
||||
{
|
||||
value: "100%", label: "Reliability"},
|
||||
{
|
||||
value: "1000+", label: "Projects"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
<HeroSplitDualMedia
|
||||
tag="Now Under New Ownership"
|
||||
tagIcon={Sparkles}
|
||||
title="Sparkling Clean Windows, Happy Family Homes"
|
||||
description="We bring a fresh, professional standard to Melbourne window and gutter cleaning. Experience the joy of a pristine, bright home with our family-focused, reliable service."
|
||||
background={{ variant: "downward-rays-static-grid" }}
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ local families"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now", href: "tel:0400000000"},
|
||||
{ text: "Book a Visit", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:0400000000" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/burj-khalifa-tower-this-skyscraper-is-tallest-man-made-structure-world-measuring-828-m-completed-2009_231208-7567.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-handsome-dark-haired-latin-man-posing-with-arms-folded-kitchen_74855-8094.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Client 5"},
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/family-playing-together-living-room_23-2148766155.jpg", imageAlt: "Happy family home" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509513.jpg", imageAlt: "Professional cleaning" },
|
||||
]}
|
||||
avatarText="Trusted by 1000+ local homes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Streak-Free Guarantee"},
|
||||
{
|
||||
type: "text", text: "Fully Insured"},
|
||||
{
|
||||
type: "text", text: "Same-Day Quotes"},
|
||||
{
|
||||
type: "text", text: "Eco-Friendly Products"},
|
||||
{
|
||||
type: "text", text: "Local Melbourne Business"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Melbourne Homes", "Bayside Estates", "Inner City Living", "Richmond Premium", "Brighton Prestige", "Hawthorn Quality", "Toorak Standards"]}
|
||||
title="Recognized Excellence"
|
||||
description="Trusted by leading Melbourne homeowners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
<FeatureCardNineteen
|
||||
tag="Our Expertise"
|
||||
title="Services That Keep Your Home Radiant"
|
||||
description="We care for your home with the same attention we'd give our own. Professional, safe, and family-friendly."
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{
|
||||
title: "Window Cleaning", description: "Interior & exterior, streak-free finish guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509513.jpg"},
|
||||
{
|
||||
title: "Gutter Cleaning", description: "Clear, protect, and prevent costly property damage.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg"},
|
||||
{
|
||||
title: "Glass & Pool Fencing", description: "Crystal-clear outdoor glass for your home oasis.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-stair-ladder-around-there_74190-8364.jpg"},
|
||||
{ tag: "Window Care", title: "Crystal Clear Views", subtitle: "Streak-free finish", description: "Interior and exterior window washing that leaves your home glowing.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cleaning-window-home_23-2148421869.jpg" },
|
||||
{ tag: "Property Care", title: "Gutter Health", subtitle: "Prevent water damage", description: "Safety-first gutter clearing to protect your foundations and roof.", imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-gutter-ladder_23-2148766188.jpg" },
|
||||
]}
|
||||
title="Comprehensive Care"
|
||||
description="We don’t just clean what you see — we perfect every detail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
textboxLayout="split-description"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100%", title: "Satisfaction", description: "Guaranteed quality on every single project.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "5.0", title: "Rating", description: "Highly rated by our Melbourne clients.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "24h", title: "Response", description: "Fast quotes within 24 hours.", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our commitment to excellence reflected in our work."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
<TestimonialCardOne
|
||||
title="What Families Are Saying"
|
||||
description="Join our community of satisfied homeowners who love their bright, clean views."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah J.", role: "Client", testimonial: "Attention to detail was outstanding. Incredible service.", imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg"},
|
||||
{
|
||||
id: "t2", name: "Michael C.", role: "Client", testimonial: "We’ve used many over the years… Damien is the best.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg"},
|
||||
{
|
||||
id: "t3", name: "Emily R.", role: "Client", testimonial: "Worked nearly four hours straight. Didn't miss a detail.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg"},
|
||||
{
|
||||
id: "t4", name: "David K.", role: "Client", testimonial: "Simply the most reliable cleaner we have had.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg"},
|
||||
{
|
||||
id: "t5", name: "Alex P.", role: "Client", testimonial: "Windows look brand new. Extremely impressed.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg"},
|
||||
{ id: "t1", name: "The Thompson Family", role: "Homeowners", company: "Melbourne Suburbs", rating: 5, testimonial: "Damian and his team are professional, friendly, and did an incredible job. The house feels brand new!" },
|
||||
{ id: "t2", name: "Julia M.", role: "Local Resident", company: "Bayside", rating: 5, testimonial: "Finally, a service that understands the importance of reliability and care. Simply excellent." },
|
||||
{ id: "t3", name: "Mark D.", role: "Property Manager", company: "Inner City", rating: 5, testimonial: "Consistent, safe, and high-quality results every single time we book them." },
|
||||
]}
|
||||
title="Loved By Homeowners"
|
||||
description="What our clients say about our attention to detail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Meet Damian"
|
||||
description="Clear View Vision is built on doing the job properly. Damian treats every property as if it were his own, ensuring meticulous attention to detail every time."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Obsessive Detail", description: "We don't cut corners."},
|
||||
{
|
||||
title: "Reliable Service", description: "Always on time, always professional."},
|
||||
{
|
||||
title: "Personalized Care", description: "Friendly service you can count on."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-loader-uniform-showing-victory-sign-looking-cheerful-front-view_176474-21409.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
<TestimonialAboutCard
|
||||
tag="Our Commitment"
|
||||
title="Under New Ownership with Heart"
|
||||
description="We believe a clean home is a happy home. Under our new ownership, we are doubling down on what matters most: transparent pricing, family-safe products, and building long-term relationships with our neighbors."
|
||||
subdescription="From our family to yours, we treat every property with respect, honesty, and professional diligence."
|
||||
icon={HeartHandshake}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-family-hugging-living-room_23-2148766155.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you provide free quotes?", content: "Yes, we provide free, no-obligation quotes within 24 hours."},
|
||||
{
|
||||
id: "f2", title: "Are you fully insured?", content: "Yes, we carry comprehensive insurance for your peace of mind."},
|
||||
{
|
||||
id: "f3", title: "Do you serve all of Melbourne?", content: "We cover a wide service area across Melbourne. Reach out to confirm your suburb."},
|
||||
{ id: "f1", title: "Is your service family-safe?", content: "Absolutely. We use eco-friendly products that are safe for children, pets, and your gardens." },
|
||||
{ id: "f2", title: "How can I schedule a cleaning?", content: "Simply reach out via the contact form or call us directly. We'll provide a transparent quote and get you on the schedule promptly." },
|
||||
{ id: "f3", title: "What makes your service different?", content: "We pride ourselves on our new management team's dedication to quality, customer care, and treating your home like our own." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our cleaning services."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Get Your Windows Looking Brand New. Fast quotes. Honest pricing. Exceptional results."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to brighten your home? Book your professional cleaning visit today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote", href: "#"},
|
||||
{
|
||||
text: "Call Now", href: "tel:0400000000"},
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
{ text: "Call 0400 000 000", href: "tel:0400000000" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -227,22 +127,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Clear View Vision"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Window Cleaning", href: "#services"},
|
||||
{
|
||||
label: "Gutter Cleaning", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Window Cleaning", href: "#services" }, { label: "Gutter Care", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Clear View Vision | Melbourne"
|
||||
/>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #FFFFFF;
|
||||
--card: #F5F5F5;
|
||||
--foreground: #111111;
|
||||
--primary-cta: #6EC1E4;
|
||||
--background: #fcf6ec;
|
||||
--card: #f3ede2;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #2e2521;
|
||||
--primary-cta-text: #FFFFFF;
|
||||
--secondary-cta: #FFFFFF;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #111111;
|
||||
--accent: #111111;
|
||||
--background-accent: #E2E2E2;
|
||||
--accent: #b2a28b;
|
||||
--background-accent: #b2a28b;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user