Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
232
src/app/page.tsx
232
src/app/page.tsx
@@ -30,90 +30,59 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Pueblo Barber Shop"
|
||||
button={{
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Timeless Style for the Modern Man"
|
||||
description="At Pueblo Barber Shop, we blend traditional craftsmanship with modern techniques to ensure you leave looking sharp and feeling confident."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg"
|
||||
imageAlt="Barbershop interior vintage style"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg",
|
||||
alt: "Close-up of washbasin",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg", alt: "Close-up of washbasin"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg",
|
||||
alt: "Barber shop tools arrangement",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg", alt: "Barber shop tools arrangement"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg",
|
||||
alt: "Hairclips and scissors in bag",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", alt: "Hairclips and scissors in bag"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg",
|
||||
alt: "Hairdressing chair in vintage barber shop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg", alt: "Hairdressing chair in vintage barber shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
|
||||
alt: "Barbershop interior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Barbershop interior"},
|
||||
]}
|
||||
avatarText="Trusted by our local community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cutting",
|
||||
},
|
||||
type: "text", text: "Precision Cutting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Shaves",
|
||||
},
|
||||
type: "text", text: "Classic Shaves"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Style",
|
||||
},
|
||||
type: "text", text: "Modern Style"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Care",
|
||||
},
|
||||
type: "text", text: "Premium Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Grooming",
|
||||
},
|
||||
type: "text", text: "Expert Grooming"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,17 +94,11 @@ export default function LandingPage() {
|
||||
description="Established with a passion for precision, our barbershop is a sanctuary for those who value quality and tradition. We don't just cut hair; we curate style."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years of Expertise",
|
||||
},
|
||||
value: "15+", title: "Years of Expertise"},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Satisfied Clients",
|
||||
},
|
||||
value: "10k+", title: "Satisfied Clients"},
|
||||
{
|
||||
value: "5",
|
||||
title: "Master Barbers",
|
||||
},
|
||||
value: "5", title: "Master Barbers"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-bearded-young-man-sitting-cafe-using-mobile-phone_23-2148176693.jpg"
|
||||
imageAlt="Barbershop chair interior"
|
||||
@@ -151,50 +114,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "classic",
|
||||
title: "Classic Cut",
|
||||
price: "$35",
|
||||
period: "session",
|
||||
features: [
|
||||
"Precision haircut",
|
||||
"Hot towel treatment",
|
||||
"Neck shave",
|
||||
],
|
||||
id: "classic", title: "Classic Cut", price: "$35", period: "session", features: [
|
||||
"Precision haircut", "Hot towel treatment", "Neck shave"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-groomed_23-2149220567.jpg",
|
||||
},
|
||||
text: "Book Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-groomed_23-2149220567.jpg"},
|
||||
{
|
||||
id: "shave",
|
||||
title: "Royal Shave",
|
||||
price: "$45",
|
||||
period: "session",
|
||||
features: [
|
||||
"Straight razor shave",
|
||||
"Facial treatment",
|
||||
"Cold compress",
|
||||
],
|
||||
id: "shave", title: "Royal Shave", price: "$45", period: "session", features: [
|
||||
"Straight razor shave", "Facial treatment", "Cold compress"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186495.jpg",
|
||||
},
|
||||
text: "Book Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186495.jpg"},
|
||||
{
|
||||
id: "full",
|
||||
title: "The Full Pueblo",
|
||||
price: "$75",
|
||||
period: "session",
|
||||
features: [
|
||||
"Classic cut + shave",
|
||||
"Beard trim",
|
||||
"Scalp massage",
|
||||
],
|
||||
id: "full", title: "The Full Pueblo", price: "$75", period: "session", features: [
|
||||
"Classic cut + shave", "Beard trim", "Scalp massage"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
},
|
||||
text: "Book Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg"},
|
||||
]}
|
||||
title="Premium Services"
|
||||
description="Choose your perfect grooming package."
|
||||
@@ -209,40 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Miguel",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-male-barber-uniform-holding-hair-clippers-showing-peace-gesture-isolated-pink-wall_141793-103187.jpg",
|
||||
imageAlt: "Barber man portrait",
|
||||
},
|
||||
id: "t1", name: "Miguel", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-male-barber-uniform-holding-hair-clippers-showing-peace-gesture-isolated-pink-wall_141793-103187.jpg", imageAlt: "Barber man portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
|
||||
imageAlt: "Young professional barber",
|
||||
},
|
||||
id: "t2", name: "Elena", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", imageAlt: "Young professional barber"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David",
|
||||
role: "Barber Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strict-slavic-middle-aged-male-barber-uniform-combing-beard-holding-scissors-isolated-purple-wall_141793-86101.jpg",
|
||||
imageAlt: "Experienced barber master",
|
||||
},
|
||||
id: "t3", name: "David", role: "Barber Stylist", imageSrc: "http://img.b2bpic.net/free-photo/strict-slavic-middle-aged-male-barber-uniform-combing-beard-holding-scissors-isolated-purple-wall_141793-86101.jpg", imageAlt: "Experienced barber master"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Carlos",
|
||||
role: "Junior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-smiling-showing-thumbs-up_141793-37334.jpg",
|
||||
imageAlt: "Professional barber man smiling",
|
||||
},
|
||||
id: "t4", name: "Carlos", role: "Junior Barber", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-smiling-showing-thumbs-up_141793-37334.jpg", imageAlt: "Professional barber man smiling"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia",
|
||||
role: "Barber Apprentice",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-barber-wearing-uniform-glasses-looking-camera-showing-credit-card-scissors-isolated-blue-background_141793-138556.jpg",
|
||||
imageAlt: "Young barber with scissors",
|
||||
},
|
||||
id: "t5", name: "Sofia", role: "Barber Apprentice", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-barber-wearing-uniform-glasses-looking-camera-showing-credit-card-scissors-isolated-blue-background_141793-138556.jpg", imageAlt: "Young barber with scissors"},
|
||||
]}
|
||||
title="Meet Our Master Barbers"
|
||||
description="Our team of professionals is dedicated to the craft of grooming, ensuring excellence in every detail."
|
||||
@@ -254,30 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus A.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-black-polo-shirt-swinging-paint-brush-with-aggressive-expression-standing-white-background_141793-20662.jpg",
|
||||
},
|
||||
id: "t1", name: "Marcus A.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-black-polo-shirt-swinging-paint-brush-with-aggressive-expression-standing-white-background_141793-20662.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg",
|
||||
},
|
||||
id: "t2", name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286037.jpg",
|
||||
},
|
||||
id: "t3", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286037.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chris P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing-round-sunglasses_158538-5337.jpg",
|
||||
},
|
||||
id: "t4", name: "Chris P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing-round-sunglasses_158538-5337.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Daniel S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg",
|
||||
},
|
||||
id: "t5", name: "Daniel S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -289,8 +185,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Visit Pueblo Barber Shop"
|
||||
description="Book your chair today and experience the best shave of your life. Located in the heart of town."
|
||||
@@ -306,46 +201,29 @@ export default function LandingPage() {
|
||||
logoText="Pueblo Barber Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "123 Main St, Anytown",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Main St, Anytown", href: "#"},
|
||||
{
|
||||
label: "contact@pueblo.barber",
|
||||
href: "mailto:contact@pueblo.barber",
|
||||
},
|
||||
label: "contact@pueblo.barber", href: "mailto:contact@pueblo.barber"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user