Merge version_1 into main #2
175
src/app/page.tsx
175
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Golden Barbershop Karviná"
|
||||
/>
|
||||
@@ -58,22 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Precision. Style. Confidence."
|
||||
description="Where modern men upgrade their image. Experience the pinnacle of grooming craft in the heart of Karviná."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "See Our Work",
|
||||
href: "#gallery",
|
||||
},
|
||||
{ text: "Book Your Appointment", href: "#contact" },
|
||||
{ text: "See Our Work", href: "#gallery" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,7 +62,7 @@ export default function LandingPage() {
|
||||
description="At Golden Barbershop, we believe grooming is a craft, not a routine. Founded on passion and precision, we are the destination for men who prioritize quality."
|
||||
subdescription="Our master barber Lukáš combines traditional techniques with modern aesthetic, ensuring every client leaves with a look of absolute confidence."
|
||||
icon={Scissors}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -97,28 +74,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Fade",
|
||||
description: "Crisp, clean, and perfectly blended. The benchmark of our craft.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barbershop_1157-21635.jpg",
|
||||
imageAlt: "fade haircut detail professional",
|
||||
title: "Precision Fade", description: "Crisp, clean, and perfectly blended. The benchmark of our craft.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Sculpted precision with hot towel finishes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=2",
|
||||
imageAlt: "fade haircut detail professional",
|
||||
title: "Beard Grooming", description: "Sculpted precision with hot towel finishes.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Straight Razor Shave",
|
||||
description: "The ultimate luxury grooming experience for the modern gentleman.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg?_wi=2",
|
||||
imageAlt: "fade haircut detail professional",
|
||||
title: "Straight Razor Shave", description: "The ultimate luxury grooming experience for the modern gentleman.", bentoComponent: "reveal-icon", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Elite Grooming Services"
|
||||
@@ -134,25 +96,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Every cut is a commitment to excellence.",
|
||||
icon: CheckCircle,
|
||||
id: "1", value: "100%", title: "Satisfaction", description: "Every cut is a commitment to excellence.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5★",
|
||||
title: "Rating",
|
||||
description: "The gold standard of Karviná grooming.",
|
||||
icon: Star,
|
||||
id: "2", value: "5★", title: "Rating", description: "The gold standard of Karviná grooming.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "1k+",
|
||||
title: "Loyal Clients",
|
||||
description: "Men who demand the best and return for it.",
|
||||
icon: Users,
|
||||
id: "3", value: "1k+", title: "Loyal Clients", description: "Men who demand the best and return for it.", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Why Clients Return"
|
||||
@@ -167,26 +117,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Patrik S., Loyal Client"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-senior-male-client-shaking-hands_23-2148181913.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barber-senior-male-client-shaking-hands_23-2148181913.jpg", alt: "Client" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -197,32 +132,17 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Precision Fade",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
|
||||
},
|
||||
id: "g1", name: "Precision Fade", price: "", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg"},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Masterful Beard Work",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg",
|
||||
},
|
||||
id: "g2", name: "Masterful Beard Work", price: "", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg"},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Crafted Sharpness",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-woman-kissing-her-boyfriend_1153-757.jpg",
|
||||
},
|
||||
id: "g3", name: "Crafted Sharpness", price: "", imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-woman-kissing-her-boyfriend_1153-757.jpg"},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Atmosphere",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313028.jpg",
|
||||
},
|
||||
id: "g4", name: "Atmosphere", price: "", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313028.jpg"},
|
||||
]}
|
||||
title="The Craft In Detail"
|
||||
description="A glimpse into our atmosphere and meticulous attention to detail."
|
||||
@@ -232,9 +152,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Booking"
|
||||
title="Ready for your upgrade?"
|
||||
description="Book your premium appointment now. We are open and waiting for you in the heart of Karviná."
|
||||
@@ -251,42 +169,21 @@ export default function LandingPage() {
|
||||
logoText="GOLDEN BARBERSHOP"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "tř. Osvobození 1724/3",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "735 06 Karviná 6",
|
||||
href: "#",
|
||||
},
|
||||
title: "Location", items: [
|
||||
{ label: "tř. Osvobození 1724/3", href: "#" },
|
||||
{ label: "735 06 Karviná 6", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
title: "Links", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Fri: 9:00 - 18:00",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat: By Appointment",
|
||||
href: "#",
|
||||
},
|
||||
title: "Hours", items: [
|
||||
{ label: "Mon-Fri: 9:00 - 18:00", href: "#" },
|
||||
{ label: "Sat: By Appointment", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user