Merge version_1 into main #2
296
src/app/page.tsx
296
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Servizi", id: "pricing" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contatti", id: "contact" },
|
||||
]}
|
||||
brandName="Priolo the Barbers"
|
||||
/>
|
||||
@@ -58,75 +46,20 @@ export default function LandingPage() {
|
||||
title="Three Decades of Palermo Barbering Excellence"
|
||||
description="Where tradition meets modern style. Book your appointment with Palermo's most trusted barbers—fast, precise, and always welcoming."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marco G.",
|
||||
handle: "@marco_palermo",
|
||||
testimonial: "30 anni di eccellenza. Non cambierei mai il mio barbiere di fiducia.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-cafe-checking-time_23-2147689261.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior vintage style",
|
||||
},
|
||||
{
|
||||
name: "Luca S.",
|
||||
handle: "@lucas_style",
|
||||
testimonial: "Professionali, veloci e sempre aggiornati sulle ultime tendenze.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-with-shaving-foam-his-face-shaving-himself-using-razor-purple-wall_141793-52672.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior vintage style",
|
||||
},
|
||||
{
|
||||
name: "Giovanni P.",
|
||||
handle: "@gio_barber",
|
||||
testimonial: "L'atmosfera è fantastica e il taglio è sempre preciso.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior vintage style",
|
||||
},
|
||||
{
|
||||
name: "Andrea R.",
|
||||
handle: "@andre_style",
|
||||
testimonial: "Tagli moderni con un tocco classico inimitabile.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313038.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior vintage style",
|
||||
},
|
||||
{
|
||||
name: "Stefano M.",
|
||||
handle: "@stef_palermo",
|
||||
testimonial: "Il miglior posto a Palermo per la barba.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-smiling-shoemaker-workshop-making-shoes_171337-12267.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior vintage style",
|
||||
},
|
||||
{ name: "Marco G.", handle: "@marco_palermo", testimonial: "30 anni di eccellenza. Non cambierei mai il mio barbiere di fiducia.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-cafe-checking-time_23-2147689261.jpg", imageAlt: "barber shop interior vintage style" },
|
||||
{ name: "Luca S.", handle: "@lucas_style", testimonial: "Professionali, veloci e sempre aggiornati sulle ultime tendenze.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-man-with-shaving-foam-his-face-shaving-himself-using-razor-purple-wall_141793-52672.jpg", imageAlt: "barber shop interior vintage style" },
|
||||
{ name: "Giovanni P.", handle: "@gio_barber", testimonial: "L'atmosfera è fantastica e il taglio è sempre preciso.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg", imageAlt: "barber shop interior vintage style" },
|
||||
{ name: "Andrea R.", handle: "@andre_style", testimonial: "Tagli moderni con un tocco classico inimitabile.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313038.jpg", imageAlt: "barber shop interior vintage style" },
|
||||
{ name: "Stefano M.", handle: "@stef_palermo", testimonial: "Il miglior posto a Palermo per la barba.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-smiling-shoemaker-workshop-making-shoes_171337-12267.jpg", imageAlt: "barber shop interior vintage style" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-man-cafe-checking-time_23-2147689261.jpg?_wi=2"
|
||||
buttons={[{ text: "Book Your Appointment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-man-cafe-checking-time_23-2147689261.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg",
|
||||
alt: "Elderly shoes designer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg",
|
||||
alt: "Man getting hair washed",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6405.jpg",
|
||||
alt: "Man getting haircut",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg",
|
||||
alt: "Shaving tool",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186519.jpg",
|
||||
alt: "Male barber shop",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg", alt: "Elderly shoes designer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg", alt: "Man getting hair washed" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6405.jpg", alt: "Man getting haircut" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", alt: "Shaving tool" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186519.jpg", alt: "Male barber shop" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,21 +69,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Legacy in Numbers"
|
||||
metrics={[
|
||||
{
|
||||
label: "Years Established",
|
||||
value: "30+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Client Satisfaction",
|
||||
value: "4.9/5",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
label: "Appointments Completed",
|
||||
value: "50k+",
|
||||
icon: Scissors,
|
||||
},
|
||||
{ label: "Years Established", value: "30+", icon: Award },
|
||||
{ label: "Client Satisfaction", value: "4.9/5", icon: Star },
|
||||
{ label: "Appointments Completed", value: "50k+", icon: Scissors },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -161,21 +82,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Traditional Shaving",
|
||||
description: "Hot towel treatment and precise straight razor work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-with-shaving-foam-his-face-shaving-himself-using-razor-purple-wall_141793-52672.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Modern Styling",
|
||||
description: "Customized haircuts tailored to your specific face shape.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Precision Grooming",
|
||||
description: "Beard sculpting and maintenance to keep you looking sharp.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313038.jpg?_wi=2",
|
||||
},
|
||||
{ title: "Traditional Shaving", description: "Hot towel treatment and precise straight razor work.", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-with-shaving-foam-his-face-shaving-himself-using-razor-purple-wall_141793-52672.jpg" },
|
||||
{ title: "Modern Styling", description: "Customized haircuts tailored to your specific face shape.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg" },
|
||||
{ title: "Precision Grooming", description: "Beard sculpting and maintenance to keep you looking sharp.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313038.jpg" },
|
||||
]}
|
||||
title="The Art of Grooming"
|
||||
description="We blend traditional techniques with modern style precision."
|
||||
@@ -188,57 +97,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "haircut",
|
||||
badge: "Classic",
|
||||
price: "€25",
|
||||
subtitle: "Precision haircut and wash",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Consultation",
|
||||
"Haircut",
|
||||
"Style",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "shave",
|
||||
badge: "Premium",
|
||||
price: "€20",
|
||||
subtitle: "Traditional razor shave",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Hot Towel",
|
||||
"Shave",
|
||||
"Aftershave",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "full",
|
||||
badge: "Expert",
|
||||
price: "€40",
|
||||
subtitle: "Full grooming experience",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard Trim",
|
||||
"Treatment",
|
||||
],
|
||||
},
|
||||
{ id: "haircut", badge: "Classic", price: "€25", subtitle: "Precision haircut and wash", buttons: [{ text: "Book", href: "#contact" }], features: ["Consultation", "Haircut", "Style"] },
|
||||
{ id: "shave", badge: "Premium", price: "€20", subtitle: "Traditional razor shave", buttons: [{ text: "Book", href: "#contact" }], features: ["Hot Towel", "Shave", "Aftershave"] },
|
||||
{ id: "full", badge: "Expert", price: "€40", subtitle: "Full grooming experience", buttons: [{ text: "Book", href: "#contact" }], features: ["Haircut", "Beard Trim", "Treatment"] },
|
||||
]}
|
||||
title="Premium Services"
|
||||
description="Choose your grooming experience."
|
||||
@@ -249,26 +110,12 @@ export default function LandingPage() {
|
||||
<TeamCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Salvatore P.",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-smiling-shoemaker-workshop-making-shoes_171337-12267.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Giuseppe R.",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-bartender-bar-counter_329181-20308.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Luca F.",
|
||||
role: "Junior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-looking-aside-with-angry-face-swinging-hair-brush_141793-37066.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Salvatore P.", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/mature-smiling-shoemaker-workshop-making-shoes_171337-12267.jpg" },
|
||||
{ id: "t2", name: "Giuseppe R.", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-bartender-bar-counter_329181-20308.jpg" },
|
||||
{ id: "t3", name: "Luca F.", role: "Junior Barber", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-looking-aside-with-angry-face-swinging-hair-brush_141793-37066.jpg" },
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
description="Expert hands, decades of shared experience."
|
||||
@@ -281,41 +128,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Giuseppe V.",
|
||||
handle: "@giuseppev",
|
||||
testimonial: "Unici nel loro genere. Sempre puntuali.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20139.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Antonio D.",
|
||||
handle: "@antoniod",
|
||||
testimonial: "Il posto migliore dove tagliarsi la barba.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Francesco M.",
|
||||
handle: "@francescom",
|
||||
testimonial: "Professionalità e gentilezza ogni volta.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Roberto L.",
|
||||
handle: "@robertol",
|
||||
testimonial: "Ottimo servizio, consigliatissimo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-man-dressed-jeans-jacket-fashion-male-isolated-blue-wall-studio_158538-26431.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alessandro C.",
|
||||
handle: "@alessandroc",
|
||||
testimonial: "Barbiere di famiglia da generazioni.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-service-operator-talking-phone-office_1301-7542.jpg",
|
||||
},
|
||||
{ id: "1", name: "Giuseppe V.", handle: "@giuseppev", testimonial: "Unici nel loro genere. Sempre puntuali.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20139.jpg" },
|
||||
{ id: "2", name: "Antonio D.", handle: "@antoniod", testimonial: "Il posto migliore dove tagliarsi la barba.", imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg" },
|
||||
{ id: "3", name: "Francesco M.", handle: "@francescom", testimonial: "Professionalità e gentilezza ogni volta.", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg" },
|
||||
{ id: "4", name: "Roberto L.", handle: "@robertol", testimonial: "Ottimo servizio, consigliatissimo.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-man-dressed-jeans-jacket-fashion-male-isolated-blue-wall-studio_158538-26431.jpg" },
|
||||
{ id: "5", name: "Alessandro C.", handle: "@alessandroc", testimonial: "Barbiere di famiglia da generazioni.", imageSrc: "http://img.b2bpic.net/free-photo/customer-service-operator-talking-phone-office_1301-7542.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by generations of customers in Palermo."
|
||||
@@ -327,21 +144,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we highly recommend booking online for a seamless experience.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a haircut take?",
|
||||
content: "On average, 30 to 45 minutes depending on the service.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located in the heart of Palermo, near the historic center.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking online for a seamless experience." },
|
||||
{ id: "f2", title: "How long does a haircut take?", content: "On average, 30 to 45 minutes depending on the service." },
|
||||
{ id: "f3", title: "Where are you located?", content: "We are located in the heart of Palermo, near the historic center." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find everything you need to know about our services."
|
||||
@@ -355,21 +160,10 @@ export default function LandingPage() {
|
||||
title="Book Your Seat"
|
||||
description="Choose your service and barber now."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Request details...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Request details..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -377,14 +171,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Priolo the Barbers"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user