Compare commits
19 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5df93f5743 | |||
| 548c55dfd8 | |||
| 390d8d12b6 | |||
| d990b929a8 | |||
| 56b4606cd3 | |||
| 67abea773b | |||
| acb820b9ce | |||
| 11dab83a12 | |||
| 4f14ef154c | |||
| edd3d424ae | |||
| b0fa5708db | |||
| 4d2be1afdd | |||
| 8e5bf075ae | |||
| 72993673b2 | |||
| 411de9afb9 | |||
| 8e97195c0b | |||
| 7c7143b5c5 | |||
| 5c7bb8b2aa | |||
| 4a8dc117c1 |
@@ -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"},
|
||||
{
|
||||
@@ -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,25 +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"},
|
||||
"Starting at $40"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968576929-rz82z2ng.png", 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"],
|
||||
@@ -182,34 +165,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</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"
|
||||
@@ -276,7 +231,7 @@ export default function LandingPage() {
|
||||
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 +255,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user