4 Commits

Author SHA1 Message Date
4fb952e64f Merge version_3_1782053286334 into main
Merge version_3_1782053286334 into main
2026-06-21 14:52:13 +00:00
kudinDmitriyUp
008fef840e Bob AI: Add 3D elements and fix image centering in hero section 2026-06-21 14:51:19 +00:00
a9a22bc221 Merge version_2_1782053160159 into main
Merge version_2_1782053160159 into main
2026-06-21 14:47:08 +00:00
kudinDmitriyUp
f33f3ea835 Bob AI: Set image to https://storage.googleapis.com/webild/users/user_3FRzbBueJ3snmteqhb 2026-06-21 14:47:05 +00:00
9 changed files with 389 additions and 243 deletions

View File

@@ -1,255 +1,36 @@
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
import { Activity, Award, Shield, Smile, Sparkles, User, Users } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import ServicesSection from './HomePage/sections/Services';
import BenefitsSection from './HomePage/sections/Benefits';
import MethodologySection from './HomePage/sections/Methodology';
import TestimonialsSection from './HomePage/sections/Testimonials';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardBrand
brand="Dr. Luca Notarpietro"
description="Eccellenza in Ortodonzia e Chirurgia dentale a Napoli. Trasformiamo il tuo sorriso con competenza, tecnologia e dedizione al paziente."
primaryButton={{
text: "Prenota una Consulenza",
href: "#contact",
}}
secondaryButton={{
text: "Scopri i Servizi",
href: "#services",
}}
imageSrc="http://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73977.jpg"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Chi Sono"
title="Un approccio dedicato alla salute del tuo sorriso"
description="Con anni di esperienza nel campo dell'ortodonzia, il Dr. Notarpietro unisce clinica di precisione e un approccio umano per garantire risultati duraturi e un sorriso armonioso."
items={[
{
icon: Award,
title: "Specializzazione Certificata",
description: "Formazione avanzata in ortodonzia e chirurgia.",
},
{
icon: Shield,
title: "Tecnologia Avanzata",
description: "Strumenti diagnostici all'avanguardia per ogni procedura.",
},
{
icon: Users,
title: "Focus sul Paziente",
description: "Percorsi terapeutici personalizzati e ascolto attivo.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesBorderGlow
tag="Servizi"
title="Specialità dello Studio"
description="Offriamo una gamma completa di trattamenti ortodontici e chirurgici per adulti e bambini."
features={[
{
icon: Smile,
title: "Ortodonzia Invisibile",
description: "Soluzioni estetiche per allineare il sorriso con discrezione.",
},
{
icon: Activity,
title: "Chirurgia Orale",
description: "Interventi sicuri eseguiti con tecniche mininvasive.",
},
{
icon: Sparkles,
title: "Odontoiatria Estetica",
description: "Trattamenti mirati alla salute e alla bellezza dei tuoi denti.",
},
{
icon: User,
title: "Ortodonzia Infantile",
description: "Cura e monitoraggio della crescita dentale dei più piccoli.",
},
]}
/>
</SectionErrorBoundary>
</div>
<ServicesSection />
<div id="benefits" data-section="benefits">
<SectionErrorBoundary name="benefits">
<MetricsSimpleCards
tag="Valori"
title="Perché scegliere il nostro studio"
description="Ci distinguiamo per l'attenzione costante alla qualità clinica."
metrics={[
{
value: "15+",
description: "Anni di Esperienza",
},
{
value: "1000+",
description: "Sorrisi Trasformati",
},
{
value: "24/7",
description: "Assistenza Dedicata",
},
]}
/>
</SectionErrorBoundary>
</div>
<BenefitsSection />
<div id="methodology" data-section="methodology">
<SectionErrorBoundary name="methodology">
<FeaturesRevealCardsBento
tag="Percorso"
title="Come lavoriamo"
description="Seguiamo un protocollo rigoroso per garantire sicurezza e comfort in ogni fase del trattamento."
items={[
{
title: "Prima Visita",
description: "Analisi approfondita e anamnesi.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-using-inspection-spatula-examine-patient-throat-ent-doctor-doing-throat-exam-woman-patient-opened-her-mouth-throat-checkup_657921-246.jpg",
},
{
title: "Piano Personalizzato",
description: "Progetto terapeutico su misura.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
},
{
title: "Trattamento",
description: "Intervento con tecnologie moderne.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-showing-teeth-xray-computer-clinic_23-2147879118.jpg",
},
{
title: "Monitoraggio",
description: "Verifica dei progressi costanti.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-dentist-dental-clinic_107420-74193.jpg",
},
{
title: "Stabilizzazione",
description: "Mantenimento dei risultati ottenuti.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/dental-clinic-interior-with-modern-dentistry-equipment-orange-color-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12486.jpg",
},
{
title: "Follow-up",
description: "Controlli periodici post-trattamento.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/people-casual-young-beauty-spend_1303-470.jpg",
},
{
title: "Sorriso Finale",
description: "Il risultato desiderato raggiunto.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7680.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<MethodologySection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialColumnMarqueeCards
tag="Testimonianze"
title="Cosa dicono i nostri pazienti"
description="La soddisfazione di chi ha ritrovato un sorriso sano."
testimonials={[
{
name: "Anna Rossi",
role: "Paziente",
quote: "Il Dr. Notarpietro è stato professionale e gentilissimo.",
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985822.jpg",
},
{
name: "Marco Verdi",
role: "Paziente",
quote: "Risultati eccellenti in tempi brevi. Consigliatissimo.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-good-looking-ordinary-man-with-ginger-hair-bristle-blue-t-shirt-smiling-broadly_176420-27465.jpg",
},
{
name: "Giulia Bianchi",
role: "Paziente",
quote: "Ottimo approccio con i bambini, mio figlio è sereno.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-nurse-hospital-hallway_23-2151997626.jpg",
},
{
name: "Luca Esposito",
role: "Paziente",
quote: "Studio all'avanguardia e massima disponibilità.",
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-standing-city_839833-28609.jpg",
},
{
name: "Sara Russo",
role: "Paziente",
quote: "Il sorriso che desideravo da anni. Grazie!",
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="FAQ"
title="Domande frequenti"
description="Dubbi comuni sui trattamenti ortodontici."
items={[
{
question: "Quanto dura una visita iniziale?",
answer: "Solitamente 45-60 minuti per un'analisi completa.",
},
{
question: "Il trattamento è doloroso?",
answer: "Utilizziamo tecniche che minimizzano qualsiasi fastidio.",
},
{
question: "Accettate pagamenti dilazionati?",
answer: "Sì, offriamo soluzioni personalizzate per ogni esigenza.",
},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contatti"
text="Prenota oggi stesso la tua visita nel nostro studio a Napoli."
primaryButton={{
text: "Chiama ora",
href: "tel:+390811234567",
}}
secondaryButton={{
text: "Scrivici su WhatsApp",
href: "https://wa.me/393331234567",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

View File

@@ -0,0 +1,39 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import { Activity, Award, Shield, Smile, Sparkles, User, Users } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Chi Sono"
title="Un approccio dedicato alla salute del tuo sorriso"
description="Con anni di esperienza nel campo dell'ortodonzia, il Dr. Notarpietro unisce clinica di precisione e un approccio umano per garantire risultati duraturi e un sorriso armonioso."
items={[
{
icon: Award,
title: "Specializzazione Certificata",
description: "Formazione avanzata in ortodonzia e chirurgia.",
},
{
icon: Shield,
title: "Tecnologia Avanzata",
description: "Strumenti diagnostici all'avanguardia per ogni procedura.",
},
{
icon: Users,
title: "Focus sul Paziente",
description: "Percorsi terapeutici personalizzati e ascolto attivo.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,34 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "benefits" section.
import React from 'react';
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function BenefitsSection(): React.JSX.Element {
return (
<div id="benefits" data-section="benefits">
<SectionErrorBoundary name="benefits">
<MetricsSimpleCards
tag="Valori"
title="Perché scegliere il nostro studio"
description="Ci distinguiamo per l'attenzione costante alla qualità clinica."
metrics={[
{
value: "15+",
description: "Anni di Esperienza",
},
{
value: "1000+",
description: "Sorrisi Trasformati",
},
{
value: "24/7",
description: "Assistenza Dedicata",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,21 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contatti"
text="Prenota oggi stesso la tua visita nel nostro studio. 📞 +39 328 666 3368 | 📍 Piazza Medaglie dOro 15, Napoli"
primaryButton={{"text":"Chiama ora","href":"tel:+393286663368"}}
secondaryButton={{"href":"https://wa.me/393286663368","text":"Scrivici su WhatsApp"}}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,34 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="FAQ"
title="Domande frequenti"
description="Dubbi comuni sui trattamenti ortodontici."
items={[
{
question: "Quanto dura una visita iniziale?",
answer: "Solitamente 45-60 minuti per un'analisi completa.",
},
{
question: "Il trattamento è doloroso?",
answer: "Utilizziamo tecniche che minimizzano qualsiasi fastidio.",
},
{
question: "Accettate pagamenti dilazionati?",
answer: "Sì, offriamo soluzioni personalizzate per ogni esigenza.",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,78 @@
/* eslint-disable */
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
import Button from "@/components/ui/Button";
import ButtonFlip from "@/components/ui/ButtonFlip";
import ButtonSlide from "@/components/ui/ButtonSlide";
import AuroraBackground from "@/components/ui/AuroraBackground";
import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
import TextAnimation from "@/components/ui/TextAnimation";
import ImageOrVideo from "@/components/ui/ImageOrVideo";
import ScrollReveal from "@/components/ui/ScrollReveal";
const primaryButton = {
href: "#contact",
text: "Prenota una Consulenza"
};
const secondaryButton = {
text: "Scopri i Servizi",
href: "#services"
};
type HeroSplitProps = {
tag: string;
title: string;
description: string;
primaryButton: { text: string; href: string };
secondaryButton: { text: string; href: string };
} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
const HeroInline = () => {
return (
<section aria-label="Hero section" className="relative flex items-center h-fit md:h-svh pt-25 pb-20 md:py-0 overflow-hidden">
<AuroraBackground position="absolute" />
<div className="flex flex-col md:flex-row items-center gap-12 md:gap-20 w-content-width mx-auto">
<div className="w-full md:w-1/2">
<div className="flex flex-col items-center md:items-start gap-3">
<div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
<p>{"…"}</p>
</div>
<TextAnimation
text={"Dr. Luca Notarpietro"}
variant="fade-blur"
gradientText={true}
tag="h1"
className="text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-center md:text-left text-balance"
/>
<TextAnimation
text={"Eccellenza in Ortodonzia e Chirurgia dentale a Napoli. Trasformiamo il tuo sorriso con competenza, tecnologia e dedizione al paziente."}
variant="fade-blur"
gradientText={false}
tag="p"
className="md:max-w-8/10 text-lg md:text-xl leading-snug text-center md:text-left text-balance"
/>
<div className="flex flex-wrap max-md:justify-center gap-3 mt-2 md:mt-3">
<ButtonFlip text={primaryButton.text} href={primaryButton.href} variant="primary"/>
<ButtonSlide text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} />
</div>
</div>
</div>
<ScrollReveal variant="fade" delay={0.2} className="w-full md:w-1/2 h-100 md:h-[65vh] md:max-h-[75svh] p-2 xl:p-3 2xl:p-4 card rounded overflow-hidden transform perspective-1000 rotate-y-[-5deg] rotate-x-[5deg] hover:rotate-y-0 hover:rotate-x-0 transition-transform duration-700 shadow-2xl">
<div className="absolute inset-0 bg-gradient-to-tr from-primary-cta/20 to-transparent z-10 pointer-events-none"></div>
<ImageOrVideo imageSrc={"https://storage.googleapis.com/webild/users/user_3FRzbBueJ3snmteqhbOVGqKucO8/uploaded-1782053158961-rfbdc7ue.png"} className="w-full h-full object-cover object-top" />
</ScrollReveal>
</div>
</section>
);
};
export default function HeroSection() {
return (
<div data-webild-section="hero" id="hero">
<HeroInline />
</div>
);
}

View File

@@ -0,0 +1,64 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "methodology" section.
import React from 'react';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MethodologySection(): React.JSX.Element {
return (
<div id="methodology" data-section="methodology">
<SectionErrorBoundary name="methodology">
<FeaturesRevealCardsBento
tag="Percorso"
title="Come lavoriamo"
description="Seguiamo un protocollo rigoroso per garantire sicurezza e comfort in ogni fase del trattamento."
items={[
{
title: "Prima Visita",
description: "Analisi approfondita e anamnesi.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-using-inspection-spatula-examine-patient-throat-ent-doctor-doing-throat-exam-woman-patient-opened-her-mouth-throat-checkup_657921-246.jpg",
},
{
title: "Piano Personalizzato",
description: "Progetto terapeutico su misura.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
},
{
title: "Trattamento",
description: "Intervento con tecnologie moderne.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-showing-teeth-xray-computer-clinic_23-2147879118.jpg",
},
{
title: "Monitoraggio",
description: "Verifica dei progressi costanti.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-dentist-dental-clinic_107420-74193.jpg",
},
{
title: "Stabilizzazione",
description: "Mantenimento dei risultati ottenuti.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/dental-clinic-interior-with-modern-dentistry-equipment-orange-color-stomatology-cabinet-with-nobody-it-orange-equipment-oral-treatment_482257-12486.jpg",
},
{
title: "Follow-up",
description: "Controlli periodici post-trattamento.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/people-casual-young-beauty-spend_1303-470.jpg",
},
{
title: "Sorriso Finale",
description: "Il risultato desiderato raggiunto.",
href: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7680.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,43 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "services" section.
import React from 'react';
import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
import { Activity, Award, Shield, Smile, Sparkles, User, Users } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ServicesSection(): React.JSX.Element {
return (
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesBorderGlow
tag="Servizi"
title="Specialità dello Studio"
description="Offriamo una gamma completa di trattamenti ortodontici e chirurgici per adulti e bambini."
features={[
{
icon: Smile,
title: "Ortodonzia Invisibile",
description: "Soluzioni estetiche per allineare il sorriso con discrezione.",
},
{
icon: Activity,
title: "Chirurgia Orale",
description: "Interventi sicuri eseguiti con tecniche mininvasive.",
},
{
icon: Sparkles,
title: "Odontoiatria Estetica",
description: "Trattamenti mirati alla salute e alla bellezza dei tuoi denti.",
},
{
icon: User,
title: "Ortodonzia Infantile",
description: "Cura e monitoraggio della crescita dentale dei più piccoli.",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,52 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialColumnMarqueeCards
tag="Testimonianze"
title="Cosa dicono i nostri pazienti"
description="La soddisfazione di chi ha ritrovato un sorriso sano."
testimonials={[
{
name: "Anna Rossi",
role: "Paziente",
quote: "Il Dr. Notarpietro è stato professionale e gentilissimo.",
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985822.jpg",
},
{
name: "Marco Verdi",
role: "Paziente",
quote: "Risultati eccellenti in tempi brevi. Consigliatissimo.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-good-looking-ordinary-man-with-ginger-hair-bristle-blue-t-shirt-smiling-broadly_176420-27465.jpg",
},
{
name: "Giulia Bianchi",
role: "Paziente",
quote: "Ottimo approccio con i bambini, mio figlio è sereno.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-nurse-hospital-hallway_23-2151997626.jpg",
},
{
name: "Luca Esposito",
role: "Paziente",
quote: "Studio all'avanguardia e massima disponibilità.",
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-standing-city_839833-28609.jpg",
},
{
name: "Sara Russo",
role: "Paziente",
quote: "Il sorriso che desideravo da anni. Grazie!",
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}