275 lines
16 KiB
TypeScript
275 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Sparkles, Music, Zap, Palette, Lightbulb, MapPin, Navigation, Home, Info, Star, Instagram, Facebook, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Transumare"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Chi Siamo", id: "about" },
|
|
{ name: "Line Up", id: "lineup" },
|
|
{ name: "Info Utili", id: "info" },
|
|
{ name: "Contatti", id: "contact" },
|
|
]}
|
|
button={{
|
|
text: "Acquista Tickets", href: "https://tickets.transumarefest.com"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Musica in Movimento"
|
|
description="19 · 20 · 21 · 22 Agosto 2026 a Roseto degli Abruzzi. Un festival musicale che dal tramonto fino a tarda notte vi accompagnerà in un viaggio fatto di energia, arte e cultura."
|
|
tag="Festival 2026"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Acquista Tickets", href: "https://tickets.transumarefest.com" },
|
|
{ text: "Scopri di Più", href: "#about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-girl-posing_23-2148624908.jpg?_wi=1", imageAlt: "Festival stage with lights"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/guy-holding-drumstick-giving-thumbs-up_23-2148366440.jpg?_wi=1", imageAlt: "Electronic artist performing"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-two-young-women-enjoying-holi-festival_23-2148129257.jpg?_wi=1", imageAlt: "Festival crowd dancing"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/underneath-wooden-bridge-sandy-beach_181624-542.jpg?_wi=1", imageAlt: "Roseto degli Abruzzi venue"
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/art-wedding-blurred-leisure-flame_1304-3421.jpg?_wi=1", imageAlt: "Live artist on stage"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-girl-posing_23-2148624908.jpg?_wi=2", imageAlt: "Concert lighting effects"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-two-young-women-enjoying-holi-festival_23-2148129257.jpg?_wi=2", imageAlt: "Audience enjoying music"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/underneath-wooden-bridge-sandy-beach_181624-542.jpg?_wi=2", imageAlt: "Coastal venue location"
|
|
},
|
|
]}
|
|
carouselPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Transumare Fest"
|
|
description="A due passi dal cristallino mare Adriatico, Roseto degli Abruzzi accoglie Transumare Fest, un festival musicale che dal tramonto fino a tarda notte vi accompagnerà in un viaggio fatto di energia, arte e cultura, tra artisti simbolo di intere generazioni e sorprendenti scoperte."
|
|
tag="Chi Siamo"
|
|
tagIcon={Music}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
bulletPoints={[
|
|
{
|
|
title: "Innovazione Musicale", description: "Un festival che celebra la musica elettronica contemporanea e artisti di spicco che rappresentano intere generazioni", icon: Zap,
|
|
},
|
|
{
|
|
title: "Energia e Arte", description: "Dal tramonto fino a tarda notte, un'esperienza immersiva di cultura, performance artistiche e connessione con il pubblico", icon: Palette,
|
|
},
|
|
{
|
|
title: "Scoperte Sorprendenti", description: "Un'opportunità per scoprire nuovi talenti e artisti emergenti insieme ai nomi consolidati della scena musicale", icon: Lightbulb,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-two-young-women-enjoying-holi-festival_23-2148129257.jpg?_wi=3"
|
|
imageAlt="Transumare Festival Atmosphere"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="lineup" data-section="lineup">
|
|
<FeatureCardTwentySeven
|
|
title="Line Up Artisti"
|
|
description="Scopri gli artisti che animeranno il palco di Transumare Fest 2026"
|
|
tag="Artisti"
|
|
tagIcon={Music}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "MACE", description: "Artista e producer di fama internazionale, porterà le sue ultime creazioni sul palco di Transumare", imageSrc: "http://img.b2bpic.net/free-photo/guy-holding-drumstick-giving-thumbs-up_23-2148366440.jpg?_wi=2", imageAlt: "MACE performing"
|
|
},
|
|
{
|
|
id: "2", title: "TUTTI FENOMENI", description: "Un progetto musicale che fonde tradizione e innovazione in un'esperienza sonora unica", imageSrc: "http://img.b2bpic.net/free-photo/art-wedding-blurred-leisure-flame_1304-3421.jpg?_wi=2", imageAlt: "Tutti Fenomeni performance"
|
|
},
|
|
{
|
|
id: "3", title: "EGYPTIAN LOVER", description: "Pioniere della musica elettronica con un sound inconfondibile che ha influenzato generazioni", imageSrc: "http://img.b2bpic.net/free-photo/guy-holding-drumstick-giving-thumbs-up_23-2148366440.jpg?_wi=3", imageAlt: "Egyptian Lover on stage"
|
|
},
|
|
{
|
|
id: "4", title: "SOICHI TERADA", description: "Producer leggendario della scena house e techno, noto per i suoi lavori seminali e la ricerca sonora", imageSrc: "http://img.b2bpic.net/free-photo/art-wedding-blurred-leisure-flame_1304-3421.jpg?_wi=3", imageAlt: "Soichi Terada performing"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="info" data-section="info">
|
|
<SplitAbout
|
|
title="Info Utili"
|
|
description="Tutto quello che devi sapere per vivere al meglio l'esperienza di Transumare Fest"
|
|
tag="Informazioni"
|
|
tagIcon={Info}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
bulletPoints={[
|
|
{
|
|
title: "Dove Trovarci", description: "Transumare Fest è a Roseto degli Abruzzi sul Lungomare Trento, nella zona Nord della città, a due passi dal mare", icon: MapPin,
|
|
},
|
|
{
|
|
title: "Come Arrivare", description: "Raggiungibile a piedi, in bicicletta, in autobus, in treno, in auto. Scopri tutte le opzioni di trasporto disponibili", icon: Navigation,
|
|
},
|
|
{
|
|
title: "Dove Alloggiare", description: "Una lista di strutture amiche con disponibilità per il pernotto nella zona di Roseto degli Abruzzi", icon: Home,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/underneath-wooden-bridge-sandy-beach_181624-542.jpg?_wi=3"
|
|
imageAlt="Roseto degli Abruzzi Venue"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="accommodation" data-section="accommodation">
|
|
<FeatureCardTwentySeven
|
|
title="Dove Alloggiare"
|
|
description="Scopri le strutture amiche dove pernottare durante il festival"
|
|
tag="Accommodation"
|
|
tagIcon={Home}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Hotel Oceanfront", description: "Struttura fronte mare con vista Adriatico, camere confortevoli e servizi completi per il vostro soggiorno", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-from-back-looking-sea_1303-14409.jpg?_wi=1", imageAlt: "Hotel oceanfront"
|
|
},
|
|
{
|
|
id: "2", title: "Bed & Breakfast Locale", description: "Accoglienza autentica nel cuore di Roseto, con colazioni tipiche e atmosfera familiare", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-from-back-looking-sea_1303-14409.jpg?_wi=2", imageAlt: "Bed and breakfast"
|
|
},
|
|
{
|
|
id: "3", title: "Campeggio Verde Chiaro", description: "Esperienza immersa nella natura con servizi moderni, perfetto per chi ama l'outdoor", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-from-back-looking-sea_1303-14409.jpg?_wi=3", imageAlt: "Campground accommodation"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="transportation" data-section="transportation">
|
|
<MetricCardSeven
|
|
title="Come Arrivare"
|
|
description="Múltiple opzioni di trasporto per raggiungere Transumare Fest"
|
|
tag="Trasporti"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "5+", title: "Opzioni di trasporto", items: ["Raggiungibile a piedi dal centro", "Pista ciclabile disponibile", "Servizio autobus locale"],
|
|
},
|
|
{
|
|
id: "2", value: "2h", title: "Da Pescara in treno", items: ["Stazione ferroviaria collegata", "Treni regionali frequenti", "Facile da raggiungere"],
|
|
},
|
|
{
|
|
id: "3", value: "~80km", title: "Da L'Aquila in auto", items: ["Parcheggi disponibili", "Strade ben collegate", "Viaggio comodo e diretto"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="highlights" data-section="highlights">
|
|
<TestimonialCardSix
|
|
title="Testimonianze"
|
|
description="Scopri cosa dicono i visitatori di Transumare Fest"
|
|
tag="Esperienze"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marco Rossi", handle: "@marcomusic", testimonial: "L'atmosfera di Transumare è magica. Musica innovativa, artisti straordinari, e il mare adriatico sullo sfondo crea un'esperienza indimenticabile.", imageSrc: "http://img.b2bpic.net/free-photo/guy-holding-drumstick-giving-thumbs-up_23-2148366440.jpg?_wi=4", imageAlt: "Marco Rossi"
|
|
},
|
|
{
|
|
id: "2", name: "Sofia Bianchi", handle: "@sofiavibes", testimonial: "Un festival che celebra veramente la cultura e l'arte musicale. La location è bellissima e l'organizzazione impeccabile.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-two-young-women-enjoying-holi-festival_23-2148129257.jpg?_wi=4", imageAlt: "Sofia Bianchi"
|
|
},
|
|
{
|
|
id: "3", name: "Luca Verdi", handle: "@lucaelettronico", testimonial: "Gli artisti sono di altissimo livello. Dall'electronic al contemporaneo, c'è qualcosa per tutti gli amanti della musica innovativa.", imageSrc: "http://img.b2bpic.net/free-photo/art-wedding-blurred-leisure-flame_1304-3421.jpg?_wi=4", imageAlt: "Luca Verdi"
|
|
},
|
|
{
|
|
id: "4", name: "Elena Costa", handle: "@elenafestival", testimonial: "Roseto degli Abruzzi è la cornice perfetta. Musica, mare, arte e cultura si uniscono in un'esperienza unica e memorabile.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-two-young-women-enjoying-holi-festival_23-2148129257.jpg?_wi=5", imageAlt: "Elena Costa"
|
|
},
|
|
{
|
|
id: "5", name: "Andrea Giallo", handle: "@andreamusician", testimonial: "Dal tramonto alla notte, l'energia non scema mai. Un festival dove scoprire nuovi artisti e celebrare la musica in comunità.", imageSrc: "http://img.b2bpic.net/free-photo/guy-holding-drumstick-giving-thumbs-up_23-2148366440.jpg?_wi=5", imageAlt: "Andrea Giallo"
|
|
},
|
|
{
|
|
id: "6", name: "Giulia Moretti", handle: "@giuliart", testimonial: "Transumare Fest non è solo musica, è un viaggio di arte, cultura e connessione. Tornerò sicuramente l'anno prossimo!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-two-young-women-enjoying-holi-festival_23-2148129257.jpg?_wi=6", imageAlt: "Giulia Moretti"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<FooterCard
|
|
logoText="Transumare Fest"
|
|
copyrightText="© 2026 Transumare Fest by APS Rosangeles. All Rights Reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/transumarefest", ariaLabel: "Transumare Fest Instagram"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/transumarefest", ariaLabel: "Transumare Fest Facebook"
|
|
},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com/transumarefest", ariaLabel: "Transumare Fest Twitter"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|