Update src/app/il-nostro-team/page.tsx

Merge version_3 into main

src/app/il-nostro-team/page.tsx

@@ -0,0 +1,166 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function IlNostroTeamPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="medium"
+      background="fluid"
+      cardStyle="solid"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              {
+                name: "Home",                id: "/#hero"},
+              {
+                name: "Corsi",                id: "/#corsi"},
+              {
+                name: "Chi Siamo",                id: "/#chisiamo"},
+              {
+                name: "Il Nostro Team",                id: "/il-nostro-team"
+              },
+              {
+                name: "Lo Spot",                id: "/#spot"},
+              {
+                name: "Community",                id: "/#community"},
+              {
+                name: "FAQ",                id: "/#faq"},
+              {
+                name: "Contatti",                id: "/#contatti"},
+            ]}
+            brandName="40 Nodi ASD"
+            button={{
+              text: "Prenota Ora",              href: "/#contatti"}}
+          />
+        </div>
+
+        <div id="team-intro" data-section="team-intro" className="py-20 bg-background text-center">
+          <div className="container mx-auto px-4 max-w-[var(--width-content-width)]">
+            <h1 className="text-5xl font-extrabold text-foreground mb-4">
+              Le guide del tuo divertimento in sicurezza
+            </h1>
+            <p className="text-lg text-foreground/80 max-w-2xl mx-auto">
+              Il nostro team è composto da istruttori certificati e appassionati, pronti a condividere con te la magia del kitesurf.
+              Ogni membro porta esperienza, professionalità e un tocco di allegria per rendere ogni lezione un'esperienza indimenticabile.
+            </p>
+          </div>
+        </div>
+
+        <div id="team-members" data-section="team-members">
+          <TeamCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            gridVariant="two-columns-alternating-heights"
+            title="Incontra i Nostri Istruttori"
+            description="Professionisti qualificati e sempre pronti a farti volare in sicurezza. Ogni membro del team è un kiters esperto e un formatore eccezionale."
+            members={[
+              {
+                id: "emilio",                name: "Emilio",                role: "Istruttore IKO Level 2 | Guida Escursionistica",                description: "Fondatore e anima della scuola. Con oltre 20 anni di esperienza, Emilio è il pilastro della sicurezza e della progressione. La sua calma e la sua meticolosità sono perfette per trasformare ogni studente in un kiters indipendente e sicuro.",                imageSrc: "https://images.unsplash.com/photo-1560250097-f5000a6e026c?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",                imageAlt: "Portrait of Emilio"
+              },
+              {
+                id: "diego",                name: "Diego",                role: "Istruttore FIV | Specialista Principianti",                description: "Sempre sorridente e paziente, Diego è la guida ideale per chi si approccia al kitesurf per la prima volta. La sua capacità di semplificare anche i concetti più complessi rende l'apprendimento un percorso fluido e divertente.",                imageSrc: "https://images.unsplash.com/photo-1507003211169-e69fe254be2f?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",                imageAlt: "Portrait of Diego"
+              },
+              {
+                id: "valerio",                name: "Valerio",                role: "Head Coach | Esperto di Freestyle",                description: "Conosciuto per la sua energia contagiosa e la sua maestria nel freestyle, Valerio spinge i limiti e ispira i nostri allievi più esperti. Se cerchi di migliorare i tuoi salti o imparare nuove manovre, lui è la persona giusta.",                imageSrc: "https://images.unsplash.com/photo-1544723795-3fb6469e380f?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",                imageAlt: "Portrait of Valerio"
+              },
+              {
+                id: "osiris",                name: "Osiris",                role: "Assistente Istruttrice | Regina del Downwind",                description: "La nostra esperta di downwind e sicurezza, Osiris ha un occhio attento per i dettagli e assicura che ogni sessione si svolga in totale tranquillità. La sua presenza è una garanzia di divertimento e supporto.",                imageSrc: "https://images.unsplash.com/photo-1560281692-a1b7e61b7f94?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",                imageAlt: "Portrait of Osiris"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="certificazioni" data-section="certificazioni" className="py-20 bg-background-accent text-center">
+          <div className="container mx-auto px-4 max-w-[var(--width-content-width)]">
+            <h2 className="text-4xl font-extrabold text-foreground mb-4">
+              Certificazioni Ufficiali
+            </h2>
+            <p className="text-lg text-foreground/80 max-w-2xl mx-auto">
+              La sicurezza è la nostra priorità. Tutti i nostri istruttori sono certificati IKO (International Kiteboarding Organization) e FIV (Federazione Italiana Vela),
+              garantendo il massimo standard di insegnamento e sicurezza. Siamo anche qualificati per il primo soccorso e il salvataggio in acqua.
+            </p>
+          </div>
+        </div>
+
+        <div id="cta" data-section="cta">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{
+              variant: "radial-gradient"}}
+            tag="Pronto a unirti?"
+            title="Vieni a conoscerci in spiaggia"
+            description="Siamo certi che la nostra passione e professionalità ti contageranno! Prenota una lezione o semplicemente passa a trovarci per un saluto."
+            buttons={[
+              {
+                text: "Prenota una lezione con noi",                href: "/#contatti"},
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  {
+                    label: "Home",                    href: "/#hero"},
+                  {
+                    label: "Corsi",                    href: "/#corsi"},
+                  {
+                    label: "Chi Siamo",                    href: "/#chisiamo"},
+                ],
+              },
+              {
+                items: [
+                  {
+                    label: "Lo Spot",                    href: "/#spot"},
+                  {
+                    label: "Community",                    href: "/#community"},
+                  {
+                    label: "FAQ",                    href: "/#faq"},
+                ],
+              },
+              {
+                items: [
+                  {
+                    label: "Contatti",                    href: "/#contatti"},
+                  {
+                    label: "Privacy Policy",                    href: "#"},
+                  {
+                    label: "Termini e Condizioni",                    href: "#"},
+                ],
+              },
+              {
+                items: [
+                  {
+                    label: "Facebook",                    href: "https://www.facebook.com/40nodiasd"},
+                  {
+                    label: "Instagram",                    href: "https://www.instagram.com/40nodiasd"},
+                  {
+                    label: "WhatsApp",                    href: "https://wa.me/XXXXXXXXXX"},
+                ],
+              },
+            ]}
+            logoText="40 Nodi ASD"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,39 +32,26 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
+        {
+          name: "Corsi",          id: "#corsi"},
+        {
+          name: "Chi Siamo",          id: "#chisiamo"},
+        {
+          name: "Il Nostro Team",          id: "/il-nostro-team"
         },
         {
-          name: "Corsi",
+          name: "Lo Spot",          id: "#spot"},
-          id: "#corsi",
-        },
         {
-          name: "Chi Siamo",
+          name: "Community",          id: "#community"},
-          id: "#chisiamo",
-        },
         {
-          name: "Lo Spot",
+          name: "FAQ",          id: "#faq"},
-          id: "#spot",
-        },
         {
-          name: "Community",
+          name: "Contatti",          id: "#contatti"},
-          id: "#community",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-        {
-          name: "Contatti",
-          id: "#contatti",
-        },
       ]}
       brandName="40 Nodi ASD"
       button={{
-        text: "Prenota Ora",
+        text: "Prenota Ora",        href: "#contatti"}}
-        href: "#contatti",
-      }}
     />
   </div>
 
@@ -74,39 +61,23 @@ export default function LandingPage() {
       description="Scopri l'emozione di planare sull'acqua con istruttori qualificati e attrezzatura all'avanguardia. Il tuo viaggio nel kitesurf inizia qui, in uno degli spot più belli della Puglia."
       buttons={[
         {
-          text: "Inizia il tuo viaggio",
+          text: "Inizia il tuo viaggio",          href: "#corsi"},
-          href: "#corsi",
-        },
         {
-          text: "Contattaci su WhatsApp",
+          text: "Contattaci su WhatsApp",          href: "https://wa.me/XXXXXXXXXX"},
-          href: "https://wa.me/XXXXXXXXXX",
-        },
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-person-surfing-flying-parachute-same-time-kitesurfing_181624-23349.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-person-surfing-flying-parachute-same-time-kitesurfing_181624-23349.jpg",          imageAlt: "Felici principianti di kitesurf con istruttore in acque calme"},
-          imageAlt: "Felici principianti di kitesurf con istruttore in acque calme",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-surfing-brazil_23-2151079406.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/people-surfing-brazil_23-2151079406.jpg",          imageAlt: "Comunità di kitesurfer sulla spiaggia"},
-          imageAlt: "Comunità di kitesurfer sulla spiaggia",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-having-fun-beach_23-2150903854.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-having-fun-beach_23-2150903854.jpg",          imageAlt: "Istruttore IKO che aiuta uno studente di kitesurf"},
-          imageAlt: "Istruttore IKO che aiuta uno studente di kitesurf",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-red-inflatable-boat-speeding-across-turquoise-palau-waters_1308-189765.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-red-inflatable-boat-speeding-across-turquoise-palau-waters_1308-189765.jpg",          imageAlt: "Vista aerea dello spot di kitesurf a Brindisi"},
-          imageAlt: "Vista aerea dello spot di kitesurf a Brindisi",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-surfer-wetsuit-polishing-surfboard-with-wax-sand_74855-16407.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/male-surfer-wetsuit-polishing-surfboard-with-wax-sand_74855-16407.jpg",          imageAlt: "Attrezzatura da kitesurf moderna e colorata"},
-          imageAlt: "Attrezzatura da kitesurf moderna e colorata",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-distant-shot-woman-riding-kayak-middle-lake-sunset_181624-3666.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-distant-shot-woman-riding-kayak-middle-lake-sunset_181624-3666.jpg",          imageAlt: "Kitesurfer al tramonto sull'acqua"},
-          imageAlt: "Kitesurfer al tramonto sull'acqua",
-        },
       ]}
       autoplayDelay={4000}
     />
@@ -133,62 +104,31 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "battesimo",
+          id: "battesimo",          badge: "Primo Volo",          badgeIcon: Sparkles,
-          badge: "Primo Volo",
+          price: "€XX",          subtitle: "Scopri l'emozione del kite",          buttons: [
-          badgeIcon: Sparkles,
-          price: "€XX",
-          subtitle: "Scopri l'emozione del kite",
-          buttons: [
             {
-              text: "Scopri di più",
+              text: "Scopri di più",              href: "#contatti"},
-              href: "#contatti",
-            },
           ],
           features: [
-            "1-2 ore di lezione",
+            "1-2 ore di lezione",            "Introduzione al kite",            "Controllo a terra",            "Sicurezza di base"],
-            "Introduzione al kite",
-            "Controllo a terra",
-            "Sicurezza di base",
-          ],
         },
         {
-          id: "base",
+          id: "base",          badge: "Più Popolare",          badgeIcon: Star,
-          badge: "Più Popolare",
+          price: "€YYY",          subtitle: "Diventa autonomo",          buttons: [
-          badgeIcon: Star,
-          price: "€YYY",
-          subtitle: "Diventa autonomo",
-          buttons: [
             {
-              text: "Prenota ora",
+              text: "Prenota ora",              href: "#contatti"},
-              href: "#contatti",
-            },
           ],
           features: [
-            "6-9 ore di lezione",
+            "6-9 ore di lezione",            "Body Drag",            "Waterstart",            "Prime planate",            "Teoria avanzata"],
-            "Body Drag",
-            "Waterstart",
-            "Prime planate",
-            "Teoria avanzata",
-          ],
         },
         {
-          id: "avanzato",
+          id: "avanzato",          badge: "Per Esperti",          badgeIcon: Award,
-          badge: "Per Esperti",
+          price: "€ZZZ",          subtitle: "Perfeziona la tecnica",          buttons: [
-          badgeIcon: Award,
-          price: "€ZZZ",
-          subtitle: "Perfeziona la tecnica",
-          buttons: [
             {
-              text: "Richiedi Info",
+              text: "Richiedi Info",              href: "#contatti"},
-              href: "#contatti",
-            },
           ],
           features: [
-            "3 ore di lezione personalizzata",
+            "3 ore di lezione personalizzata",            "Salti e manovre",            "Freestyle/Freeride",            "Navigazione avanzata"],
-            "Salti e manovre",
-            "Freestyle/Freeride",
-            "Navigazione avanzata",
-          ],
         },
       ]}
       title="Scegli il Tuo Percorso Kitesurf"
@@ -204,20 +144,11 @@ export default function LandingPage() {
       tag="Il Nostro Paradiso"
       accordionItems={[
         {
-          id: "spot-feature-1",
+          id: "spot-feature-1",          title: "Acque Basse e Protette",          content: "Ideale per i principianti, le nostre acque poco profonde permettono di imparare con la massima sicurezza e facilità."},
-          title: "Acque Basse e Protette",
-          content: "Ideale per i principianti, le nostre acque poco profonde permettono di imparare con la massima sicurezza e facilità.",
-        },
         {
-          id: "spot-feature-2",
+          id: "spot-feature-2",          title: "Vento Costante e Affidabile",          content: "Brindisi gode di venti termici costanti, garantendo condizioni perfette per lezioni e uscite quasi ogni giorno."},
-          title: "Vento Costante e Affidabile",
-          content: "Brindisi gode di venti termici costanti, garantendo condizioni perfette per lezioni e uscite quasi ogni giorno.",
-        },
         {
-          id: "spot-feature-3",
+          id: "spot-feature-3",          title: "Ampia Spiaggia Sicura",          content: "Una vasta area sabbiosa senza ostacoli rende il lancio e l'atterraggio del kite estremamente sicuro per tutti i livelli."},
-          title: "Ampia Spiaggia Sicura",
-          content: "Una vasta area sabbiosa senza ostacoli rende il lancio e l'atterraggio del kite estremamente sicuro per tutti i livelli.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/sea-waves-background-blue-ocean-blue-sky_169016-67708.jpg"
       imageAlt="Vista aerea dello spot di kitesurf a Brindisi con acque calme"
@@ -231,14 +162,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Grigliate in Spiaggia",
+        "Grigliate in Spiaggia",        "Uscite di Gruppo",        "Aperitivi al Tramonto",        "Viaggi Organizzati",        "Serate a Tema",        "Sessioni di Kitesurf Guidate",        "Relax & Socialità"]}
-        "Uscite di Gruppo",
-        "Aperitivi al Tramonto",
-        "Viaggi Organizzati",
-        "Serate a Tema",
-        "Sessioni di Kitesurf Guidate",
-        "Relax & Socialità",
-      ]}
       title="Più di un Corso, Una Grande Famiglia!"
       description="Unisciti alla nostra community e vivi l'esperienza kitesurf a 360°. Nuove amicizie, eventi e tanto divertimento ti aspettano sulla spiaggia e oltre."
       tag="Vivi il Club"
@@ -253,30 +177,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "faq-1",
+          id: "faq-1",          title: "Serve esperienza pregressa per iniziare?",          content: "Assolutamente no! I nostri corsi sono pensati anche per chi non ha mai praticato sport acquatici. Ti guideremo passo dopo passo dalle basi."},
-          title: "Serve esperienza pregressa per iniziare?",
-          content: "Assolutamente no! I nostri corsi sono pensati anche per chi non ha mai praticato sport acquatici. Ti guideremo passo dopo passo dalle basi.",
-        },
         {
-          id: "faq-2",
+          id: "faq-2",          title: "Qual è l'età minima per fare kitesurf?",          content: "Accettiamo allievi a partire dai 10 anni, purché sappiano nuotare. Non c'è un limite massimo di età, l'importante è godere di buona salute."},
-          title: "Qual è l'età minima per fare kitesurf?",
-          content: "Accettiamo allievi a partire dai 10 anni, purché sappiano nuotare. Non c'è un limite massimo di età, l'importante è godere di buona salute.",
-        },
         {
-          id: "faq-3",
+          id: "faq-3",          title: "L'attrezzatura è inclusa nei corsi?",          content: "Sì, tutta l'attrezzatura necessaria (kite, tavola, trapezio, muta, giubbotto) è fornita da noi durante le lezioni, sempre di ultima generazione."},
-          title: "L'attrezzatura è inclusa nei corsi?",
-          content: "Sì, tutta l'attrezzatura necessaria (kite, tavola, trapezio, muta, giubbotto) è fornita da noi durante le lezioni, sempre di ultima generazione.",
-        },
         {
-          id: "faq-4",
+          id: "faq-4",          title: "Quanto tempo ci vuole per imparare a navigare?",          content: "Il tempo varia da persona a persona, ma con il nostro corso base e un po' di pratica la maggior parte degli allievi riesce a fare le prime planate in 6-9 ore."},
-          title: "Quanto tempo ci vuole per imparare a navigare?",
-          content: "Il tempo varia da persona a persona, ma con il nostro corso base e un po' di pratica la maggior parte degli allievi riesce a fare le prime planate in 6-9 ore.",
-        },
         {
-          id: "faq-5",
+          id: "faq-5",          title: "Il kitesurf è pericoloso?",          content: "Con istruttori qualificati IKO/FIV e rispettando le norme di sicurezza, il kitesurf è uno sport sicuro. La tua sicurezza è la nostra priorità numero uno."},
-          title: "Il kitesurf è pericoloso?",
-          content: "Con istruttori qualificati IKO/FIV e rispettando le norme di sicurezza, il kitesurf è uno sport sicuro. La tua sicurezza è la nostra priorità numero uno.",
-        },
       ]}
       title="Domande Frequenti"
       description="Hai dubbi o curiosità sul kitesurf o sui nostri corsi? Trova qui le risposte alle domande più comuni per iniziare la tua avventura con noi in totale serenità."
@@ -288,8 +197,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Inizia Ora"
       title="Pronto a Volare?"
       description="Contattaci per prenotare la tua prima lezione, chiedere informazioni sui corsi o semplicemente per un saluto. Ti aspettiamo in spiaggia per condividere la passione del kitesurf!"
@@ -309,65 +217,41 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
+              label: "Home",              href: "#hero"},
-              href: "#hero",
-            },
             {
-              label: "Corsi",
+              label: "Corsi",              href: "#corsi"},
-              href: "#corsi",
-            },
             {
-              label: "Chi Siamo",
+              label: "Chi Siamo",              href: "#chisiamo"},
-              href: "#chisiamo",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Lo Spot",
+              label: "Lo Spot",              href: "#spot"},
-              href: "#spot",
-            },
             {
-              label: "Community",
+              label: "Community",              href: "#community"},
-              href: "#community",
-            },
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Contatti",
+              label: "Contatti",              href: "#contatti"},
-              href: "#contatti",
-            },
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Termini e Condizioni",
+              label: "Termini e Condizioni",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Facebook",
+              label: "Facebook",              href: "https://www.facebook.com/40nodiasd"},
-              href: "https://www.facebook.com/40nodiasd",
-            },
             {
-              label: "Instagram",
+              label: "Instagram",              href: "https://www.instagram.com/40nodiasd"},
-              href: "https://www.instagram.com/40nodiasd",
-            },
             {
-              label: "WhatsApp",
+              label: "WhatsApp",              href: "https://wa.me/XXXXXXXXXX"},
-              href: "https://wa.me/XXXXXXXXXX",
-            },
           ],
         },
       ]}