diff --git a/src/app/page.tsx b/src/app/page.tsx index 24f5a58..ddf71c2 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" /> @@ -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" /> @@ -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" /> @@ -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" /> @@ -172,22 +176,22 @@ export default function LandingPage() { @@ -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" /> @@ -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" />