Merge version_1 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Almog's Barbershop"
|
||||
/>
|
||||
@@ -63,98 +51,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="Almog's Barbershop: Precision Grooming"
|
||||
description="Where tradition meets modern style. Experience elite haircuts, shaves, and grooming services in a premium setting."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Best haircut I have ever had. Almog is a true artist.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg?_wi=1",
|
||||
},
|
||||
name: "John D.", handle: "@johnd", testimonial: "Best haircut I have ever had. Almog is a true artist.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg"},
|
||||
{
|
||||
name: "Mike S.",
|
||||
handle: "@mikes",
|
||||
testimonial: "Consistent, professional, and friendly atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg?_wi=1",
|
||||
},
|
||||
name: "Mike S.", handle: "@mikes", testimonial: "Consistent, professional, and friendly atmosphere.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg"},
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "The attention to detail is unmatched in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg?_wi=1",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexr", testimonial: "The attention to detail is unmatched in the city.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "A classic experience that never disappoints.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg?_wi=1",
|
||||
},
|
||||
name: "David W.", handle: "@davidw", testimonial: "A classic experience that never disappoints.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg"},
|
||||
{
|
||||
name: "Eddie H.",
|
||||
handle: "@eddieh",
|
||||
testimonial: "Always leave the shop feeling like a new man.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg?_wi=1",
|
||||
},
|
||||
name: "Eddie H.", handle: "@eddieh", testimonial: "Always leave the shop feeling like a new man.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg"
|
||||
imageAlt="Professional Barbershop Service"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
},
|
||||
type: "text", text: "Precision Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Shaves",
|
||||
},
|
||||
type: "text", text: "Classic Shaves"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Grooming",
|
||||
},
|
||||
type: "text", text: "Beard Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products",
|
||||
},
|
||||
type: "text", text: "Premium Products"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Barbers",
|
||||
},
|
||||
type: "text", text: "Expert Barbers"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,7 +112,7 @@ export default function LandingPage() {
|
||||
description="With over 10 years of experience, Almog’s Barbershop combines classic techniques with contemporary trends to ensure every client leaves looking their absolute best."
|
||||
subdescription="Dedicated to quality, hygiene, and the art of the barber."
|
||||
icon={Scissors}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-barbershop_1303-5414.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-barbershop_1303-5414.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -179,35 +124,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircut",
|
||||
description: "Customized cuts tailored to your unique style and hair type.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg?_wi=2",
|
||||
imageAlt: "barbershop interior modern classic",
|
||||
},
|
||||
title: "Precision Haircut", description: "Customized cuts tailored to your unique style and hair type.", bentoComponent: { bentoComponent: "reveal-icon", icon: Scissors },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg", imageAlt: "barbershop interior modern classic"},
|
||||
{
|
||||
title: "Traditional Shave",
|
||||
description: "Experience a classic straight razor shave for the ultimate smooth finish.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5414.jpg?_wi=2",
|
||||
imageAlt: "barber expert hands grooming",
|
||||
},
|
||||
title: "Traditional Shave", description: "Experience a classic straight razor shave for the ultimate smooth finish.", bentoComponent: { bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5414.jpg", imageAlt: "barber expert hands grooming"},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Expert trimming and conditioning to define your signature look.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg?_wi=2",
|
||||
imageAlt: "happy client professional barber",
|
||||
},
|
||||
title: "Beard Grooming", description: "Expert trimming and conditioning to define your signature look.", bentoComponent: { bentoComponent: "reveal-icon", icon: Award },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", imageAlt: "happy client professional barber"},
|
||||
]}
|
||||
title="Our Grooming Services"
|
||||
description="We offer a range of services designed to keep you sharp."
|
||||
@@ -221,37 +145,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Quick",
|
||||
price: "$35",
|
||||
period: "/session",
|
||||
description: "The perfect touch-up.",
|
||||
button: {
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Precision Cut",
|
||||
"Neck Shave",
|
||||
],
|
||||
id: "p1", tag: "Quick", price: "$35", period: "/session", description: "The perfect touch-up.", button: {
|
||||
text: "Book", href: "#contact"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Precision Cut", "Neck Shave"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Popular",
|
||||
price: "$55",
|
||||
period: "/session",
|
||||
description: "The full premium package.",
|
||||
button: {
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Everything in Quick, plus:",
|
||||
features: [
|
||||
"Hot Towel Treatment",
|
||||
"Beard Trim",
|
||||
"Scalp Massage",
|
||||
],
|
||||
id: "p2", tag: "Popular", price: "$55", period: "/session", description: "The full premium package.", button: {
|
||||
text: "Book", href: "#contact"},
|
||||
featuresTitle: "Everything in Quick, plus:", features: [
|
||||
"Hot Towel Treatment", "Beard Trim", "Scalp Massage"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Grooming Experience"
|
||||
@@ -266,40 +169,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Architect",
|
||||
testimonial: "Consistently excellent haircuts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Architect", testimonial: "Consistently excellent haircuts.", imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ben T.",
|
||||
role: "Engineer",
|
||||
testimonial: "Great attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Ben T.", role: "Engineer", testimonial: "Great attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chris M.",
|
||||
role: "Designer",
|
||||
testimonial: "Almog is a master of the trade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Chris M.", role: "Designer", testimonial: "Almog is a master of the trade.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Teacher",
|
||||
testimonial: "Very professional setting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David W.", role: "Teacher", testimonial: "Very professional setting.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eddie H.",
|
||||
role: "Chef",
|
||||
testimonial: "My go-to spot for years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Eddie H.", role: "Chef", testimonial: "My go-to spot for years.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="See why locals trust us for their grooming."
|
||||
@@ -310,8 +188,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Schedule Your Appointment"
|
||||
description="Book your chair today. We're ready to serve you."
|
||||
@@ -325,29 +202,19 @@ export default function LandingPage() {
|
||||
logoText="Almog's Barbershop"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user