From 4d6ee7c49c42808421d80784e95ae18c39d9536a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 11 Jun 2026 10:25:59 +0000
Subject: [PATCH] Add src/app/il-nostro-team/page.tsx

---
 src/app/il-nostro-team/page.tsx | 170 ++++++++++++++++++++++++++++++++
 1 file changed, 170 insertions(+)
 create mode 100644 src/app/il-nostro-team/page.tsx

diff --git a/src/app/il-nostro-team/page.tsx b/src/app/il-nostro-team/page.tsx
new file mode 100644
index 0000000..952d86f
--- /dev/null
+++ b/src/app/il-nostro-team/page.tsx
@@ -0,0 +1,170 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
+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">
+          <TeamCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            gridVariant="three-columns-all-equal-width"
+            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: "member-1",                name: "Marco Rossi",                role: "Istruttore IKO Level 2 | Guida escursionistica \"Il vento è il mio migliore amico, e ora lo sarà anche il tuo!\"",                imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-wearing-casual-clothing-smiling-confident-pointing-side_176420-137.jpg"
+              },
+              {
+                id: "member-2",                name: "Chiara Bianchi",                role: "Istruttrice FIV | Specialista principianti \"Ti farò planare prima che tu possa dire 'kitesurf'!\"",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-woman-curly-hair_171337-14285.jpg"
+              },
+              {
+                id: "member-3",                name: "Luca Verdi",                role: "Head Coach | Esperto di freestyle \"Se non c'è vento, c'è sempre un modo per divertirsi... ma con il vento è meglio!\"",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man_171337-23429.jpg"
+              },
+              {
+                id: "member-4",                name: "Giulia Neri",                role: "Assistente Istruttrice | Regina del downwind \"Il mare mi chiama, e io rispondo... in kite!\"",                imageSrc: "http://img.b2bpic.net/free-photo/happy-young-pretty-woman-with-long-hair_171337-37731.jpg"
+              }
+            ]}
+          />
+        </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"},
+            ]}
+            mediaAnimation="opacity"
+            mediaPosition="left"
+            imageSrc="http://img.b2bpic.net/free-photo/smiling-man-relaxing-lounger-using-cell-phone-earphones-listening-music_8353-6299.jpg"
+            imageAlt="Persona che invia un messaggio per prenotare un corso di kitesurf"
+          />
+        </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>
+  );
+}