bender/b3d1b62c-d7b2-4ef0-821b-df613733c85f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-10 15:26:45 +00:00
parent de3a2bb361 9c730dfc1b
commit 68fd4f9f64
1 changed files with 54 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
src/app/page.tsx
View File

@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Our Team",
id: "#team",
},
name: "Our Team", id: "#team"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Peluquería Miquel Perelló"
/>
@@ -70,73 +56,36 @@ export default function LandingPage() {
description="Trusted by locals and visitors alike. Professional cuts, fair prices, and genuine service from our experienced team."
testimonials={[
{
name: "Juan Gómez",
handle: "@JuanG_CP",
testimonial: "Best haircut in Mallorca! Always a friendly face and a perfect fade.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-long-hair-dressed-denim-jacket-isolated-grey-background_613910-8903.jpg",
imageAlt: "Juan Gómez",
},
name: "Juan Gómez", handle: "@JuanG_CP", testimonial: "Best haircut in Mallorca! Always a friendly face and a perfect fade.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-long-hair-dressed-denim-jacket-isolated-grey-background_613910-8903.jpg", imageAlt: "Juan Gómez"},
{
name: "Elena Smith",
handle: "@Elena_Vaca",
testimonial: "Visiting from the UK, Miquel Perelló gave me the best holiday cut! Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-redhead-bearded-aristocratic-male-dressed-suit-eyeglasses-grey-background_613910-15992.jpg",
imageAlt: "Elena Smith",
},
name: "Elena Smith", handle: "@Elena_Vaca", testimonial: "Visiting from the UK, Miquel Perelló gave me the best holiday cut! Highly recommend.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-redhead-bearded-aristocratic-male-dressed-suit-eyeglasses-grey-background_613910-15992.jpg", imageAlt: "Elena Smith"},
{
name: "Carlos Ruiz",
handle: "@Carlos_Local",
testimonial: "Been coming here for years. Consistent quality and great conversations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-handsome-man-standing-isolated-grey-wall_171337-13852.jpg",
imageAlt: "Carlos Ruiz",
},
name: "Carlos Ruiz", handle: "@Carlos_Local", testimonial: "Been coming here for years. Consistent quality and great conversations.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-handsome-man-standing-isolated-grey-wall_171337-13852.jpg", imageAlt: "Carlos Ruiz"},
{
name: "Marc Johnson",
handle: "@MarcJ_Bcn",
testimonial: "As a frequent visitor, finding this barbershop was a game-changer. Excellent service!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/looking-out-orange-notebook-journal-young-man-eye-glasses-wearing-white-shirt-isolated-white-background-office-portrait-shy-young-businessman-holding-his-diary_549566-927.jpg",
imageAlt: "Marc Johnson",
},
name: "Marc Johnson", handle: "@MarcJ_Bcn", testimonial: "As a frequent visitor, finding this barbershop was a game-changer. Excellent service!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/looking-out-orange-notebook-journal-young-man-eye-glasses-wearing-white-shirt-isolated-white-background-office-portrait-shy-young-businessman-holding-his-diary_549566-927.jpg", imageAlt: "Marc Johnson"},
{
name: "Sofia Riera",
handle: "@Sofia_CP",
testimonial: "My first time here and definitely not my last! Miquel is a true artist with the clippers.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg",
imageAlt: "Sofia Riera",
},
name: "Sofia Riera", handle: "@Sofia_CP", testimonial: "My first time here and definitely not my last! Miquel is a true artist with the clippers.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg", imageAlt: "Sofia Riera"},
]}
buttons={[
{
text: "Book Your Appointment",
href: "#contact",
},
text: "Book Your Appointment", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2150665404.jpg",
alt: "Juan Gómez",
},
src: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2150665404.jpg", alt: "Juan Gómez"},
{
src: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg",
alt: "Elena Smith",
},
src: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg", alt: "Elena Smith"},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-man-posing_1301-5142.jpg",
alt: "Carlos Ruiz",
},
src: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-man-posing_1301-5142.jpg", alt: "Carlos Ruiz"},
{
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-checkered-suit-posing-near-dark-blue-wall-street-background_158538-4214.jpg",
alt: "Marc Johnson",
},
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-checkered-suit-posing-near-dark-blue-wall-street-background_158538-4214.jpg", alt: "Marc Johnson"},
{
src: "http://img.b2bpic.net/free-photo/barbershop-with-client-barber_624325-2638.jpg",
alt: "Sofia Riera",
},
src: "http://img.b2bpic.net/free-photo/barbershop-with-client-barber_624325-2638.jpg", alt: "Sofia Riera"},
]}
avatarText="Join our happy clients"
imageSrc="http://img.b2bpic.net/free-photo/barber-using-razor_1153-1510.jpg"
@@ -151,9 +100,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Legacy of Craftsmanship"
description={[
"For years, Peluquería Miquel Perelló has been the trusted name for exceptional barbering in Can Picafort. We blend traditional techniques with modern styles, ensuring every client leaves feeling sharp and confident. Our commitment to quality and community has made us a local favorite.",
"We pride ourselves on creating a welcoming atmosphere where everyone feels at home. Whether you're a long-time resident or just visiting Mallorca, experience the difference of a truly dedicated team. Discover our passion for perfect grooming.",
]}
"For years, Peluquería Miquel Perelló has been the trusted name for exceptional barbering in Can Picafort. We blend traditional techniques with modern styles, ensuring every client leaves feeling sharp and confident. Our commitment to quality and community has made us a local favorite.", "We pride ourselves on creating a welcoming atmosphere where everyone feels at home. Whether you're a long-time resident or just visiting Mallorca, experience the difference of a truly dedicated team. Discover our passion for perfect grooming."]}
/>
</div>
@@ -163,26 +110,15 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Precision Haircuts",
description: "Expert cuts for every style, from classic fades to modern trends, ensuring you look your best.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg",
imageAlt: "Barber giving a precision haircut",
},
title: "Precision Haircuts", description: "Expert cuts for every style, from classic fades to modern trends, ensuring you look your best.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg", imageAlt: "Barber giving a precision haircut"},
{
title: "Beard Trimming & Shaping",
description: "Keep your beard looking sharp and well-maintained with our professional trimming and shaping services.",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg",
imageAlt: "Barber trimming a man's beard",
},
title: "Beard Trimming & Shaping", description: "Keep your beard looking sharp and well-maintained with our professional trimming and shaping services.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg", imageAlt: "Barber trimming a man's beard"},
{
title: "Traditional Shaves",
description: "Experience the luxury of a classic hot towel shave, leaving your skin smooth and refreshed.",
imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7904.jpg",
imageAlt: "Barber performing a traditional hot towel shave",
},
title: "Traditional Shaves", description: "Experience the luxury of a classic hot towel shave, leaving your skin smooth and refreshed.", imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7904.jpg", imageAlt: "Barber performing a traditional hot towel shave"},
]}
title="Our Signature Services"
description="Discover a range of professional grooming services tailored to meet your needs, delivered with precision and care."
animationType="slide-up"
/>
</div>
@@ -194,23 +130,11 @@ export default function LandingPage() {
membersAnimation="slide-up"
members={[
{
id: "miquel",
name: "Miquel Perelló",
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
imageAlt: "Miquel Perelló, lead barber",
},
id: "miquel", name: "Miquel Perelló", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageAlt: "Miquel Perelló, lead barber"},
{
id: "andreu",
name: "Andreu Vidal",
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg",
imageAlt: "Andreu Vidal, skilled barber",
},
id: "andreu", name: "Andreu Vidal", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-barber-tools-isolated-pink-background_141793-119285.jpg", imageAlt: "Andreu Vidal, skilled barber"},
{
id: "sofia",
name: "Sofia Ramon",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-with-smile-face-standing-light-wall_141793-56019.jpg",
imageAlt: "Sofia Ramon, expert stylist",
},
id: "sofia", name: "Sofia Ramon", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-with-smile-face-standing-light-wall_141793-56019.jpg", imageAlt: "Sofia Ramon, expert stylist"},
]}
memberVariant="card"
/>
@@ -223,56 +147,22 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "haircut",
tag: "Classic",
price: "€20",
period: "per cut",
description: "A fresh, professional haircut tailored to your preferences.",
button: {
text: "Book Haircut",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Consultation",
"Wash & Cut",
"Styling",
],
id: "haircut", tag: "Classic", price: "€20", period: "per cut", description: "A fresh, professional haircut tailored to your preferences.", button: {
text: "Book Haircut", href: "#contact"},
featuresTitle: "Includes:", features: [
"Consultation", "Wash & Cut", "Styling"],
},
{
id: "beard-trim",
tag: "Groom",
price: "€15",
period: "per trim",
description: "Expert beard trimming, shaping, and conditioning for a refined look.",
button: {
text: "Book Beard Trim",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Beard Shaping",
"Trimming & Lining",
"Conditioning",
],
id: "beard-trim", tag: "Groom", price: "€15", period: "per trim", description: "Expert beard trimming, shaping, and conditioning for a refined look.", button: {
text: "Book Beard Trim", href: "#contact"},
featuresTitle: "Includes:", features: [
"Beard Shaping", "Trimming & Lining", "Conditioning"],
},
{
id: "full-service",
tag: "Premium",
price: "€30",
period: "per session",
description: "The complete grooming experience: haircut, beard trim, and a relaxing hot towel shave.",
button: {
text: "Book Full Service",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Precision Haircut",
"Beard Grooming",
"Hot Towel Shave",
"Facial Massage",
],
id: "full-service", tag: "Premium", price: "€30", period: "per session", description: "The complete grooming experience: haircut, beard trim, and a relaxing hot towel shave.", button: {
text: "Book Full Service", href: "#contact"},
featuresTitle: "Includes:", features: [
"Precision Haircut", "Beard Grooming", "Hot Towel Shave", "Facial Massage"],
},
]}
title="Transparent Pricing, Exceptional Value"
@@ -285,35 +175,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Marc Ferrer",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg",
imageAlt: "Client Marc Ferrer",
},
id: "1", name: "Marc Ferrer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg", imageAlt: "Client Marc Ferrer"},
{
id: "2",
name: "Laura García",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-with-beard-curly-blond-hairstyle-shows-thumbs-up-with-proud-satisfied-face-smiling-pleased-praising-complimenting-say-yes-like-smth-white-background_176420-49359.jpg",
imageAlt: "Client Laura García",
},
id: "2", name: "Laura García", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-with-beard-curly-blond-hairstyle-shows-thumbs-up-with-proud-satisfied-face-smiling-pleased-praising-complimenting-say-yes-like-smth-white-background_176420-49359.jpg", imageAlt: "Client Laura García"},
{
id: "3",
name: "Pau Costa",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg",
imageAlt: "Client Pau Costa",
},
id: "3", name: "Pau Costa", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg", imageAlt: "Client Pau Costa"},
{
id: "4",
name: "Sophie Martin",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-tourist-walking-with-backpack-pink-wall-color-emotions-tourist_140725-122599.jpg",
imageAlt: "Client Sophie Martin",
},
id: "4", name: "Sophie Martin", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-tourist-walking-with-backpack-pink-wall-color-emotions-tourist_140725-122599.jpg", imageAlt: "Client Sophie Martin"},
{
id: "5",
name: "David Alonso",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-standing-escalator_107420-63612.jpg",
imageAlt: "Client David Alonso",
},
id: "5", name: "David Alonso", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-standing-escalator_107420-63612.jpg", imageAlt: "Client David Alonso"},
]}
cardTitle="What Our Clients Say"
cardTag="Trusted Reviews"
@@ -325,20 +195,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Book Your Perfect Cut Today"
description="Ready for a fresh look? Schedule your appointment or give us a call to experience the Miquel Perelló difference."
buttons={[
{
text: "Call Now",
href: "tel:+34971XXXXXX",
},
text: "Call Now", href: "tel:+34971XXXXXX"},
{
text: "Get Directions",
href: "https://maps.app.goo.gl/XXXXXXX",
},
text: "Get Directions", href: "https://maps.app.goo.gl/XXXXXXX"},
]}
/>
</div>
@@ -352,19 +217,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/MiquelPerelloBarbershop",
ariaLabel: "Facebook page",
},
href: "https://facebook.com/MiquelPerelloBarbershop", ariaLabel: "Facebook page"},
{
icon: Instagram,
href: "https://instagram.com/MiquelPerelloBarbershop",
ariaLabel: "Instagram profile",
},
href: "https://instagram.com/MiquelPerelloBarbershop", ariaLabel: "Instagram profile"},
{
icon: MapPin,
href: "https://maps.app.goo.gl/XXXXXXX",
ariaLabel: "Find us on Google Maps",
},
href: "https://maps.app.goo.gl/XXXXXXX", ariaLabel: "Find us on Google Maps"},
]}
/>
</div>