Merge version_1 into main #2
251
src/app/page.tsx
251
src/app/page.tsx
@@ -31,31 +31,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "The Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "The Team", id: "team"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
name: "Location", id: "location"},
|
||||
]}
|
||||
brandName="SH CUTZ"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
}}
|
||||
text: "Book Now", href: "#booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -65,80 +53,41 @@ export default function LandingPage() {
|
||||
description="Where every cut is a conversation, and every client leaves looking their best. Est. The Danforth, Toronto."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Shubham A.",
|
||||
handle: "Local Client",
|
||||
testimonial: "He really takes his time to understand what you want. Best cut in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=1",
|
||||
imageAlt: "modern luxury barbershop interior dark",
|
||||
},
|
||||
name: "Shubham A.", handle: "Local Client", testimonial: "He really takes his time to understand what you want. Best cut in the city.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg", imageAlt: "modern luxury barbershop interior dark"},
|
||||
{
|
||||
name: "Paul S.",
|
||||
handle: "Local Client",
|
||||
testimonial: "I left feeling fresh and confident. Amazing service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=2",
|
||||
imageAlt: "barber cutting hair professional",
|
||||
},
|
||||
name: "Paul S.", handle: "Local Client", testimonial: "I left feeling fresh and confident. Amazing service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg", imageAlt: "barber cutting hair professional"},
|
||||
{
|
||||
name: "Kyle P.",
|
||||
handle: "Local Client",
|
||||
testimonial: "Best haircut I've had in years. Will be a regular.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=1",
|
||||
imageAlt: "professional barber smiling",
|
||||
},
|
||||
name: "Kyle P.", handle: "Local Client", testimonial: "Best haircut I've had in years. Will be a regular.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg", imageAlt: "professional barber smiling"},
|
||||
{
|
||||
name: "Nirmal S.K.",
|
||||
handle: "Local Client",
|
||||
testimonial: "The attention to detail and vibe here are unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg?_wi=1",
|
||||
imageAlt: "modern barber workspace portrait",
|
||||
},
|
||||
name: "Nirmal S.K.", handle: "Local Client", testimonial: "The attention to detail and vibe here are unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg", imageAlt: "modern barber workspace portrait"},
|
||||
{
|
||||
name: "Dion A.",
|
||||
handle: "Local Client",
|
||||
testimonial: "Very particular with details for a sharp, clean look.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
|
||||
imageAlt: "man with stylish haircut",
|
||||
},
|
||||
name: "Dion A.", handle: "Local Client", testimonial: "Very particular with details for a sharp, clean look.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", imageAlt: "man with stylish haircut"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book Appointment", href: "#booking"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-hipster-male-dressed-black-t-shirt-holds-head-with-tattooed-arms_613910-9176.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-hipster-male-dressed-black-t-shirt-holds-head-with-tattooed-arms_613910-9176.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Join our 500+ happy clients"
|
||||
/>
|
||||
@@ -150,11 +99,8 @@ export default function LandingPage() {
|
||||
title="More Than Just A Haircut."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Our Shop",
|
||||
href: "#location",
|
||||
},
|
||||
text: "Visit Our Shop", href: "#location"},
|
||||
]}
|
||||
description="At SH Cutz, we believe a barber shop should be a sanctuary. We blend traditional grooming techniques with modern style, ensuring that everyone who steps onto our floor walks out feeling like the best version of themselves."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -165,67 +111,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Classic Haircut",
|
||||
description: "Tailored to your style and preferences with a professional touch.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=4",
|
||||
imageAlt: "Classic haircut",
|
||||
},
|
||||
title: "Classic Haircut", description: "Tailored to your style and preferences with a professional touch.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg", imageAlt: "Classic haircut"},
|
||||
items: [
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Precise cut",
|
||||
},
|
||||
text: "Precise cut"},
|
||||
{
|
||||
icon: User,
|
||||
text: "Personalized consultation",
|
||||
},
|
||||
text: "Personalized consultation"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg",
|
||||
imageAlt: "man portrait stylish fade",
|
||||
},
|
||||
{
|
||||
title: "Skin Fade",
|
||||
description: "Clean, sharp, and signature precision for a modern aesthetic.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=5",
|
||||
imageAlt: "Skin fade",
|
||||
},
|
||||
title: "Skin Fade", description: "Clean, sharp, and signature precision for a modern aesthetic.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg", imageAlt: "Skin fade"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Modern look",
|
||||
},
|
||||
text: "Modern look"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Sharp edges",
|
||||
},
|
||||
text: "Sharp edges"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg",
|
||||
imageAlt: "cool hairstyle man portrait",
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Sculpted to suit your jawline perfectly with premium products.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=6",
|
||||
imageAlt: "Beard grooming",
|
||||
},
|
||||
title: "Beard Grooming", description: "Sculpted to suit your jawline perfectly with premium products.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg", imageAlt: "Beard grooming"},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Detail focused",
|
||||
},
|
||||
text: "Detail focused"},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Professional care",
|
||||
},
|
||||
text: "Professional care"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg",
|
||||
imageAlt: "man portrait clean cut",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -241,26 +163,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Semir",
|
||||
role: "Founder & Master Barber",
|
||||
description: "Mastering the craft with years of experience and sharp precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Semir", role: "Founder & Master Barber", description: "Mastering the craft with years of experience and sharp precision.", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Efe",
|
||||
role: "Style Specialist",
|
||||
description: "Energy, style, and precision for every unique client.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Efe", role: "Style Specialist", description: "Energy, style, and precision for every unique client.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Join Us",
|
||||
role: "Looking for barbers",
|
||||
description: "We are growing. Join our team of experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg?_wi=3",
|
||||
},
|
||||
id: "3", name: "Join Us", role: "Looking for barbers", description: "We are growing. Join our team of experts.", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg"},
|
||||
]}
|
||||
title="The Craftsmen"
|
||||
description="Meet the team that keeps the Danforth looking sharp."
|
||||
@@ -275,25 +182,15 @@ export default function LandingPage() {
|
||||
author="Paul S."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-grey-background_613910-10286.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-hipster-male-dressed-black-t-shirt-holds-head-with-tattooed-arms_613910-9176.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-hipster-male-dressed-black-t-shirt-holds-head-with-tattooed-arms_613910-9176.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -304,76 +201,50 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Ready to get looking sharp? Book your appointment at SH Cutz today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1416",
|
||||
},
|
||||
text: "Call Now", href: "tel:+1416"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:shcutz@gmail.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:shcutz@gmail.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg?_wi=7"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairstyle-supplies_1157-7704.jpg"
|
||||
logoText="SH CUTZ"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "The Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "The Team", href: "#team"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#location",
|
||||
},
|
||||
label: "Location", href: "#location"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon-Sat: 9am-7pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Sat: 9am-7pm", href: "#"},
|
||||
{
|
||||
label: "Sun: 10am-5pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sun: 10am-5pm", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#booking",
|
||||
},
|
||||
label: "Book Now", href: "#booking"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user