bender/779e5f01-fb8f-4d50-941e-67ccb843cdc7
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-05-07 21:13:28 +00:00
parent 67a9663cad
commit 0c2f76b3f2
1 changed files with 46 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

192
src/app/page.tsx
View File

@@ -19,27 +19,22 @@ export default function LandingPage() {
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
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: "hero",
},
{
name: "Chi Siamo",
id: "about",
},
{
name: "Servizi",
id: "services",
},
{
name: "Contatti",
id: "contact",
},
{ name: "Home", id: "#hero" },
{ name: "Chi Siamo", id: "#about" },
{ name: "Servizi", id: "#services" },
{ name: "Contatti", id: "#contact" },
]}
brandName="Brasilian Hair Studio"
/>
@@ -48,15 +43,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="L'Arte della Bellezza Brasiliana"
description="Scopri il segreto dei tuoi capelli in un'atmosfera calda ed esclusiva."
buttons={[
{
text: "Prenota ora",
href: "#contact",
},
text: "Prenota ora", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table-high-angle_23-2149703756.jpg"
/>
@@ -83,41 +75,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "s1",
name: "Brazilian Smoothing",
price: "da 120€",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-keratin-treated-hair_23-2149332462.jpg",
},
id: "s1", name: "Brazilian Smoothing", price: "da 120€", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-keratin-treated-hair_23-2149332462.jpg"},
{
id: "s2",
name: "Colorazione Premium",
price: "da 80€",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-sisters-touching-their-forehead_23-2147890512.jpg",
},
id: "s2", name: "Colorazione Premium", price: "da 80€", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-sisters-touching-their-forehead_23-2147890512.jpg"},
{
id: "s3",
name: "Taglio Personalizzato",
price: "da 50€",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-gold-butterflys-decor-isolated-grey-background_613910-10774.jpg",
},
id: "s3", name: "Taglio Personalizzato", price: "da 50€", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-gold-butterflys-decor-isolated-grey-background_613910-10774.jpg"},
{
id: "s4",
name: "Trattamento Idratante",
price: "da 40€",
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-brushed-latino-hair-salon_23-2150555163.jpg",
},
id: "s4", name: "Trattamento Idratante", price: "da 40€", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-hair-brushed-latino-hair-salon_23-2150555163.jpg"},
{
id: "s5",
name: "Piegatura Artistica",
price: "da 30€",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668431.jpg",
},
id: "s5", name: "Piegatura Artistica", price: "da 30€", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668431.jpg"},
{
id: "s6",
name: "Highlight & Balayage",
price: "da 100€",
imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-man-grooming_23-2147737047.jpg",
},
id: "s6", name: "Highlight & Balayage", price: "da 100€", imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-man-grooming_23-2147737047.jpg"},
]}
title="I Nostri Servizi"
description="Trattamenti personalizzati per ogni tipologia di capello."
@@ -131,59 +99,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Giulia R.",
role: "Cliente",
company: "Milano",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg",
},
id: "1", name: "Giulia R.", role: "Cliente", company: "Milano", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg"},
{
id: "2",
name: "Elena S.",
role: "Cliente",
company: "Milano",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-healthy-skin-shiny-wavy-brown-hair-smiling_23-2151968664.jpg",
},
id: "2", name: "Elena S.", role: "Cliente", company: "Milano", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-healthy-skin-shiny-wavy-brown-hair-smiling_23-2151968664.jpg"},
{
id: "3",
name: "Sofia L.",
role: "Cliente",
company: "Milano",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2712.jpg",
},
id: "3", name: "Sofia L.", role: "Cliente", company: "Milano", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2712.jpg"},
{
id: "4",
name: "Martina F.",
role: "Cliente",
company: "Milano",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dreamily-curly-pinkhaired-woman-bright-oversized-hoodie-smiles-isolated-charming-girl-sunglasses-poses-pink-background_197531-29639.jpg",
},
id: "4", name: "Martina F.", role: "Cliente", company: "Milano", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dreamily-curly-pinkhaired-woman-bright-oversized-hoodie-smiles-isolated-charming-girl-sunglasses-poses-pink-background_197531-29639.jpg"},
{
id: "5",
name: "Chiara V.",
role: "Cliente",
company: "Milano",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
},
id: "5", name: "Chiara V.", role: "Cliente", company: "Milano", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"},
]}
kpiItems={[
{
value: "10+",
label: "Anni di esperienza",
},
value: "10+", label: "Anni di esperienza"},
{
value: "5000+",
label: "Clienti soddisfatte",
},
value: "5000+", label: "Clienti soddisfatte"},
{
value: "100%",
label: "Qualità Brasiliana",
},
value: "100%", label: "Qualità Brasiliana"},
]}
title="Cosa dicono di noi"
description="La soddisfazione delle nostre clienti è la nostra priorità."
@@ -198,26 +135,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Ana Silva",
role: "Master Stylist",
description: "Esperta in tecniche brasiliane.",
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-tailor-smiling-confident-drinking-coffee-tailor-shop_839833-16029.jpg",
},
id: "t1", name: "Ana Silva", role: "Master Stylist", description: "Esperta in tecniche brasiliane.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-tailor-smiling-confident-drinking-coffee-tailor-shop_839833-16029.jpg"},
{
id: "t2",
name: "Beatriz Oliveira",
role: "Color Specialist",
description: "Appassionata di sfumature.",
imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224642.jpg",
},
id: "t2", name: "Beatriz Oliveira", role: "Color Specialist", description: "Appassionata di sfumature.", imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224642.jpg"},
{
id: "t3",
name: "Camila Souza",
role: "Hair Care Expert",
description: "Specialista in trattamenti.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-clothes-shopping_23-2150639823.jpg",
},
id: "t3", name: "Camila Souza", role: "Hair Care Expert", description: "Specialista in trattamenti.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-clothes-shopping_23-2150639823.jpg"},
]}
title="Il Nostro Staff"
description="Professionisti dedicati alla salute dei tuoi capelli."
@@ -230,20 +152,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Come posso prenotare?",
content: "Puoi chiamarci o scriverci su WhatsApp.",
},
id: "q1", title: "Come posso prenotare?", content: "Puoi chiamarci o scriverci su WhatsApp."},
{
id: "q2",
title: "Usate prodotti brasiliani?",
content: "Sì, utilizziamo esclusivamente prodotti di alta qualità.",
},
id: "q2", title: "Usate prodotti brasiliani?", content: "Sì, utilizziamo esclusivamente prodotti di alta qualità."},
{
id: "q3",
title: "Offrite consulenze?",
content: "Certamente, la prima consulenza è sempre inclusa.",
},
id: "q3", title: "Offrite consulenze?", content: "Certamente, la prima consulenza è sempre inclusa."},
]}
title="Domande Frequenti"
description="Tutto quello che devi sapere prima della tua visita."
@@ -255,16 +168,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Contattaci"
title="Vieni a Trovarci"
description="Ci troviamo in Via Milano, 123. Prenota oggi la tua esperienza."
buttons={[
{
text: "Chiama ora",
href: "tel:+39000000000",
},
text: "Chiama ora", href: "tel:+39000000000"},
]}
/>
</div>
@@ -274,29 +184,19 @@ export default function LandingPage() {
logoText="Brasilian Hair Studio"
columns={[
{
title: "Link",
items: [
title: "Link", items: [
{
label: "Servizi",
href: "#services",
},
label: "Servizi", href: "#services"},
{
label: "Contatti",
href: "#contact",
},
label: "Contatti", href: "#contact"},
],
},
{
title: "Info",
items: [
title: "Info", items: [
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Dove siamo",
href: "#",
},
label: "Dove siamo", href: "#"},
],
},
]}