Compare commits
39 Commits
version_2
...
version_10
| Author | SHA1 | Date | |
|---|---|---|---|
| a31ad9ca4c | |||
| 6db8cba0b7 | |||
| f2e206b243 | |||
| 4a5b0c89ae | |||
| 11473dbe86 | |||
| 0295afd41f | |||
| db9636dc92 | |||
| 11f4e81ac2 | |||
| ab766e3da5 | |||
| 4fd9d53ef7 | |||
| 07b0099a0f | |||
| 79037b33d4 | |||
| 48192e25d3 | |||
| 2e7b356b47 | |||
| 7a0239543e | |||
| 9347199dea | |||
| 1b2bf5c2ef | |||
| 80849cf3ee | |||
| 0301663ea7 | |||
| 556f016ab8 | |||
| 5df93f5743 | |||
| 548c55dfd8 | |||
| 390d8d12b6 | |||
| d990b929a8 | |||
| 56b4606cd3 | |||
| 67abea773b | |||
| acb820b9ce | |||
| 11dab83a12 | |||
| 4f14ef154c | |||
| edd3d424ae | |||
| b0fa5708db | |||
| 4d2be1afdd | |||
| 8e5bf075ae | |||
| 72993673b2 | |||
| 411de9afb9 | |||
| 8e97195c0b | |||
| 7c7143b5c5 | |||
| 5c7bb8b2aa | |||
| 4a8dc117c1 |
107
src/app/page.tsx
107
src/app/page.tsx
@@ -8,9 +8,8 @@ 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 ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Instagram } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -37,8 +36,6 @@ export default function LandingPage() {
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Gallery", id: "#gallery"},
|
||||
{
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
@@ -50,7 +47,7 @@ export default function LandingPage() {
|
||||
logoAlt="Mr Boss Barber Logo"
|
||||
brandName="Mr Boss Barber"
|
||||
button={{
|
||||
text: "Book Now", href: "#contact"}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,31 +59,31 @@ export default function LandingPage() {
|
||||
description="Professional barbering experience in the heart of Bundoora. 4.9-Star Rated (233+ Reviews). Walk-Ins Welcome. Professional Barbers."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-white-bathrobe-with-coffee-mug-hand_1153-3746.jpg", imageAlt: "Professional barber cutting hair"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967222863-9xtjn66g.png", imageAlt: "Professional barber cutting hair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9654.jpg", imageAlt: "Sharp skin fade haircut"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967163473-tmekqob3.png", imageAlt: "Sharp skin fade haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg", imageAlt: "Relaxing hot towel shave"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967404845-2q1qbq4a.png", imageAlt: "Relaxing hot towel shave"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-washing-clients-hair-barbershop_613910-5471.jpg", imageAlt: "Barber tools and client"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967370850-xf0gpbbo.png", imageAlt: "Barber tools and client"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traveller-browsing-tablet-lobby_482257-76754.jpg", imageAlt: "Modern barber shop interior"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967256360-jov14p5s.png", imageAlt: "Modern barber shop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-hair-salon_23-2150665446.jpg", imageAlt: "Dynamic haircut action shot"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967234884-cthbwprf.png", imageAlt: "Dynamic haircut action shot"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frowning-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-stretching-out-straight-razor-with-shaving-cream-put-his-face_141793-98473.jpg", imageAlt: "Professional barber working"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967519293-g8np4l83.png", imageAlt: "Professional barber working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg", imageAlt: "Man getting beard trimmed"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967480313-4nyi237f.png", imageAlt: "Man getting beard trimmed"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "Empty elegant barber chair"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967511902-6yw3oa96.png", imageAlt: "Empty elegant barber chair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg", imageAlt: "Barber shop storefront"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968196743-azcxhz52.png", imageAlt: "Barber shop storefront"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-16006.jpg", imageAlt: "Close up of barber clippers"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967489260-4xbxu1w9.png", imageAlt: "Close up of barber clippers"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pastor-praying-with-rosary_23-2149300857.jpg", imageAlt: "Stylish man with fresh fade"},
|
||||
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={[
|
||||
@@ -97,19 +94,6 @@ export default function LandingPage() {
|
||||
]}
|
||||
buttonAnimation="none"
|
||||
carouselPosition="right"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Male client headshot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg", alt: "Professional barber portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Satisfied client smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-serious-middle-age-bearded-male-dressed-plaid-flannel-shirt-grey-background_613910-16272.jpg", alt: "Stylish man with beard"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-ginger-beard-apron-gloves-holding-knife_273609-20983.jpg", alt: "Barber team member"},
|
||||
]}
|
||||
avatarText="Trusted by 233+ clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Precision Craftsmanship"},
|
||||
@@ -135,33 +119,24 @@ export default function LandingPage() {
|
||||
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 $50"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg", imageAlt: "Skin fade haircut"},
|
||||
"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: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg", imageAlt: "Modern haircut"},
|
||||
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: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg", imageAlt: "Beard trim"},
|
||||
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: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313042.jpg", imageAlt: "Hair line-up"},
|
||||
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 $30"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg", imageAlt: "Kids haircut"},
|
||||
{
|
||||
id: "hot-towel-shaves", title: "Hot Towel Shaves", author: "Ultimate Relaxation", description: "Indulge in a luxurious hot towel shave, a timeless tradition for ultimate comfort and a remarkably smooth finish.", tags: [
|
||||
"Starting at $50"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg", imageAlt: "Hot towel shave"},
|
||||
{
|
||||
id: "styling-grooming", title: "Styling & Grooming", author: "Finish Your Look", description: "Expert product recommendations and styling tips to maintain your boss-level look long after you leave the chair.", tags: [
|
||||
"Starting at $15"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435188.jpg", imageAlt: "Hair styling"},
|
||||
"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."
|
||||
@@ -177,39 +152,11 @@ export default function LandingPage() {
|
||||
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="http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg"
|
||||
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="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "fade-1", name: "The High Fade", price: "From $40", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-man-touches-his-beard-with-his-hand_169016-25532.jpg", imageAlt: "Client with a sharp high fade haircut"},
|
||||
{
|
||||
id: "interior-1", name: "Shop Interior", price: "", variant: "Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-barber-s-hand-with-shaving-brush_23-2147839815.jpg", imageAlt: "Luxurious barber shop interior design"},
|
||||
{
|
||||
id: "haircut-1", name: "Textured Crop", price: "From $35", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg", imageAlt: "Client with a modern textured crop haircut"},
|
||||
{
|
||||
id: "beard-1", name: "Defined Beard", price: "From $25", variant: "Sculpted", imageSrc: "http://img.b2bpic.net/free-photo/front-view-shirtless-man-with-shaving-cream-his-face_23-2148692247.jpg", imageAlt: "Client with a perfectly defined beard trim"},
|
||||
{
|
||||
id: "transformation-1", name: "Fresh Look", price: "", variant: "Transformation", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg", imageAlt: "Client looking confident after a haircut"},
|
||||
{
|
||||
id: "lifestyle-1", name: "Barber Life", price: "", variant: "Community", imageSrc: "http://img.b2bpic.net/free-photo/drunk-friends-call-waiter_171337-19383.jpg", imageAlt: "Barber interacting with clients in the shop"},
|
||||
]}
|
||||
title="Our Signature Style & Craft"
|
||||
description="Explore our gallery of premium fades, fresh haircuts, and expert beard trims that define the Mr Boss Barber standard."
|
||||
tagAnimation="none"
|
||||
buttonAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
@@ -220,11 +167,11 @@ export default function LandingPage() {
|
||||
{
|
||||
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: "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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1780039987841-pntpeax9.webp", 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/cute-lady-holding-idea-board-looking-camera_114579-92435.jpg", imageAlt: "Satisfied client Oscar B."},
|
||||
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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1780039900811-89yg92wy.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."
|
||||
@@ -270,13 +217,13 @@ export default function LandingPage() {
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "service", label: "Select Service", options: [
|
||||
"Skin Fade", "Haircut", "Beard Trim", "Line-Up", "Kids Cut", "Hot Towel Shave", "Styling & Grooming"],
|
||||
"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="http://img.b2bpic.net/free-photo/parking-entrance_1150-10839.jpg"
|
||||
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"
|
||||
@@ -300,4 +247,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user