Add src/app/il-nostro-team/page.tsx
This commit is contained in:
170
src/app/il-nostro-team/page.tsx
Normal file
170
src/app/il-nostro-team/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user