Merge version_1 into main #2
357
src/app/page.tsx
357
src/app/page.tsx
@@ -16,267 +16,118 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Aloha Barber Shop"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Aloha Barber Shop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Fresh Cuts. Aloha Vibes."
|
||||
description="Premium barbering in Marbella. Clean fades, sharp beards, and a relaxed atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://booksy.com/es-es/14055_aloha-barber-shop_barberia_29260_marbella",
|
||||
},
|
||||
{
|
||||
text: "Call Now: +34 622 12 27 98",
|
||||
href: "tel:+34622122798",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg?_wi=1",
|
||||
imageAlt: "Modern rustic barbershop chair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg?_wi=2",
|
||||
imageAlt: "Barber tools display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg?_wi=3",
|
||||
imageAlt: "Client receiving haircut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg?_wi=4",
|
||||
imageAlt: "Relaxed tropical atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg?_wi=5",
|
||||
imageAlt: "Aloha style decor",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Fresh Cuts. Aloha Vibes."
|
||||
description="Premium barbering in Marbella. Clean fades, sharp beards, and a relaxed atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "https://booksy.com/es-es/14055_aloha-barber-shop_barberia_29260_marbella"},
|
||||
{
|
||||
text: "Call Now: +34 622 12 27 98", href: "tel:+34622122798"},
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", imageAlt: "Modern rustic barbershop chair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", imageAlt: "Barber tools display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", imageAlt: "Client receiving haircut" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", imageAlt: "Relaxed tropical atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", imageAlt: "Aloha style decor" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Classic Haircut",
|
||||
author: "Precision",
|
||||
description: "Expert scissor and clipper work tailored to you.",
|
||||
tags: [
|
||||
"Classic",
|
||||
"Style",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Skin Fade",
|
||||
author: "Sharp",
|
||||
description: "Flawless zero-fade with clean lines.",
|
||||
tags: [
|
||||
"Fade",
|
||||
"Sharp",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Beard Grooming",
|
||||
author: "Detail",
|
||||
description: "Precision shaping and moisturizing treatment.",
|
||||
tags: [
|
||||
"Beard",
|
||||
"Care",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Luxury Facial",
|
||||
author: "Premium",
|
||||
description: "Signature steam and exfoliation for fresh skin.",
|
||||
tags: [
|
||||
"Luxury",
|
||||
"Facial",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Hot Towel Shave",
|
||||
author: "Classic",
|
||||
description: "Traditional straight razor shave experience.",
|
||||
tags: [
|
||||
"Shave",
|
||||
"Relax",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Expert grooming tailored to your style."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Classic Haircut", author: "Precision", description: "Expert scissor and clipper work tailored to you.", tags: ["Classic", "Style"], imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg" },
|
||||
{ id: "f2", title: "Skin Fade", author: "Sharp", description: "Flawless zero-fade with clean lines.", tags: ["Fade", "Sharp"], imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg" },
|
||||
{ id: "f3", title: "Beard Grooming", author: "Detail", description: "Precision shaping and moisturizing treatment.", tags: ["Beard", "Care"], imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg" },
|
||||
{ id: "f4", title: "Luxury Facial", author: "Premium", description: "Signature steam and exfoliation for fresh skin.", tags: ["Luxury", "Facial"], imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg" },
|
||||
{ id: "f5", title: "Hot Towel Shave", author: "Classic", description: "Traditional straight razor shave experience.", tags: ["Shave", "Relax"], imageSrc: "http://img.b2bpic.net/free-photo/corporate-specialist-reviewing-financial-charts-kpi-dashboards-ensuring-business-innovation_482257-136149.jpg" }
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Expert grooming tailored to your style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Your Local Barbershop in ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg",
|
||||
alt: "Aloha Barber interior",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Marbella",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Your Local Barbershop in " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg", alt: "Aloha Barber interior" },
|
||||
{ type: "text", content: " Marbella" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Md Afaque",
|
||||
role: "Client",
|
||||
testimonial: "Perfect cut and friendly atmosphere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-nice-young-man-with-stylish-hairstyle-blue-eyes-beard-light-cool-shirt-looking-away-smiling-orange-wall_197531-23055.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "J Smith",
|
||||
role: "Client",
|
||||
testimonial: "Amazing service, highly recommended in Marbella.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-different-personalities_23-2151112971.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Brian Pratt",
|
||||
role: "Client",
|
||||
testimonial: "Professional, clean, and top-tier grooming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-4679.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marco V.",
|
||||
role: "Client",
|
||||
testimonial: "Best fade I have had in years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-nice-young-man-with-stylish-hairstyle-blue-eyes-beard-light-cool-shirt-looking-away-smiling-orange-wall_197531-23055.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
role: "Client",
|
||||
testimonial: "Great vibes and excellent attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-different-personalities_23-2151112971.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Reviews from our community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Md Afaque", role: "Client", testimonial: "Perfect cut and friendly atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-nice-young-man-with-stylish-hairstyle-blue-eyes-beard-light-cool-shirt-looking-away-smiling-orange-wall_197531-23055.jpg" },
|
||||
{ id: "t2", name: "J Smith", role: "Client", testimonial: "Amazing service, highly recommended in Marbella.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-different-personalities_23-2151112971.jpg" },
|
||||
{ id: "t3", name: "Brian Pratt", role: "Client", testimonial: "Professional, clean, and top-tier grooming.", imageSrc: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-4679.jpg" },
|
||||
{ id: "t4", name: "Marco V.", role: "Client", testimonial: "Best fade I have had in years.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-nice-young-man-with-stylish-hairstyle-blue-eyes-beard-light-cool-shirt-looking-away-smiling-orange-wall_197531-23055.jpg" },
|
||||
{ id: "t5", name: "Elena R.", role: "Client", testimonial: "Great vibes and excellent attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-different-personalities_23-2151112971.jpg" }
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Reviews from our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Booking"
|
||||
title="Book Your Appointment"
|
||||
description="Secure your spot in our chair via Booksy or give us a ring."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Online",
|
||||
href: "https://booksy.com/es-es/14055_aloha-barber-shop_barberia_29260_marbella",
|
||||
},
|
||||
{
|
||||
text: "Call: +34 622 12 27 98",
|
||||
href: "tel:+34622122798",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Booking"
|
||||
title="Book Your Appointment"
|
||||
description="Secure your spot in our chair via Booksy or give us a ring."
|
||||
buttons={[
|
||||
{ text: "Book Online", href: "https://booksy.com/es-es/14055_aloha-barber-shop_barberia_29260_marbella" },
|
||||
{ text: "Call: +34 622 12 27 98", href: "tel:+34622122798" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Aloha Barber Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "https://booksy.com/es-es/14055_aloha-barber-shop_barberia_29260_marbella",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "+34 622 12 27 98",
|
||||
href: "tel:+34622122798",
|
||||
},
|
||||
{
|
||||
label: "Nueva Andalucia, Marbella",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Aloha Barber Shop. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Aloha Barber Shop"
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "#services" }, { label: "Booking", href: "https://booksy.com/es-es/14055_aloha-barber-shop_barberia_29260_marbella" }] },
|
||||
{ title: "Info", items: [{ label: "+34 622 12 27 98", href: "tel:+34622122798" }, { label: "Nueva Andalucia, Marbella", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Aloha Barber Shop. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user