diff --git a/src/components/Agenda.tsx b/src/components/Agenda.tsx index 9f0572b..e263f60 100644 --- a/src/components/Agenda.tsx +++ b/src/components/Agenda.tsx @@ -1,26 +1,33 @@ import { motion } from 'motion/react'; import { agenda, spectacles } from '../data'; -import { MapPin, Ticket, Info } from 'lucide-react'; +import { MapPin, Ticket, Info, Sparkles, Calendar as CalendarIcon } from 'lucide-react'; export default function Agenda() { const sortedAgenda = [...agenda].sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime()); return ( -
-
+
+ {/* Background Magic */} +
+ +
-

Agenda

-

- Retrouvez toutes nos prochaines représentations. +

+ + Calendrier +
+

L'Agenda

+

+ Venez nous voir sur scène !
Chaque date est une nouvelle aventure.

-
+
{sortedAgenda.map((event, index) => { const spectacle = spectacles.find(s => s.id === event.spectacleId); const dateObj = new Date(event.date); @@ -32,34 +39,35 @@ export default function Agenda() { initial={{ opacity: 0, x: -20 }} animate={{ opacity: 1, x: 0 }} transition={{ delay: index * 0.1 }} - className={`group relative flex flex-col md:flex-row gap-8 p-8 rounded-3xl border transition-all ${ - isPast ? 'opacity-50 grayscale bg-night/5 border-transparent' : 'bg-white border-night/5 shadow-sm hover:shadow-xl hover:shadow-night/5' + className={`group relative flex flex-col md:flex-row gap-6 md:gap-10 p-6 md:p-10 rounded-[32px] md:rounded-[40px] border transition-all ${ + isPast ? 'opacity-40 grayscale bg-night/5 border-transparent' : 'bg-white border-white shadow-xl shadow-night/5 hover:shadow-dream-purple/10 hover:scale-[1.02]' }`} > {/* Date Block */} -
- +
+ {dateObj.toLocaleString('fr-FR', { month: 'short' })} - + {dateObj.getDate()} - + {dateObj.getFullYear()}
{/* Info Block */} -
-
- +
+
+ + {spectacle?.title} - {isPast && Passé} + {isPast && Passé}
-

{spectacle?.title}

-
- +

{spectacle?.title}

+
+ {event.location}
@@ -71,15 +79,15 @@ export default function Agenda() { href={event.bookingLink} target="_blank" rel="noreferrer" - className="w-full md:w-auto flex items-center justify-center gap-2 bg-night text-cloud px-6 py-3 rounded-full font-sans text-sm font-medium hover:bg-night/80 transition-colors" + className="w-full md:w-auto flex items-center justify-center gap-3 bg-night text-cloud px-8 py-4 rounded-full font-sans font-bold text-sm uppercase tracking-widest hover:bg-night/80 transition-all hover:scale-105 shadow-lg shadow-night/20" > - + Réserver ) : ( -
+
- Entrée libre / Sur place + Sur place
)}
@@ -89,8 +97,8 @@ export default function Agenda() {
{sortedAgenda.length === 0 && ( -
-

Aucune date prévue pour le moment...

+
+

Le nuage se prépare pour de nouveaux voyages...

)}
diff --git a/src/components/Ateliers.tsx b/src/components/Ateliers.tsx index 20be680..87fcc2b 100644 --- a/src/components/Ateliers.tsx +++ b/src/components/Ateliers.tsx @@ -1,19 +1,28 @@ import { motion } from 'motion/react'; -import { Mail, Clock, MapPin, Users } from 'lucide-react'; +import { Mail, Clock, MapPin, Users, Sparkles, Star } from 'lucide-react'; import { companyInfo } from '../data'; export default function Ateliers() { return ( -
-
-
+
+ {/* Background Magic */} +
+ +
+
-

Ateliers Théâtre

-
+
+ + Partage & Transmission +
+

Ateliers
Théâtre

+ +

La Compagnie AspiRêves propose des ateliers pour petits et grands enfants, pour que vous aussi vous voliez sur votre petit nuage.

@@ -22,45 +31,45 @@ export default function Ateliers() {

-
-
-
+
+
+
-

Pour tous les âges

-

Enfants, adolescents et adultes.

+

Pour tous

+

Enfants & Adultes

-
-
+
+
-

Horaires & Tarifs

-

Contactez-nous pour recevoir la plaquette complète.

+

Plaquette

+

Sur demande

-
-
+
+
-

Lieux

-

Interventions dans le Tarn et l'Hérault.

+

Lieux d'intervention

+

Tarn (81) & Hérault (34)

-
+ @@ -69,9 +78,10 @@ export default function Ateliers() { initial={{ opacity: 0, scale: 0.9 }} animate={{ opacity: 1, scale: 1 }} transition={{ duration: 0.8, delay: 0.2 }} - className="relative" + className="relative px-4 md:px-0" > -
+ {/* Whimsical Image Frame */} +
Atelier Théâtre
- {/* Decorative element */} -
+ + {/* Floating Decorations */} +
+
+
diff --git a/src/components/Contact.tsx b/src/components/Contact.tsx index b8d412d..039de95 100644 --- a/src/components/Contact.tsx +++ b/src/components/Contact.tsx @@ -1,58 +1,65 @@ import { motion } from 'motion/react'; -import { Mail, Instagram, Facebook, Youtube, Send } from 'lucide-react'; +import { Mail, Instagram, Facebook, Youtube, Send, Sparkles, Star } from 'lucide-react'; import { companyInfo } from '../data'; export default function Contact() { return ( -
-
+
+ {/* Background Magic */} +
+ +
-

Nous Joindre

-

- Une question ? Un projet ? N'hésitez pas à nous contacter, nous vous répondrons avec plaisir. +

+ + Contact +
+

Nous Joindre

+

+ Une question ? Un projet ? N'hésitez pas à nous contacter,
nous vous répondrons avec plaisir.

-
+
{/* Email Cards */} -
-
- +
+
+
-

Diffusion & Programmation

-

Pour toute demande concernant nos spectacles.

+

Diffusion & Programmation

+

Pour toute demande concernant nos spectacles.

{companyInfo.emails.pro} - +
-
-
- +
+
+
-

Ateliers & Pédagogie

-

Pour les inscriptions et renseignements ateliers.

+

Ateliers & Pédagogie

+

Pour les inscriptions et renseignements ateliers.

{companyInfo.emails.ateliers} - +
@@ -62,41 +69,47 @@ export default function Contact() { initial={{ opacity: 0, x: 20 }} animate={{ opacity: 1, x: 0 }} transition={{ duration: 0.6, delay: 0.4 }} - className="bg-night text-cloud p-12 rounded-3xl flex flex-col justify-between" + className="bg-night text-cloud p-10 md:p-16 rounded-[40px] md:rounded-[60px] flex flex-col justify-between relative overflow-hidden" > -
-

Suivez nos aventures

-

+

+ +
+

Suivez nos
aventures

+

Rejoignez-nous sur les réseaux sociaux pour découvrir les coulisses, les photos de tournée et les actualités de la compagnie.

- -
- + +
+
- Instagram + Instagram
- - -
-

+

+

"Le théâtre est une nourriture aussi indispensable que le pain et le vin."

+ +
+ +
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 39dc393..5ab739d 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,56 +1,59 @@ -import { Instagram, Facebook, Youtube, Mail } from 'lucide-react'; +import { Instagram, Facebook, Youtube, Mail, Star } from 'lucide-react'; import { companyInfo } from '../data'; export default function Footer() { return ( -