Merge version_1 into main #1
263
src/app/page.tsx
263
src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Barbers",
|
||||
id: "barbers",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contacts",
|
||||
id: "contacts",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Barbers", id: "barbers" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contacts", id: "contacts" },
|
||||
]}
|
||||
brandName="BARBERSHOP"
|
||||
/>
|
||||
@@ -46,48 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="TRUE STYLE IS IN THE DETAILS"
|
||||
description="Premium grooming and precise cuts in the heart of the city. Join the community of men who value their time and appearance."
|
||||
buttons={[
|
||||
{
|
||||
text: "BOOK NOW",
|
||||
href: "#booking",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "BOOK NOW", href: "#booking" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501036.jpg",
|
||||
imageAlt: "Barber chair",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tall-bar-stool-wooden-background_181624-30147.jpg",
|
||||
imageAlt: "Barber tools",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg",
|
||||
imageAlt: "Barber shop",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg",
|
||||
imageAlt: "Barber shop",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg",
|
||||
imageAlt: "Barber shop",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg",
|
||||
imageAlt: "Barber shop",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501036.jpg", imageAlt: "Barber chair" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/tall-bar-stool-wooden-background_181624-30147.jpg", imageAlt: "Barber tools" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg", imageAlt: "Barber shop" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg", imageAlt: "Barber shop" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg", imageAlt: "Barber shop" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "Barber shop" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,42 +62,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"Regular visitors",
|
||||
"Style upgrades",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9★",
|
||||
title: "Google Rating",
|
||||
items: [
|
||||
"5-star service",
|
||||
"Verified reviews",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Expert techniques",
|
||||
"Consistent quality",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "6",
|
||||
title: "Professional Barbers",
|
||||
items: [
|
||||
"Expert team",
|
||||
"Specialized skills",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "1000+", title: "Happy Clients", items: ["Regular visitors", "Style upgrades"] },
|
||||
{ id: "m2", value: "4.9★", title: "Google Rating", items: ["5-star service", "Verified reviews"] },
|
||||
{ id: "m3", value: "5", title: "Years Experience", items: ["Expert techniques", "Consistent quality"] },
|
||||
{ id: "m4", value: "6", title: "Professional Barbers", items: ["Expert team", "Specialized skills"] },
|
||||
]}
|
||||
title="OUR IMPACT"
|
||||
description="Thousands of men trust us with their style every year."
|
||||
@@ -145,27 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Style",
|
||||
title: "Style Tailored for You",
|
||||
subtitle: "Perfect Cut",
|
||||
description: "We analyze your facial structure for a custom fit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Tools",
|
||||
title: "Premium Equipment",
|
||||
subtitle: "Best Quality",
|
||||
description: "Professional tools for world-class results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/instruments-used-latino-hair-salon_23-2150555177.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Hygiene",
|
||||
title: "Impeccable Cleanliness",
|
||||
subtitle: "Total Safety",
|
||||
description: "Tools sanitized after every single visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
|
||||
},
|
||||
{ tag: "Style", title: "Style Tailored for You", subtitle: "Perfect Cut", description: "We analyze your facial structure for a custom fit.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg" },
|
||||
{ tag: "Tools", title: "Premium Equipment", subtitle: "Best Quality", description: "Professional tools for world-class results.", imageSrc: "http://img.b2bpic.net/free-photo/instruments-used-latino-hair-salon_23-2150555177.jpg" },
|
||||
{ tag: "Hygiene", title: "Impeccable Cleanliness", subtitle: "Total Safety", description: "Tools sanitized after every single visit.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg" },
|
||||
]}
|
||||
title="WHY MEN CHOOSE US"
|
||||
description="We don't just cut hair; we curate your look."
|
||||
@@ -178,54 +92,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "h1",
|
||||
tag: "Popular",
|
||||
price: "600 ₴",
|
||||
period: "30 min",
|
||||
description: "Precision haircut for your style.",
|
||||
button: {
|
||||
text: "Book now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Hair wash",
|
||||
"Style",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
tag: "Essential",
|
||||
price: "400 ₴",
|
||||
period: "20 min",
|
||||
description: "Beard grooming and shaping.",
|
||||
button: {
|
||||
text: "Book now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Hot towel",
|
||||
"Beard oil",
|
||||
"Trim",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
tag: "Premium",
|
||||
price: "1200 ₴",
|
||||
period: "60 min",
|
||||
description: "The ultimate royal experience.",
|
||||
button: {
|
||||
text: "Book now",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard trim",
|
||||
"Face mask",
|
||||
],
|
||||
},
|
||||
{ id: "h1", tag: "Popular", price: "600 ₴", period: "30 min", description: "Precision haircut for your style.", button: { text: "Book now" }, featuresTitle: "Included", features: ["Consultation", "Hair wash", "Style"] },
|
||||
{ id: "h2", tag: "Essential", price: "400 ₴", period: "20 min", description: "Beard grooming and shaping.", button: { text: "Book now" }, featuresTitle: "Included", features: ["Hot towel", "Beard oil", "Trim"] },
|
||||
{ id: "h3", tag: "Premium", price: "1200 ₴", period: "60 min", description: "The ultimate royal experience.", button: { text: "Book now" }, featuresTitle: "Included", features: ["Haircut", "Beard trim", "Face mask"] },
|
||||
]}
|
||||
title="OUR SERVICES"
|
||||
description="Premium care for the modern man."
|
||||
@@ -239,21 +108,9 @@ export default function LandingPage() {
|
||||
tag="The Expert Team"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "b1",
|
||||
name: "Alex",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
name: "Mike",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9495.jpg",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
name: "John",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-getting-his-haircut-barber-s-shop_23-2149186488.jpg",
|
||||
},
|
||||
{ id: "b1", name: "Alex", imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg" },
|
||||
{ id: "b2", name: "Mike", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9495.jpg" },
|
||||
{ id: "b3", name: "John", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-getting-his-haircut-barber-s-shop_23-2149186488.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -266,46 +123,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "David",
|
||||
role: "Client",
|
||||
company: "KYIV",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happiness-concept-glad-positive-afro-american-man-with-trendy-hairstyle-poses-naked_273609-8552.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sergei",
|
||||
role: "Client",
|
||||
company: "KYIV",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-male-customer-show-thumbs-up-smiling_176420-18690.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ivan",
|
||||
role: "Client",
|
||||
company: "KYIV",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark",
|
||||
role: "Client",
|
||||
company: "KYIV",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Leo",
|
||||
role: "Client",
|
||||
company: "KYIV",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
|
||||
},
|
||||
{ id: "t1", name: "David", role: "Client", company: "KYIV", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happiness-concept-glad-positive-afro-american-man-with-trendy-hairstyle-poses-naked_273609-8552.jpg" },
|
||||
{ id: "t2", name: "Sergei", role: "Client", company: "KYIV", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-male-customer-show-thumbs-up-smiling_176420-18690.jpg" },
|
||||
{ id: "t3", name: "Ivan", role: "Client", company: "KYIV", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg" },
|
||||
{ id: "t4", name: "Mark", role: "Client", company: "KYIV", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg" },
|
||||
{ id: "t5", name: "Leo", role: "Client", company: "KYIV", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg" },
|
||||
]}
|
||||
title="CLIENT REVIEWS"
|
||||
description="What our clients say about us."
|
||||
@@ -315,16 +137,9 @@ export default function LandingPage() {
|
||||
<div id="contacts" data-section="contacts">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="READY TO LOOK SHARPER TODAY? FIRST STEP — JUST BOOK NOW."
|
||||
buttons={[
|
||||
{
|
||||
text: "BOOK VIA TELEGRAM",
|
||||
href: "https://telegram.org",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "BOOK VIA TELEGRAM", href: "https://telegram.org" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user