bender/94a946cc-dd37-4c14-ac07-4cceda95151e
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-14 17:55:02 +00:00
parent 390709056a
commit 2735027dd4
1 changed files with 74 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
src/app/page.tsx
View File

@@ -62,21 +62,21 @@ export default function LandingPage() {
{ text: "Scopri di Più", href: "#services" }
]}
buttonAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7680.jpg"
imageSrc="http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7680.jpg?w=600&h=800"
imageAlt="Interno dello studio dentale di lusso moderno"
mediaAnimation="blur-reveal"
imagePosition="right"
className="relative overflow-hidden"
containerClassName="max-w-7xl mx-auto"
className="relative overflow-hidden py-12 md:py-20"
containerClassName="max-w-7xl mx-auto px-4 md:px-6"
textBoxClassName="flex flex-col justify-center"
titleClassName="text-5xl md:text-6xl font-light leading-tight"
descriptionClassName="text-lg md:text-xl text-foreground/80 mt-6"
buttonContainerClassName="flex gap-4 mt-8"
buttonClassName="px-8 py-3"
mediaWrapperClassName="rounded-2xl overflow-hidden shadow-2xl"
kpiClassName="p-6 rounded-xl backdrop-blur-md"
kpiValueClassName="text-2xl font-semibold"
kpiLabelClassName="text-sm text-foreground/70 mt-2"
titleClassName="text-3xl md:text-5xl lg:text-6xl font-light leading-tight"
descriptionClassName="text-sm md:text-lg lg:text-xl text-foreground/80 mt-4 md:mt-6 leading-relaxed"
buttonContainerClassName="flex flex-col md:flex-row gap-3 md:gap-4 mt-6 md:mt-8"
buttonClassName="px-6 md:px-8 py-3 md:py-3 rounded-full text-sm md:text-base touch-target-friendly w-full md:w-auto"
mediaWrapperClassName="rounded-lg md:rounded-2xl overflow-hidden shadow-lg md:shadow-2xl mt-8 md:mt-0"
kpiClassName="p-4 md:p-6 rounded-lg md:rounded-xl backdrop-blur-md"
kpiValueClassName="text-xl md:text-2xl font-semibold"
kpiLabelClassName="text-xs md:text-sm text-foreground/70 mt-2"
/>
</div>
@@ -90,15 +90,15 @@ export default function LandingPage() {
products={[
{
id: "whitening", brand: "Cosmetica Avanzata", name: "Sbiancamento Professionale dei Denti", price: "Da €299", rating: 5,
reviewCount: "124 recensioni", imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-explaining-image_23-2149164350.jpg", imageAlt: "Trattamento professionale di sbiancamento dei denti"
reviewCount: "124 recensioni", imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-explaining-image_23-2149164350.jpg?w=400&h=300", imageAlt: "Trattamento professionale di sbiancamento dei denti"
},
{
id: "implants", brand: "Cure Ricostruttive", name: "Impianti Dentali", price: "Da €1.200", rating: 5,
reviewCount: "98 recensioni", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053318.jpg", imageAlt: "Procedura avanzata di impianto dentale"
reviewCount: "98 recensioni", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053318.jpg?w=400&h=300", imageAlt: "Procedura avanzata di impianto dentale"
},
{
id: "orthodontics", brand: "Specialisti di Allineamento", name: "Ortodonzia Invisibile", price: "Da €1.500", rating: 5,
reviewCount: "87 recensioni", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-tooth-gems_52683-157337.jpg", imageAlt: "Trattamento ortodontico moderno"
reviewCount: "87 recensioni", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-tooth-gems_52683-157337.jpg?w=400&h=300", imageAlt: "Trattamento ortodontico moderno"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -107,12 +107,14 @@ export default function LandingPage() {
useInvertedBackground={false}
buttons={[{ text: "Visualizza Tutti i Servizi", href: "#contact" }]}
buttonAnimation="slide-up"
className="py-20"
containerClassName="max-w-6xl mx-auto px-6"
textBoxTitleClassName="text-4xl md:text-5xl font-light"
textBoxDescriptionClassName="text-foreground/70 text-lg mt-4"
textBoxButtonContainerClassName="flex gap-4 mt-8"
cardClassName="rounded-2xl overflow-hidden"
className="py-12 md:py-20"
containerClassName="max-w-6xl mx-auto px-4 md:px-6"
textBoxTitleClassName="text-3xl md:text-4xl lg:text-5xl font-light"
textBoxDescriptionClassName="text-sm md:text-base text-foreground/70 lg:text-lg mt-4 leading-relaxed"
textBoxButtonContainerClassName="flex flex-col md:flex-row gap-3 md:gap-4 mt-6 md:mt-8"
textBoxButtonClassName="px-6 md:px-8 py-3 rounded-full text-sm md:text-base touch-target-friendly w-full md:w-auto"
cardClassName="rounded-lg md:rounded-2xl overflow-hidden h-full"
imageClassName="w-full h-48 md:h-64 object-cover"
/>
</div>
@@ -124,13 +126,13 @@ export default function LandingPage() {
buttons={[{ text: "Contattaci", href: "#contact" }]}
buttonAnimation="blur-reveal"
useInvertedBackground={false}
className="py-20"
containerClassName="max-w-6xl mx-auto px-6"
headingClassName="text-4xl md:text-5xl font-light leading-tight"
imageWrapperClassName="rounded-2xl overflow-hidden shadow-xl"
className="py-12 md:py-20"
containerClassName="max-w-6xl mx-auto px-4 md:px-6"
headingClassName="text-3xl md:text-4xl lg:text-5xl font-light leading-tight"
imageWrapperClassName="rounded-lg md:rounded-2xl overflow-hidden shadow-lg md:shadow-xl mt-6 md:mt-8"
imageClassName="w-full h-auto object-cover"
buttonContainerClassName="flex gap-4 mt-8"
buttonClassName="px-6 py-3 rounded-full"
buttonContainerClassName="flex flex-col md:flex-row gap-3 md:gap-4 mt-6 md:mt-8"
buttonClassName="px-6 md:px-8 py-3 rounded-full text-sm md:text-base touch-target-friendly w-full md:w-auto"
/>
</div>
@@ -143,28 +145,30 @@ export default function LandingPage() {
tagAnimation="opacity"
features={[
{
title: "Digital Smile Design", description: "Visualizzate la vostra trasformazione prima che il trattamento inizi. La nostra tecnologia di imaging avanzata vi consente di vedere i risultati potenziali con precisione.", imageSrc: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg?_wi=1", imageAlt: "Tecnologia di progettazione del sorriso digitale"
title: "Digital Smile Design", description: "Visualizzate la vostra trasformazione prima che il trattamento inizi. La nostra tecnologia di imaging avanzata vi consente di vedere i risultati potenziali con precisione.", imageSrc: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg?_wi=1&w=500&h=400", imageAlt: "Tecnologia di progettazione del sorriso digitale"
},
{
title: "Odontoiatria Laser", description: "Trattamenti minimamente invasivi con guarigione più veloce e minore disagio. Precisione a livello cellulare.", videoSrc: "https://example.com/laser-video.mp4", videoAriaLabel: "Dimostrazione della procedura di odontoiatria laser"
},
{
title: "Imaging 3D", description: "Tomografia computerizzata a fascio conico per una diagnosi completa e pianificazione del trattamento. La visione più chiara possibile.", imageSrc: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg?_wi=2", imageAlt: "Tecnologia di imaging dentale 3D"
title: "Imaging 3D", description: "Tomografia computerizzata a fascio conico per una diagnosi completa e pianificazione del trattamento. La visione più chiara possibile.", imageSrc: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg?_wi=2&w=500&h=400", imageAlt: "Tecnologia di imaging dentale 3D"
},
{
title: "Scansione Intraorale", description: "Eliminate le impronte disordinate. Scansioni digitali veloci e accurate per corone, ponti e allineatori.", imageSrc: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg?_wi=3", imageAlt: "Tecnologia dello scanner intraorale"
title: "Scansione Intraorale", description: "Eliminate le impronte disordinate. Scansioni digitali veloci e accurate per corone, ponti e allineatori.", imageSrc: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg?_wi=3&w=500&h=400", imageAlt: "Tecnologia dello scanner intraorale"
}
]}
gridVariant="two-columns-alternating-heights"
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
className="py-20"
containerClassName="max-w-6xl mx-auto px-6"
textBoxTitleClassName="text-4xl md:text-5xl font-light"
textBoxDescriptionClassName="text-foreground/70 text-lg mt-4"
cardTitleClassName="text-xl font-semibold"
cardDescriptionClassName="text-foreground/70 text-sm mt-3"
className="py-12 md:py-20"
containerClassName="max-w-6xl mx-auto px-4 md:px-6"
textBoxTitleClassName="text-3xl md:text-4xl lg:text-5xl font-light"
textBoxDescriptionClassName="text-sm md:text-base text-foreground/70 lg:text-lg mt-4 leading-relaxed"
cardTitleClassName="text-lg md:text-xl font-semibold"
cardDescriptionClassName="text-xs md:text-sm text-foreground/70 mt-3 leading-relaxed"
mediaClassName="w-full h-40 md:h-64 object-cover"
cardClassName="rounded-lg md:rounded-2xl overflow-hidden h-full"
/>
</div>
@@ -172,22 +176,22 @@ export default function LandingPage() {
<TestimonialCardSix
testimonials={[
{
id: "testimonial-1", name: "Jennifer Mitchell", handle: "@jen_smiles", testimonial: "La trasformazione è stata incredibile. L'attenzione ai dettagli del team e il comfort durante la mia procedura di impianto hanno superato tutte le aspettative. Finalmente ho il sorriso che ho sempre voluto.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-clinic_23-2149726916.jpg", imageAlt: "Jennifer Mitchell che sorride", icon: Star
id: "testimonial-1", name: "Jennifer Mitchell", handle: "@jen_smiles", testimonial: "La trasformazione è stata incredibile. L'attenzione ai dettagli del team e il comfort durante la mia procedura di impianto hanno superato tutte le aspettative. Finalmente ho il sorriso che ho sempre voluto.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-clinic_23-2149726916.jpg?w=150&h=150", imageAlt: "Jennifer Mitchell che sorride", icon: Star
},
{
id: "testimonial-2", name: "Marcus Chen", handle: "@marcus_dentistry", testimonial: "Professionale, accurato e genuinamente premuroso. La progettazione del sorriso digitale mi ha aiutato a capire esattamente cosa aspettarmi. Vale ogni euro.", imageSrc: "http://img.b2bpic.net/free-photo/playful-asian-woman_1098-22085.jpg", imageAlt: "Marcus Chen che sorride", icon: Star
id: "testimonial-2", name: "Marcus Chen", handle: "@marcus_dentistry", testimonial: "Professionale, accurato e genuinamente premuroso. La progettazione del sorriso digitale mi ha aiutato a capire esattamente cosa aspettarmi. Vale ogni euro.", imageSrc: "http://img.b2bpic.net/free-photo/playful-asian-woman_1098-22085.jpg?w=150&h=150", imageAlt: "Marcus Chen che sorride", icon: Star
},
{
id: "testimonial-3", name: "Sarah Anderson", handle: "@sarah_confident", testimonial: "Dopo anni di evitare il dentista, ho trovato il mio rifugio qui. Il team mi ha fatto sentire completamente a mio agio. Il mio sorriso non è mai stato migliore.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-isolated-grey_651396-917.jpg", imageAlt: "Sarah Anderson che sorride", icon: Star
id: "testimonial-3", name: "Sarah Anderson", handle: "@sarah_confident", testimonial: "Dopo anni di evitare il dentista, ho trovato il mio rifugio qui. Il team mi ha fatto sentire completamente a mio agio. Il mio sorriso non è mai stato migliore.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-isolated-grey_651396-917.jpg?w=150&h=150", imageAlt: "Sarah Anderson che sorride", icon: Star
},
{
id: "testimonial-4", name: "David Rodriguez", handle: "@david_bright", testimonial: "La tecnologia che usano è all'avanguardia, ma quello che mi ha davvero impressionato è stata la loro genuina preoccupazione per il mio benessere. Cinque stelle in tutto.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-chair_23-2149093345.jpg", imageAlt: "David Rodriguez che sorride", icon: Star
id: "testimonial-4", name: "David Rodriguez", handle: "@david_bright", testimonial: "La tecnologia che usano è all'avanguardia, ma quello che mi ha davvero impressionato è stata la loro genuina preoccupazione per il mio benessere. Cinque stelle in tutto.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-chair_23-2149093345.jpg?w=150&h=150", imageAlt: "David Rodriguez che sorride", icon: Star
},
{
id: "testimonial-5", name: "Emma Wilson", handle: "@emma_luminous", testimonial: "Il mio percorso di invisalign è stato perfetto. Controlli regolari, regolazioni e supporto genuino durante tutto il processo. Il miglior investimento in me stesso mai fatto.", imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-with-crossed-arms-gesture_53876-111201.jpg", imageAlt: "Emma Wilson che sorride", icon: Star
id: "testimonial-5", name: "Emma Wilson", handle: "@emma_luminous", testimonial: "Il mio percorso di invisalign è stato perfetto. Controlli regolari, regolazioni e supporto genuino durante tutto il processo. Il miglior investimento in me stesso mai fatto.", imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-with-crossed-arms-gesture_53876-111201.jpg?w=150&h=150", imageAlt: "Emma Wilson che sorride", icon: Star
},
{
id: "testimonial-6", name: "Thomas Lee", handle: "@thomas_smile", testimonial: "La professionalità combinata con un tocco personale distingue questa pratica. Li ho consigliati a tutti i miei amici e familiari.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-34348.jpg", imageAlt: "Thomas Lee che sorride", icon: Star
id: "testimonial-6", name: "Thomas Lee", handle: "@thomas_smile", testimonial: "La professionalità combinata con un tocco personale distingue questa pratica. Li ho consigliati a tutti i miei amici e familiari.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-34348.jpg?w=150&h=150", imageAlt: "Thomas Lee che sorride", icon: Star
}
]}
title="Fidato da Migliaia di Pazienti che Sorridono"
@@ -200,14 +204,15 @@ export default function LandingPage() {
animationType="blur-reveal"
speed={40}
topMarqueeDirection="left"
className="py-20"
containerClassName="max-w-6xl mx-auto px-6"
textBoxTitleClassName="text-4xl md:text-5xl font-light"
textBoxDescriptionClassName="text-foreground/70 text-lg mt-4"
cardClassName="rounded-2xl p-6"
testimonialClassName="text-foreground/80"
nameClassName="font-semibold mt-4"
handleClassName="text-sm text-foreground/60"
className="py-12 md:py-20"
containerClassName="max-w-6xl mx-auto px-4 md:px-6"
textBoxTitleClassName="text-3xl md:text-4xl lg:text-5xl font-light"
textBoxDescriptionClassName="text-sm md:text-base text-foreground/70 lg:text-lg mt-4 leading-relaxed"
cardClassName="rounded-lg md:rounded-2xl p-4 md:p-6 h-full"
testimonialClassName="text-xs md:text-sm text-foreground/80 leading-relaxed line-clamp-3 md:line-clamp-none"
imageClassName="w-12 h-12 md:w-14 md:h-14 rounded-full object-cover"
nameClassName="font-semibold mt-3 md:mt-4 text-sm md:text-base"
handleClassName="text-xs md:text-sm text-foreground/60"
/>
</div>
@@ -220,24 +225,26 @@ export default function LandingPage() {
tagAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/waiting-room-clinic-with-nobody-it-front-office-with-new-normal-having-sign-chair-social-distance-coronavirus-pandemic_482257-4808.jpg"
imageSrc="http://img.b2bpic.net/free-photo/waiting-room-clinic-with-nobody-it-front-office-with-new-normal-having-sign-chair-social-distance-coronavirus-pandemic_482257-4808.jpg?w=500&h=600"
imageAlt="Ricezione dello studio dentale lussuoso"
mediaAnimation="blur-reveal"
mediaPosition="right"
inputPlaceholder="Inserisci il tuo indirizzo email"
buttonText="Prenota Ora"
termsText="Prenotando accetti i nostri Termini di Servizio e l'Informativa sulla Privacy."
className="py-20"
containerClassName="max-w-6xl mx-auto px-6"
contentClassName="flex flex-col justify-center"
tagClassName="text-sm uppercase tracking-wider"
titleClassName="text-4xl md:text-5xl font-light mt-4"
descriptionClassName="text-foreground/70 text-lg mt-4"
formWrapperClassName="mt-8"
inputClassName="w-full px-6 py-3 rounded-full border border-accent/20 bg-white/50 backdrop-blur-md"
buttonClassName="px-8 py-3 rounded-full"
className="py-12 md:py-20"
containerClassName="max-w-6xl mx-auto px-4 md:px-6"
contentClassName="flex flex-col justify-center gap-6"
tagClassName="text-xs md:text-sm uppercase tracking-wider"
titleClassName="text-3xl md:text-4xl lg:text-5xl font-light mt-4 leading-tight"
descriptionClassName="text-sm md:text-base text-foreground/70 mt-4 leading-relaxed"
formWrapperClassName="mt-6 md:mt-8 w-full"
inputClassName="w-full px-4 md:px-6 py-4 md:py-3 text-base md:text-sm rounded-full border border-accent/20 bg-white/50 backdrop-blur-md touch-target-friendly"
buttonClassName="w-full md:w-auto px-6 md:px-8 py-4 md:py-3 rounded-full text-base md:text-sm touch-target-friendly font-semibold"
buttonTextClassName="font-semibold"
termsClassName="text-sm text-foreground/60 mt-4"
termsClassName="text-xs md:text-sm text-foreground/60 mt-3 md:mt-4 leading-relaxed"
mediaWrapperClassName="rounded-xl md:rounded-2xl overflow-hidden shadow-lg md:shadow-2xl h-auto md:h-full"
mediaClassName="w-full h-auto object-cover"
/>
</div>
@@ -280,11 +287,13 @@ export default function LandingPage() {
}
]}
className="bg-gradient-to-b from-background to-background-accent/10"
containerClassName="max-w-7xl mx-auto px-6 py-16"
logoTextClassName="text-2xl font-light"
columnsClassName="grid grid-cols-2 md:grid-cols-4 gap-8"
columnTitleClassName="font-semibold text-foreground"
columnItemClassName="text-foreground/70 hover:text-primary-cta transition-colors"
containerClassName="max-w-7xl mx-auto px-4 md:px-6 py-12 md:py-16"
logoTextClassName="text-lg md:text-2xl font-light"
columnsClassName="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8"
columnTitleClassName="text-sm md:text-base font-semibold text-foreground"
columnItemClassName="text-xs md:text-sm text-foreground/70 hover:text-primary-cta transition-colors py-2 md:py-1 break-words"
copyrightContainerClassName="mt-8 md:mt-12 pt-6 md:pt-8 border-t border-foreground/10"
copyrightTextClassName="text-xs md:text-sm text-foreground/60 text-center md:text-left leading-relaxed"
/>
</div>
</ThemeProvider>