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

Merge version_2 into main #4

Merged
bender merged 1 commits from version_2 into main 2026-04-09 12:18:35 +00:00
Conversation 0 Commits 1 Files Changed 1 +49 -115
1 changed files with 49 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

164
src/app/page.tsx
View File

@@ -29,18 +29,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Services", id: "services"},
{
name: "Gallery", id: "gallery"},
{
name: "Reviews", id: "reviews"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "Chi Siamo", id: "about" },
{ name: "Servizi", id: "services" },
{ name: "Galleria", id: "gallery" },
{ name: "Recensioni", id: "reviews" },
{ name: "Contatti", id: "contact" },
]}
brandName="Black & White Hair Studio"
/>
@@ -48,44 +42,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroOverlay
title="Precision Craftsmanship, Modern Style"
description="Black & White Hair Studio offers professional haircutting, coloring, and barbershop services in the heart of Follonica. Experience the contrast of quality and elegance."
title="Artigianato di Precisione, Stile Moderno"
description="Black & White Hair Studio offre servizi professionali di taglio, colore e barbiere nel cuore di Follonica. Scopri il contrasto tra qualità ed eleganza."
buttons={[
{
text: "Book Now", href: "#contact"},
{
text: "Our Services", href: "#services"},
{ text: "Prenota Ora", href: "#contact" },
{ text: "I Nostri Servizi", href: "#services" },
]}
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/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-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"},
]}
avatarText="Join 100+ weekly happy clients"
avatarText="Unisciti ai nostri 100+ clienti felici ogni settimana"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Welcome to Black & White"
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."
title="Benvenuti da Black & White"
description="Situati in Via Bicocchi 27, uniamo precisione moderna e un'atmosfera accogliente ed elegante. Che tu sia qui per un taglio fresco, un colore vibrante o extension, il nostro team è dedicato alla perfezione a un prezzo accessibile."
metrics={[
{
value: "5.0", title: "Star Rating"},
{
value: "100+", title: "Weekly Clients"},
{
value: "7PM", title: "Open Until"},
{ value: "5.0", title: "Valutazione" },
{ value: "100+", title: "Clienti Settimanali" },
{ value: "19:00", title: "Orario di Chiusura" },
]}
imageSrc="http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg"
mediaAnimation="slide-up"
@@ -100,27 +77,21 @@ 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"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-proposes-colour-dying-hair_329181-1945.jpg?_wi=1"},
title: "Taglio & Styling", description: "Tagli esperti per uomo e donna, personalizzati secondo il tuo stile.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=1" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-proposes-colour-dying-hair_329181-1945.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?_wi=1"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=2"},
title: "Colore & Trasformazioni", description: "Tecniche di colorazione moderne con prodotti professionali premium.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg?_wi=1" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.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?_wi=2"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg?_wi=2"},
title: "Extension", description: "Extension di alta qualità per aggiungere volume e lunghezza con finitura naturale.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-proposes-colour-dying-hair_329181-1945.jpg?_wi=2" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg?_wi=2" },
},
]}
showStepNumbers={false}
title="Our Professional Services"
description="From classic barbershop cuts to advanced coloring techniques, we cater to all your hair needs with unmatched professional care."
title="I Nostri Servizi Professionali"
description="Dai classici tagli da barbiere alle tecniche di colorazione avanzate, ci prendiamo cura di tutte le tue esigenze con un'attenzione professionale senza pari."
/>
</div>
@@ -131,27 +102,12 @@ export default function LandingPage() {
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: "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: "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: "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: "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: "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: "g1", brand: "Studio", name: "Biondo Moderno", price: "Trasformazione", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-posing-with-jewelry_23-2149247370.jpg?_wi=1" },
{ id: "g2", brand: "Studio", name: "Sfumatura Sharp", price: "Barber", 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: "g3", brand: "Studio", name: "Volume & Lunghezza", price: "Extension", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/cute-studio-girl-cool-hispanic_1187-6234.jpg?_wi=1" },
]}
title="Transformations"
description="See our latest work and experience the Black & White standard of style."
title="Trasformazioni"
description="Scopri i nostri ultimi lavori ed esplora lo standard di stile di Black & White."
/>
</div>
@@ -162,40 +118,25 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
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: "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: "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: "t1", name: "Marco Rossi", role: "Cliente", 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: "Cliente", 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: "Cliente", company: "Follonica", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3775.jpg" },
]}
title="What Our Clients Say"
description="Join our community of satisfied clients."
title="Cosa Dicono i Nostri Clienti"
description="Unisciti alla nostra community di clienti soddisfatti."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
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."
background={{ variant: "plain" }}
tag="Vieni a Trovarci"
title="Prenota la Tua Trasformazione"
description="Pronto a ridefinire il tuo look? Passa a trovarci a Follonica o chiama per prenotare il tuo appuntamento."
buttons={[
{
text: "Call +39 366 861 0081", href: "tel:+393668610081"},
{
text: "Get Directions", href: "https://maps.google.com"},
{ text: "Chiama +39 366 861 0081", href: "tel:+393668610081" },
{ text: "Ottieni Indicazioni", href: "https://maps.google.com" },
]}
/>
</div>
@@ -206,28 +147,21 @@ export default function LandingPage() {
columns={[
{
title: "Studio", items: [
{
label: "Services", href: "#services"},
{
label: "About", href: "#about"},
{
label: "Reviews", href: "#reviews"},
{ label: "Servizi", href: "#services" },
{ label: "Chi Siamo", href: "#about" },
{ label: "Recensioni", href: "#reviews" },
],
},
{
title: "Connect", items: [
{
label: "Call Us", href: "tel:+393668610081"},
{
label: "Visit Us", href: "https://maps.google.com"},
title: "Contatti", items: [
{ label: "Chiama", href: "tel:+393668610081" },
{ label: "Indicazioni", href: "https://maps.google.com" },
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
title: "Legale", items: [
{ label: "Privacy", href: "#" },
{ label: "Termini", href: "#" },
],
},
]}