bender/886b8f11-eef4-48c8-90f0-076df40c87d1
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 #2.
This commit is contained in:
bender
2026-06-12 23:49:59 +00:00
parent 01b36af91c a236f69d63
commit ba1cf69146
1 changed files with 65 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

302
src/app/page.tsx
View File

@@ -33,38 +33,22 @@ 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: "#services",
},
name: "Services", id: "#services"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
brandName="Joseba Gorkla"
/>
</div>
@@ -72,41 +56,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "plain",
}}
variant: "plain"}}
title="Your Style, Perfected by Professionals"
description="Award-winning cuts, expert coloring, and modern styling in Vigo. Experience the care that 230 clients trust."
buttons={[
{
text: "Book Your Appointment",
href: "#contact",
},
text: "Book Your Appointment", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=1",
imageAlt: "Woman getting a professional haircut at Joseba Gorkla Peluquería",
},
imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg", imageAlt: "Woman getting a professional haircut at Joseba Gorkla Peluquería"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-braiding-hair-woman_23-2147784501.jpg?_wi=1",
imageAlt: "Hair stylist applying color to a client's hair",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-braiding-hair-woman_23-2147784501.jpg", imageAlt: "Hair stylist applying color to a client's hair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/shampoo-conditioner-bottles-barbershop-against-wooden-background_627829-6244.jpg",
imageAlt: "Professional hair styling tools laid out on a salon counter",
},
imageSrc: "http://img.b2bpic.net/free-photo/shampoo-conditioner-bottles-barbershop-against-wooden-background_627829-6244.jpg", imageAlt: "Professional hair styling tools laid out on a salon counter"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-salon-interior_23-2148910541.jpg",
imageAlt: "Vibrant and modern interior of Joseba Gorkla Peluquería",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-salon-interior_23-2148910541.jpg", imageAlt: "Vibrant and modern interior of Joseba Gorkla Peluquería"},
{
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-elegant-blonde-woman-pink-dress_132075-11969.jpg",
imageAlt: "Close-up of beautifully styled, wavy hair",
},
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-elegant-blonde-woman-pink-dress_132075-11969.jpg", imageAlt: "Close-up of beautifully styled, wavy hair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg",
imageAlt: "Barber giving a clean, fresh haircut to a male client",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg", imageAlt: "Barber giving a clean, fresh haircut to a male client"},
]}
mediaAnimation="opacity"
/>
@@ -119,19 +88,13 @@ export default function LandingPage() {
metrics={[
{
icon: Scissors,
label: "Years of Experience",
value: "25+",
},
label: "Years of Experience", value: "25+"},
{
icon: Calendar,
label: "Happy Clients Served",
value: "230+",
},
label: "Happy Clients Served", value: "230+"},
{
icon: Star,
label: "Average Rating",
value: "4.7/5",
},
label: "Average Rating", value: "4.7/5"},
]}
metricsAnimation="opacity"
/>
@@ -144,29 +107,14 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Precision Cuts & Styles",
description: "From classic trims to trendy transformations, our stylists deliver impeccable cuts tailored to your face shape and personal style.",
bentoComponent: "reveal-icon",
icon: Edit,
imageSrc: "http://img.b2bpic.net/free-photo/scissors-front-side-white-background_187299-40199.jpg",
imageAlt: "scissors icon vector",
title: "Precision Cuts & Styles", description: "From classic trims to trendy transformations, our stylists deliver impeccable cuts tailored to your face shape and personal style.", bentoComponent: "reveal-icon", icon: Edit
},
{
title: "Expert Coloring",
description: "Transform your look with our professional coloring services, including highlights, balayage, and full-color treatments using premium products.",
bentoComponent: "reveal-icon",
icon: Palette,
imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=2",
imageAlt: "scissors icon vector",
title: "Expert Coloring", description: "Transform your look with our professional coloring services, including highlights, balayage, and full-color treatments using premium products.", bentoComponent: "reveal-icon", icon: Palette
},
{
title: "Event & Bridal Styling",
description: "Look stunning for any special occasion with our bespoke styling services, including elegant updos and beautiful bridal hair designs.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/woman-braiding-hair-woman_23-2147784501.jpg?_wi=2",
imageAlt: "scissors icon vector",
},
title: "Event & Bridal Styling", description: "Look stunning for any special occasion with our bespoke styling services, including elegant updos and beautiful bridal hair designs.", bentoComponent: "reveal-icon", icon: Sparkles
}
]}
title="Our Signature Services"
description="Discover our comprehensive range of hair care and styling options tailored to your unique needs, ensuring a perfect look every time."
@@ -180,60 +128,25 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Essential Care",
tagIcon: Scissors,
price: "€25",
period: "starting from",
description: "Basic haircut for men or women, including wash and blow-dry.",
button: {
text: "Book Basic Cut",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Precision Haircut",
"Professional Wash",
"Quick Blow-Dry",
],
id: "basic", tag: "Essential Care", tagIcon: Scissors,
price: "€25", period: "starting from", description: "Basic haircut for men or women, including wash and blow-dry.", button: {
text: "Book Basic Cut", href: "#contact"},
featuresTitle: "Includes:", features: [
"Precision Haircut", "Professional Wash", "Quick Blow-Dry"],
},
{
id: "deluxe",
tag: "Signature Style",
tagIcon: Sparkles,
price: "€75",
period: "starting from",
description: "Comprehensive styling package with cut, custom color, and luxurious treatment.",
button: {
text: "Book Signature Style",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Precision Haircut",
"Custom Color Application",
"Deep Conditioning Treatment",
"Professional Styling",
],
id: "deluxe", tag: "Signature Style", tagIcon: Sparkles,
price: "€75", period: "starting from", description: "Comprehensive styling package with cut, custom color, and luxurious treatment.", button: {
text: "Book Signature Style", href: "#contact"},
featuresTitle: "Includes:", features: [
"Precision Haircut", "Custom Color Application", "Deep Conditioning Treatment", "Professional Styling"],
},
{
id: "bridal",
tag: "Bridal Package",
tagIcon: Heart,
price: "€150",
period: "starting from",
description: "Exquisite styling for your special day, including a consultation and trial.",
button: {
text: "Book Bridal Package",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Personalized Consultation",
"Bridal Hair Trial",
"Day-Of Styling",
"Optional Hair Accessories Advice",
],
id: "bridal", tag: "Bridal Package", tagIcon: Heart,
price: "€150", period: "starting from", description: "Exquisite styling for your special day, including a consultation and trial.", button: {
text: "Book Bridal Package", href: "#contact"},
featuresTitle: "Includes:", features: [
"Personalized Consultation", "Bridal Hair Trial", "Day-Of Styling", "Optional Hair Accessories Advice"],
},
]}
title="Transparent Pricing for Premium Services"
@@ -248,58 +161,22 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Marta G.",
role: "Marketing Specialist",
testimonial: "Joseba and his team always exceed my expectations. My hair has never looked better, and the service is always exceptional!",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-female-plaster-background_1187-5551.jpg",
imageAlt: "Marta G.",
icon: Quote,
id: "1", name: "Marta G.", role: "Marketing Specialist", testimonial: "Joseba and his team always exceed my expectations. My hair has never looked better, and the service is always exceptional!", imageSrc: "http://img.b2bpic.net/free-photo/pretty-female-plaster-background_1187-5551.jpg", imageAlt: "Marta G.", icon: Quote,
},
{
id: "2",
name: "Carlos R.",
role: "Business Owner",
testimonial: "As a busy professional, I appreciate the efficiency and precision of Joseba Gorkla. Consistently great cuts and a welcoming atmosphere.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-blue-shirt-looking-camera_23-2148130311.jpg",
imageAlt: "Carlos R.",
icon: Quote,
id: "2", name: "Carlos R.", role: "Business Owner", testimonial: "As a busy professional, I appreciate the efficiency and precision of Joseba Gorkla. Consistently great cuts and a welcoming atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-blue-shirt-looking-camera_23-2148130311.jpg", imageAlt: "Carlos R.", icon: Quote,
},
{
id: "3",
name: "Sofía L.",
role: "Event Planner",
testimonial: "They did my hair for my wedding, and it was absolutely perfect! The attention to detail was incredible. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-posing-outside_23-2148396266.jpg",
imageAlt: "Sofía L.",
icon: Quote,
id: "3", name: "Sofía L.", role: "Event Planner", testimonial: "They did my hair for my wedding, and it was absolutely perfect! The attention to detail was incredible. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-posing-outside_23-2148396266.jpg", imageAlt: "Sofía L.", icon: Quote,
},
{
id: "4",
name: "Javier M.",
role: "University Student",
testimonial: "Always get the freshest fade here. The stylists really listen to what you want and deliver every time.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-young-man-black-jacket_23-2147955449.jpg",
imageAlt: "Javier M.",
icon: Quote,
id: "4", name: "Javier M.", role: "University Student", testimonial: "Always get the freshest fade here. The stylists really listen to what you want and deliver every time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-young-man-black-jacket_23-2147955449.jpg", imageAlt: "Javier M.", icon: Quote,
},
{
id: "5",
name: "Elena P.",
role: "Teacher",
testimonial: "I've been a loyal client for years. Joseba's team makes you feel pampered and truly understand how to work with different hair types.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-relaxing-outdoor-cafe-sunny-day_273609-12538.jpg",
imageAlt: "Elena P.",
icon: Quote,
id: "5", name: "Elena P.", role: "Teacher", testimonial: "I've been a loyal client for years. Joseba's team makes you feel pampered and truly understand how to work with different hair types.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-relaxing-outdoor-cafe-sunny-day_273609-12538.jpg", imageAlt: "Elena P.", icon: Quote,
},
{
id: "6",
name: "Ricardo F.",
role: "Chef",
testimonial: "Great experience from start to finish. They're always on time, and the results speak for themselves. Best salon in Vigo!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-gray_158538-2314.jpg",
imageAlt: "Ricardo F.",
icon: Quote,
id: "6", name: "Ricardo F.", role: "Chef", testimonial: "Great experience from start to finish. They're always on time, and the results speak for themselves. Best salon in Vigo!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-gray_158538-2314.jpg", imageAlt: "Ricardo F.", icon: Quote,
},
]}
title="Hear From Our Happy Clients"
@@ -312,14 +189,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vigo Residents",
"Fashion Enthusiasts",
"Bridal Parties",
"Local Businesses",
"Families",
"Students",
"Professionals",
]}
"Vigo Residents", "Fashion Enthusiasts", "Bridal Parties", "Local Businesses", "Families", "Students", "Professionals"]}
title="Trusted by the Vigo Community"
description="Proudly serving clients from across Vigo with exceptional hair artistry and personalized care, building a reputation for excellence."
speed={50}
@@ -333,35 +203,17 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "How do I book an appointment?",
content: "You can easily book an appointment through our website by clicking the 'Book Now' button, or by calling us directly during business hours.",
},
id: "faq1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website by clicking the 'Book Now' button, or by calling us directly during business hours."},
{
id: "faq2",
title: "What services do you offer?",
content: "We offer a full range of hair services including precision cuts, expert coloring (highlights, balayage, full color), styling for special occasions, and bridal packages.",
},
id: "faq2", title: "What services do you offer?", content: "We offer a full range of hair services including precision cuts, expert coloring (highlights, balayage, full color), styling for special occasions, and bridal packages."},
{
id: "faq3",
title: "Do you offer consultations?",
content: "Yes, we highly recommend a consultation for color changes, bridal services, or any major hair transformation to ensure we achieve your desired look.",
},
id: "faq3", title: "Do you offer consultations?", content: "Yes, we highly recommend a consultation for color changes, bridal services, or any major hair transformation to ensure we achieve your desired look."},
{
id: "faq4",
title: "What products do you use?",
content: "We use only high-quality, professional-grade hair care products from leading brands to ensure the best results and maintain hair health.",
},
id: "faq4", title: "What products do you use?", content: "We use only high-quality, professional-grade hair care products from leading brands to ensure the best results and maintain hair health."},
{
id: "faq5",
title: "What are your opening hours?",
content: "Our salon is open Tuesday to Saturday from 10:00 AM to 7:00 PM. We are closed on Sundays and Mondays.",
},
id: "faq5", title: "What are your opening hours?", content: "Our salon is open Tuesday to Saturday from 10:00 AM to 7:00 PM. We are closed on Sundays and Mondays."},
{
id: "faq6",
title: "Can I reschedule or cancel my appointment?",
content: "Yes, you can reschedule or cancel your appointment up to 24 hours in advance through our online booking system or by calling the salon directly.",
},
id: "faq6", title: "Can I reschedule or cancel my appointment?", content: "Yes, you can reschedule or cancel your appointment up to 24 hours in advance through our online booking system or by calling the salon directly."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our salon, services, and how to book your next appointment."
@@ -373,8 +225,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact Us"
title="Book Your Perfect Hair Experience"
description="Ready for a transformation? Schedule your appointment with Joseba Gorkla Peluquería today. We look forward to welcoming you!"
@@ -387,58 +238,35 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Haircuts",
href: "#services",
},
label: "Haircuts", href: "#services"},
{
label: "Coloring",
href: "#services",
},
label: "Coloring", href: "#services"},
{
label: "Styling",
href: "#services",
},
label: "Styling", href: "#services"},
{
label: "Bridal",
href: "#services",
},
label: "Bridal", href: "#services"},
],
},
{
title: "About",
items: [
title: "About", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Book Appointment",
href: "#contact",
},
label: "Book Appointment", href: "#contact"},
{
label: "Get Directions",
href: "https://maps.app.goo.gl/YourSalonLocation",
},
label: "Get Directions", href: "https://maps.app.goo.gl/YourSalonLocation"},
{
label: "Call Us",
href: "tel:+34986123456",
},
label: "Call Us", href: "tel:+34986123456"},
],
},
]}