250 lines
15 KiB
TypeScript
250 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import { Instagram } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="grid"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#home"},
|
||
{
|
||
name: "Services", id: "#services"},
|
||
{
|
||
name: "About", id: "#about"},
|
||
{
|
||
name: "Reviews", id: "#reviews"},
|
||
{
|
||
name: "Instagram", id: "#instagram"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
logoSrc="http://img.b2bpic.net/free-psd/retro-male-gooming-facebook-template_23-2150206883.jpg"
|
||
logoAlt="Mr Boss Barber Logo"
|
||
brandName="Mr Boss Barber"
|
||
button={{
|
||
text: "Book Now", href: "#contact"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Premium Cuts. Sharp Fades. Boss-Level Grooming."
|
||
description="Professional barbering experience in the heart of Bundoora. 4.9-Star Rated (233+ Reviews). Walk-Ins Welcome. Professional Barbers."
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967222863-9xtjn66g.png", imageAlt: "Professional barber cutting hair"},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967163473-tmekqob3.png", imageAlt: "Sharp skin fade haircut"},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967404845-2q1qbq4a.png", imageAlt: "Relaxing hot towel shave"},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967370850-xf0gpbbo.png", imageAlt: "Barber tools and client"},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967256360-jov14p5s.png", imageAlt: "Modern barber shop interior"},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967234884-cthbwprf.png", imageAlt: "Dynamic haircut action shot"},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967519293-g8np4l83.png", imageAlt: "Professional barber working"},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967480313-4nyi237f.png", imageAlt: "Man getting beard trimmed"},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967511902-6yw3oa96.png", imageAlt: "Empty elegant barber chair"},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968196743-azcxhz52.png", imageAlt: "Barber shop storefront"},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967489260-4xbxu1w9.png", imageAlt: "Close up of barber clippers"},
|
||
{
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968007673-0096n7nj.png", imageAlt: "Stylish man with fresh fade"},
|
||
]}
|
||
tagAnimation="none"
|
||
buttons={[
|
||
{
|
||
text: "Book Appointment", href: "#contact"},
|
||
{
|
||
text: "Call Now", href: "tel:+61390084090"},
|
||
]}
|
||
buttonAnimation="none"
|
||
carouselPosition="right"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Precision Craftsmanship"},
|
||
{
|
||
type: "text", text: "Luxury Experience"},
|
||
{
|
||
type: "text", text: "Modern Style"},
|
||
{
|
||
type: "text", text: "Community Focused"},
|
||
{
|
||
type: "text", text: "Sharp Attention to Detail"},
|
||
]}
|
||
marqueeSpeed={30}
|
||
showMarqueeCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "skin-fades", title: "Skin Fades", author: "Precision Blends", description: "Achieve a seamless transition from skin to hair, crafted with meticulous detail for a sharp, clean look.", tags: [
|
||
"Starting at $40"],
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968389892-plzaj86z.png", imageAlt: "Skin fade haircut"},
|
||
{
|
||
id: "haircuts", title: "Haircuts", author: "Modern & Classic", description: "From contemporary styles to timeless classics, our barbers deliver expert cuts that enhance your personal style.", tags: [
|
||
"Starting at $35"],
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968445518-l4rf0e32.png", imageAlt: "Modern haircut"},
|
||
{
|
||
id: "beard-trims", title: "Beard Trims", author: "Sculpt & Define", description: "Perfectly sculpted beards and sharp line-ups to complement your cut and refine your facial features.", tags: [
|
||
"Starting at $25"],
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968533865-pbxtotqu.png", imageAlt: "Beard trim"},
|
||
{
|
||
id: "line-ups", title: "Line-Ups", author: "Crisp Edges", description: "Get razor-sharp lines and defined edges that elevate your haircut and create a polished finish.", tags: [
|
||
"Starting at $20"],
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968513002-n8xc76rr.png", imageAlt: "Hair line-up"},
|
||
{
|
||
id: "kids-cuts", title: "Kids Cuts", author: "Cool & Comfortable", description: "Stylish and comfortable haircuts for the younger generation, ensuring they leave looking their best.", tags: [
|
||
"Starting at $40"],
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968576929-rz82z2ng.png", imageAlt: "Kids haircut"},
|
||
]}
|
||
title="Our Boss-Level Grooming Services"
|
||
description="Experience precision cuts, sharp fades, and luxurious grooming tailored for the modern gentleman. Each service is delivered with unmatched skill and attention to detail."
|
||
tagAnimation="none"
|
||
buttonAnimation="none"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="The Mr Boss Barber Difference"
|
||
description="At Mr Boss Barber, we combine a passion for style with unmatched professionalism. Our skilled barbers are dedicated to delivering high-quality experiences in a clean, modern atmosphere. We're more than just a barber shop; we're a welcoming, community-focused hub where every client leaves feeling confident and sharp. Located in the heart of Bundoora, we are your destination for premium grooming."
|
||
tagAnimation="none"
|
||
buttonAnimation="none"
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1780037176557-joxfow3l.png"
|
||
imageAlt="Professional barber at work in Mr Boss Barber"
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardTen
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "Best Barber in Bundoora!", quote: "Mr Boss Barber consistently delivers top-notch cuts and an incredible experience. Always leave feeling fresh and confident. Highly recommend to everyone!", name: "Liam T.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/traveler-takes-breathtaking-mountain-landscape-beautiful-peaks_482257-125856.jpg", imageAlt: "Satisfied client Liam T."},
|
||
{
|
||
id: "2", title: "Premium Quality Every Time", quote: "The attention to detail and skill here is unmatched. It's more than just a haircut; it's a true grooming ritual. My fade is always perfect.", name: "Noah R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-hipster-businessman-model-wearing-casual-black-suit_158538-986.jpg", imageAlt: "Satisfied client Noah R."},
|
||
{
|
||
id: "3", title: "Stylish and Welcoming", quote: "The atmosphere is fantastic – luxury and masculine, yet incredibly welcoming. My son loves his kids cuts here too. A true gem in Bundoora.", name: "Ethan P.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-hipster-with-natural-makeup-short-haircut-enjoying-leisure-time-outdoors_158595-2728.jpg", imageAlt: "Satisfied client Ethan P."},
|
||
{
|
||
id: "4", title: "My Go-To Barber", quote: "Been coming here since they opened. The professionalism and quality never disappoint. They know exactly what I want every time. Boss level grooming indeed!", name: "Daniel K.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/office-manager_1098-14995.jpg", imageAlt: "Satisfied client Daniel K."},
|
||
{
|
||
id: "5", title: "Fantastic Experience", quote: "From the hot towel shave to the beard trim, every service is executed with precision and care. I always leave feeling relaxed and perfectly groomed.", name: "Oscar B.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-successful-man-suit_23-2149171221.jpg", imageAlt: "Satisfied client Oscar B."},
|
||
]}
|
||
title="What Our Clients Say"
|
||
description="With a 4.9-star rating from over 233 reviews, our community trusts us for exceptional service and results. Hear directly from those who experience the Mr Boss Barber difference."
|
||
tagAnimation="none"
|
||
buttonAnimation="none"
|
||
/>
|
||
</div>
|
||
|
||
<div id="instagram" data-section="instagram">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"#MrBossBarber", "#BundooraBarber", "#SkinFade", "#MensGrooming", "#FreshCuts", "#BarberLife", "#StyleGoals"]}
|
||
title="Stay Connected. Follow Our Journey."
|
||
description="Get daily doses of fresh cuts, shop vibes, and grooming inspiration. Follow us on Instagram for the latest updates, barber videos, and behind-the-scenes content."
|
||
tagAnimation="none"
|
||
buttons={[
|
||
{
|
||
text: "Follow Us On Instagram", href: "https://www.instagram.com/mrbossbarber/"},
|
||
]}
|
||
buttonAnimation="none"
|
||
speed={40}
|
||
showCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Book Your Boss-Level Experience"
|
||
description="Ready for a transformation? Schedule your appointment online or walk-in. We're conveniently located in Bundoora, Victoria, serving the community with exceptional barbering.\n\nAddress: 42–44 Copernicus Cres, Floor G · Polaris 3083, Bundoora VIC 3083\nPhone: (03) 9008 4090\n\nOpening Hours:\nMon - Fri: 9AM - 6PM\nSat: 9AM - 5PM\nSun: Closed"
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||
},
|
||
{
|
||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||
},
|
||
{
|
||
name: "email", type: "email", placeholder: "Email Address", required: false,
|
||
},
|
||
]}
|
||
multiSelect={{
|
||
name: "service", label: "Select Service", options: [
|
||
"Skin Fade", "Haircut", "Beard Trim", "Line-Up", "Kids Cut", "Hot Towel Shave"],
|
||
}}
|
||
textarea={{
|
||
name: "message", placeholder: "Any special requests or details?", rows: 4,
|
||
required: false,
|
||
}}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968980622-73am4ymf.png"
|
||
imageAlt="Google Maps embed of Mr Boss Barber location in Bundoora"
|
||
mediaAnimation="none"
|
||
mediaPosition="right"
|
||
buttonText="Book Appointment"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoSrc="http://img.b2bpic.net/free-psd/retro-male-gooming-facebook-template_23-2150206883.jpg"
|
||
logoAlt="Mr Boss Barber Logo"
|
||
logoText="Mr Boss Barber"
|
||
copyrightText="© 2024 Mr Boss Barber. All rights reserved."
|
||
socialLinks={[
|
||
{
|
||
icon: Instagram,
|
||
href: "https://www.instagram.com/mrbossbarber/", ariaLabel: "Instagram"},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |