Merge version_1 into main #2
278
src/app/page.tsx
278
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Services", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Alshami Barbershop"
|
||||
/>
|
||||
@@ -55,106 +47,58 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Excellence at Alshami Barbershop"
|
||||
description="Where tradition meets modern style. Experience premium grooming services tailored to your individual look."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ahmed K.",
|
||||
handle: "@ahmedk",
|
||||
testimonial: "The best haircut in town, truly professional service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern wooden decor",
|
||||
},
|
||||
name: "Ahmed K.", handle: "@ahmedk", testimonial: "The best haircut in town, truly professional service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg", imageAlt: "barber shop interior modern wooden decor"},
|
||||
{
|
||||
name: "Omar S.",
|
||||
handle: "@omars",
|
||||
testimonial: "I always leave feeling fresh and looking sharp. Great attention to detail!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-stylist-with-scissors_23-2148242808.jpg",
|
||||
imageAlt: "expert barber haircut close up",
|
||||
},
|
||||
name: "Omar S.", handle: "@omars", testimonial: "I always leave feeling fresh and looking sharp. Great attention to detail!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-stylist-with-scissors_23-2148242808.jpg", imageAlt: "expert barber haircut close up"},
|
||||
{
|
||||
name: "Zaid M.",
|
||||
handle: "@zaidm",
|
||||
testimonial: "Fantastic barbershop with a welcoming and stylish atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-scissors-grey-background_23-2147839856.jpg?_wi=1",
|
||||
imageAlt: "haircut tool brush premium",
|
||||
},
|
||||
name: "Zaid M.", handle: "@zaidm", testimonial: "Fantastic barbershop with a welcoming and stylish atmosphere.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-scissors-grey-background_23-2147839856.jpg", imageAlt: "haircut tool brush premium"},
|
||||
{
|
||||
name: "Khalid R.",
|
||||
handle: "@khalidr",
|
||||
testimonial: "Exceptional service every time. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-men-s-beauty-masculinity-concept-emotional-young-brunette-man-white-t-shirt-holding-shaving-razor-having-nervous-facial-expression-biting-nails-scared-shave-first-time_343059-4570.jpg?_wi=1",
|
||||
imageAlt: "shaving brush bowl lather",
|
||||
},
|
||||
name: "Khalid R.", handle: "@khalidr", testimonial: "Exceptional service every time. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-men-s-beauty-masculinity-concept-emotional-young-brunette-man-white-t-shirt-holding-shaving-razor-having-nervous-facial-expression-biting-nails-scared-shave-first-time_343059-4570.jpg", imageAlt: "shaving brush bowl lather"},
|
||||
{
|
||||
name: "Layla F.",
|
||||
handle: "@laylaf",
|
||||
testimonial: "The staff are so friendly, and my husband always looks great!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27179.jpg?_wi=1",
|
||||
imageAlt: "man hair wash sink salon",
|
||||
},
|
||||
name: "Layla F.", handle: "@laylaf", testimonial: "The staff are so friendly, and my husband always looks great!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27179.jpg", imageAlt: "man hair wash sink salon"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg"
|
||||
imageAlt="Luxurious barber shop environment"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-male-talking-phone_23-2148729703.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-male-talking-phone_23-2148729703.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-wearing-denim-jacket-standing-against-black-surface_23-2148176659.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-wearing-denim-jacket-standing-against-black-surface_23-2148176659.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-brutal-bearded-male-grey-vignette-background_613910-1309.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-brutal-bearded-male-grey-vignette-background_613910-1309.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-male-talking-phone_23-2148729703.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-male-talking-phone_23-2148729703.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
type: "text", text: "Precision Cuts"},
|
||||
{
|
||||
type: "text-icon", text: "Classic Shaves", icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Classic Shaves",
|
||||
icon: Scissors,
|
||||
type: "text", text: "Premium Grooming"},
|
||||
{
|
||||
type: "text-icon", text: "Styling Experts", icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Grooming",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Styling Experts",
|
||||
icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Experience",
|
||||
},
|
||||
type: "text", text: "Luxury Experience"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,20 +108,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Story and Vision",
|
||||
},
|
||||
type: "text", content: "Our Story and Vision"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hair-stylist-with-scissors_23-2148242808.jpg",
|
||||
alt: "Barber craft",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-hair-stylist-with-scissors_23-2148242808.jpg", alt: "Barber craft"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -189,67 +126,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Cuts",
|
||||
description: "Expert haircuts designed to frame your face and match your lifestyle.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-scissors-grey-background_23-2147839856.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Precision Cuts", description: "Expert haircuts designed to frame your face and match your lifestyle.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-scissors-grey-background_23-2147839856.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Traditional & Modern Styles",
|
||||
},
|
||||
text: "Traditional & Modern Styles"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Expert Barbers",
|
||||
},
|
||||
text: "Expert Barbers"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-male-talking-phone_23-2148729703.jpg?_wi=1",
|
||||
imageAlt: "man smiling after haircut",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Classic Shaves",
|
||||
description: "A relaxing hot-towel shave for the perfect, smooth finish.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-men-s-beauty-masculinity-concept-emotional-young-brunette-man-white-t-shirt-holding-shaving-razor-having-nervous-facial-expression-biting-nails-scared-shave-first-time_343059-4570.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Classic Shaves", description: "A relaxing hot-towel shave for the perfect, smooth finish.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-men-s-beauty-masculinity-concept-emotional-young-brunette-man-white-t-shirt-holding-shaving-razor-having-nervous-facial-expression-biting-nails-scared-shave-first-time_343059-4570.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Hot Towel Service",
|
||||
},
|
||||
text: "Hot Towel Service"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Premium Products",
|
||||
},
|
||||
text: "Premium Products"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-denim-jacket-standing-against-black-surface_23-2148176659.jpg?_wi=1",
|
||||
imageAlt: "man looking in mirror barber",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Relaxing Environment",
|
||||
description: "Unwind in a comfortable and hygienic barbershop atmosphere.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27179.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Relaxing Environment", description: "Unwind in a comfortable and hygienic barbershop atmosphere.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27179.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Coffee,
|
||||
text: "Refreshing Beverages",
|
||||
},
|
||||
text: "Refreshing Beverages"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Hygienic Standards",
|
||||
},
|
||||
text: "Hygienic Standards"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brutal-bearded-male-grey-vignette-background_613910-1309.jpg?_wi=1",
|
||||
imageAlt: "professional haircut results man",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Alshami?"
|
||||
@@ -264,52 +177,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Standard Haircut",
|
||||
price: "$35",
|
||||
features: [
|
||||
"Precision cut",
|
||||
"Beard trim cleanup",
|
||||
"Hot towel wrap",
|
||||
],
|
||||
id: "p1", name: "Standard Haircut", price: "$35", features: [
|
||||
"Precision cut", "Beard trim cleanup", "Hot towel wrap"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Shave",
|
||||
price: "$45",
|
||||
features: [
|
||||
"Hot towel service",
|
||||
"Straight razor shave",
|
||||
"Facial treatment",
|
||||
],
|
||||
id: "p2", name: "Signature Shave", price: "$45", features: [
|
||||
"Hot towel service", "Straight razor shave", "Facial treatment"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Full Grooming",
|
||||
price: "$70",
|
||||
features: [
|
||||
"Haircut & styling",
|
||||
"Full beard service",
|
||||
"Facial treatment",
|
||||
"Skin fade",
|
||||
],
|
||||
id: "p3", name: "Full Grooming", price: "$70", features: [
|
||||
"Haircut & styling", "Full beard service", "Facial treatment", "Skin fade"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -325,45 +213,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed K.",
|
||||
handle: "@ahmedk",
|
||||
testimonial: "Excellent service and atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-male-talking-phone_23-2148729703.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Ahmed K.", handle: "@ahmedk", testimonial: "Excellent service and atmosphere.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-male-talking-phone_23-2148729703.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Omar S.",
|
||||
handle: "@omars",
|
||||
testimonial: "Always sharp, always fresh.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-denim-jacket-standing-against-black-surface_23-2148176659.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Omar S.", handle: "@omars", testimonial: "Always sharp, always fresh.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-denim-jacket-standing-against-black-surface_23-2148176659.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Zaid M.",
|
||||
handle: "@zaidm",
|
||||
testimonial: "Truly talented barbers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brutal-bearded-male-grey-vignette-background_613910-1309.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", name: "Zaid M.", handle: "@zaidm", testimonial: "Truly talented barbers.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brutal-bearded-male-grey-vignette-background_613910-1309.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Khalid R.",
|
||||
handle: "@khalidr",
|
||||
testimonial: "Best grooming in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg",
|
||||
},
|
||||
id: "t4", name: "Khalid R.", handle: "@khalidr", testimonial: "Best grooming in town.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Samir D.",
|
||||
handle: "@samird",
|
||||
testimonial: "Great attention to detail and friendly vibe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-male-talking-phone_23-2148729703.jpg?_wi=3",
|
||||
},
|
||||
id: "t5", name: "Samir D.", handle: "@samird", testimonial: "Great attention to detail and friendly vibe.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-male-talking-phone_23-2148729703.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -375,14 +238,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Ready to get looking sharp? Book your next appointment at Alshami Barbershop today. Walk-ins also welcome!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Spot",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Book Your Spot", href: "tel:+1234567890"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -394,14 +254,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user