bender/403ffac1-a5f0-41f2-a7e2-df864e939b4c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-09 12:16:10 +00:00
parent 696ccac136
commit 9474ac742e
1 changed files with 63 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

258
src/app/page.tsx
View File

@@ -30,29 +30,17 @@ export default function LandingPage() {
<NavbarStyleApple
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: "Gallery",
id: "gallery",
},
name: "Gallery", id: "gallery"},
{
name: "Reviews",
id: "reviews",
},
name: "Reviews", id: "reviews"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Black & White Hair Studio"
/>
@@ -64,37 +52,23 @@ export default function LandingPage() {
description="Black & White Hair Studio offers professional haircutting, coloring, and barbershop services in the heart of Follonica. Experience the contrast of quality and elegance."
buttons={[
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
{
text: "Our Services",
href: "#services",
},
text: "Our Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/barber-putting-towel-face-client_23-2147736960.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/barber-putting-towel-face-client_23-2147736960.jpg"
showDimOverlay={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-sitting-sofa-looking-camera-high-quality-photo_114579-31508.jpg",
alt: "Client 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-sitting-sofa-looking-camera-high-quality-photo_114579-31508.jpg", alt: "Client 1"},
{
src: "http://img.b2bpic.net/free-photo/side-view-smile-bride-chair_23-2149860772.jpg",
alt: "Client 2",
},
src: "http://img.b2bpic.net/free-photo/side-view-smile-bride-chair_23-2149860772.jpg", alt: "Client 2"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3775.jpg",
alt: "Client 3",
},
src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3775.jpg", alt: "Client 3"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",
alt: "Client 4",
},
src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg", alt: "Client 4"},
{
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg",
alt: "Client 5",
},
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg", alt: "Client 5"},
]}
avatarText="Join 100+ weekly happy clients"
/>
@@ -107,19 +81,13 @@ export default function LandingPage() {
description="Located at Via Bicocchi 27, we blend modern precision with a welcoming, stylish atmosphere. Whether you're here for a fresh cut, vibrant coloring, or extensions, our team is dedicated to perfection at an affordable price."
metrics={[
{
value: "5.0",
title: "Star Rating",
},
value: "5.0", title: "Star Rating"},
{
value: "100+",
title: "Weekly Clients",
},
value: "100+", title: "Weekly Clients"},
{
value: "7PM",
title: "Open Until",
},
value: "7PM", title: "Open Until"},
]}
imageSrc="http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
@@ -132,40 +100,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Haircutting & Styling",
description: "Expert cuts for men and women, tailored to your personality.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=1",
},
title: "Haircutting & Styling", description: "Expert cuts for men and women, tailored to your personality.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-proposes-colour-dying-hair_329181-1945.jpg?_wi=1",
},
imageSrc: "http://img.b2bpic.net/free-photo/barber-putting-towel-face-client_23-2147736960.jpg?_wi=2",
imageAlt: "unisex hair salon interior modern black white",
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-proposes-colour-dying-hair_329181-1945.jpg"},
},
{
title: "Coloring & Transformations",
description: "Modern coloring techniques using premium professional products.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg?_wi=1",
},
title: "Coloring & Transformations", description: "Modern coloring techniques using premium professional products.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg?_wi=2",
imageAlt: "hairdresser professional working haircut",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg"},
},
{
title: "Hair Extensions",
description: "High-quality extensions to add volume and length with natural finish.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-proposes-colour-dying-hair_329181-1945.jpg?_wi=2",
},
title: "Hair Extensions", description: "High-quality extensions to add volume and length with natural finish.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-proposes-colour-dying-hair_329181-1945.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=3",
imageAlt: "professional haircutting service",
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg"},
},
]}
showStepNumbers={false}
@@ -176,64 +126,29 @@ export default function LandingPage() {
<div id="gallery" data-section="gallery">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "g1",
brand: "Studio",
name: "Modern Blonde",
price: "Transformation",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-posing-with-jewelry_23-2149247370.jpg?_wi=1",
},
id: "g1", brand: "Studio", name: "Modern Blonde", price: "Transformation", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-posing-with-jewelry_23-2149247370.jpg"},
{
id: "g2",
brand: "Studio",
name: "Sharp Fade",
price: "Barbershop",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-gray_158538-2314.jpg?_wi=1",
},
id: "g2", brand: "Studio", name: "Sharp Fade", price: "Barbershop", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-gray_158538-2314.jpg"},
{
id: "g3",
brand: "Studio",
name: "Length & Volume",
price: "Extensions",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/cute-studio-girl-cool-hispanic_1187-6234.jpg?_wi=1",
},
id: "g3", brand: "Studio", name: "Length & Volume", price: "Extensions", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/cute-studio-girl-cool-hispanic_1187-6234.jpg"},
{
id: "g4",
brand: "Studio",
name: "Deep Brunette",
price: "Styling",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-posing-with-jewelry_23-2149247370.jpg?_wi=2",
},
id: "g4", brand: "Studio", name: "Deep Brunette", price: "Styling", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-posing-with-jewelry_23-2149247370.jpg"},
{
id: "g5",
brand: "Studio",
name: "Textured Cut",
price: "Styling",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-gray_158538-2314.jpg?_wi=2",
},
id: "g5", brand: "Studio", name: "Textured Cut", price: "Styling", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-gray_158538-2314.jpg"},
{
id: "g6",
brand: "Studio",
name: "Elegant Updo",
price: "Styling",
rating: 5,
reviewCount: "1",
imageSrc: "http://img.b2bpic.net/free-photo/cute-studio-girl-cool-hispanic_1187-6234.jpg?_wi=2",
},
id: "g6", brand: "Studio", name: "Elegant Updo", price: "Styling", rating: 5,
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/cute-studio-girl-cool-hispanic_1187-6234.jpg"},
]}
title="Transformations"
description="See our latest work and experience the Black & White standard of style."
@@ -248,45 +163,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Marco Rossi",
role: "Client",
company: "Follonica",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-sitting-sofa-looking-camera-high-quality-photo_114579-31508.jpg",
},
id: "t1", name: "Marco Rossi", role: "Client", company: "Follonica", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-sitting-sofa-looking-camera-high-quality-photo_114579-31508.jpg"},
{
id: "t2",
name: "Elena Bianchi",
role: "Client",
company: "Follonica",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smile-bride-chair_23-2149860772.jpg",
},
id: "t2", name: "Elena Bianchi", role: "Client", company: "Follonica", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smile-bride-chair_23-2149860772.jpg"},
{
id: "t3",
name: "Luca Verdi",
role: "Client",
company: "Follonica",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3775.jpg",
},
id: "t3", name: "Luca Verdi", role: "Client", company: "Follonica", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3775.jpg"},
{
id: "t4",
name: "Giulia Neri",
role: "Client",
company: "Follonica",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",
},
id: "t4", name: "Giulia Neri", role: "Client", company: "Follonica", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg"},
{
id: "t5",
name: "Alessio Bruno",
role: "Client",
company: "Follonica",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg",
},
id: "t5", name: "Alessio Bruno", role: "Client", company: "Follonica", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg"},
]}
title="What Our Clients Say"
description="Join our community of satisfied clients."
@@ -297,20 +187,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Visit Us"
title="Book Your Transformation"
description="Ready to redefine your look? Visit us in Follonica or call to book your appointment."
buttons={[
{
text: "Call +39 366 861 0081",
href: "tel:+393668610081",
},
text: "Call +39 366 861 0081", href: "tel:+393668610081"},
{
text: "Get Directions",
href: "https://maps.google.com",
},
text: "Get Directions", href: "https://maps.google.com"},
]}
/>
</div>
@@ -320,46 +205,29 @@ export default function LandingPage() {
logoText="Black & White Hair Studio"
columns={[
{
title: "Studio",
items: [
title: "Studio", items: [
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Reviews",
href: "#reviews",
},
label: "Reviews", href: "#reviews"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Call Us",
href: "tel:+393668610081",
},
label: "Call Us", href: "tel:+393668610081"},
{
label: "Visit Us",
href: "https://maps.google.com",
},
label: "Visit Us", href: "https://maps.google.com"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}