Merge version_1 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Accueil", id: "#hero"},
|
||||
{
|
||||
name: "Spectacles",
|
||||
id: "#spectacles",
|
||||
},
|
||||
name: "Spectacles", id: "#spectacles"},
|
||||
{
|
||||
name: "Prestations",
|
||||
id: "#prestations",
|
||||
},
|
||||
name: "Prestations", id: "#prestations"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="La Girafe aux mille pattes"
|
||||
/>
|
||||
@@ -56,92 +48,51 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="La Girafe aux mille pattes"
|
||||
description="Producteur & Tourneur de spectacle vivant. Événement culturel, Arbre de Noël, spectacle et atelier pour toutes les saisons !"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ville de Charenton",
|
||||
handle: "@culture",
|
||||
testimonial: "Une programmation exceptionnelle pour nos événements locaux.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-caucasian-female-wearing-floral-mask-amusement-park_181624-33204.jpg",
|
||||
},
|
||||
name: "Ville de Charenton", handle: "@culture", testimonial: "Une programmation exceptionnelle pour nos événements locaux.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-caucasian-female-wearing-floral-mask-amusement-park_181624-33204.jpg"},
|
||||
{
|
||||
name: "Disneyland Paris",
|
||||
handle: "@disney",
|
||||
testimonial: "Artistes talentueux et professionnels pour nos animations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-female-costume-with-champagne-bottle_23-2148412788.jpg",
|
||||
},
|
||||
name: "Disneyland Paris", handle: "@disney", testimonial: "Artistes talentueux et professionnels pour nos animations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-female-costume-with-champagne-bottle_23-2148412788.jpg"},
|
||||
{
|
||||
name: "Mairie de Vincennes",
|
||||
handle: "@vincennes",
|
||||
testimonial: "Des créations féériques qui ravissent petits et grands.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33602.jpg",
|
||||
},
|
||||
name: "Mairie de Vincennes", handle: "@vincennes", testimonial: "Des créations féériques qui ravissent petits et grands.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33602.jpg"},
|
||||
{
|
||||
name: "Palais de l'Elysée",
|
||||
handle: "@elysee",
|
||||
testimonial: "Une qualité artistique irréprochable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-outside-black-hat-beige-coat-with-folder-hand_627829-5447.jpg",
|
||||
},
|
||||
name: "Palais de l'Elysée", handle: "@elysee", testimonial: "Une qualité artistique irréprochable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-outside-black-hat-beige-coat-with-folder-hand_627829-5447.jpg"},
|
||||
{
|
||||
name: "Musée Rodin",
|
||||
handle: "@rodin",
|
||||
testimonial: "Une mise en scène poétique et inspirée.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-being-ventriloquist_23-2150621764.jpg",
|
||||
},
|
||||
name: "Musée Rodin", handle: "@rodin", testimonial: "Une mise en scène poétique et inspirée.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-being-ventriloquist_23-2150621764.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33077.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33077.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33077.jpg",
|
||||
alt: "Avis Charenton",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33077.jpg", alt: "Avis Charenton"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg",
|
||||
alt: "Avis Disney",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg", alt: "Avis Disney"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-hot-sparks-white-smoke-grinding-steel-material_1232-4383.jpg",
|
||||
alt: "Avis Vincennes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/white-hot-sparks-white-smoke-grinding-steel-material_1232-4383.jpg", alt: "Avis Vincennes"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fantasy-sea-creature_23-2151626013.jpg",
|
||||
alt: "Avis Elysée",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fantasy-sea-creature_23-2151626013.jpg", alt: "Avis Elysée"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-mime-couple-running-city-street_23-2147891773.jpg",
|
||||
alt: "Avis Rodin",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-mime-couple-running-city-street_23-2147891773.jpg", alt: "Avis Rodin"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Spectacle Vivant",
|
||||
},
|
||||
type: "text", text: "Spectacle Vivant"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Arbre de Noël",
|
||||
},
|
||||
type: "text", text: "Arbre de Noël"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Déambulations",
|
||||
},
|
||||
type: "text", text: "Déambulations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ateliers Créatifs",
|
||||
},
|
||||
type: "text", text: "Ateliers Créatifs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tournées Internationales",
|
||||
},
|
||||
type: "text", text: "Tournées Internationales"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,19 +105,13 @@ export default function LandingPage() {
|
||||
description="Fort de notre expérience avec La Lune dans les Pieds, nous étendons notre savoir-faire pour vos fêtes de fin d’année et tous vos événements culturels tout au long des saisons."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expertise",
|
||||
description: "Producteur et tourneur reconnu dans les pays francophones.",
|
||||
},
|
||||
title: "Expertise", description: "Producteur et tourneur reconnu dans les pays francophones."},
|
||||
{
|
||||
title: "Polyvalence",
|
||||
description: "Spectacles adaptés aux espaces intérieurs et extérieurs.",
|
||||
},
|
||||
title: "Polyvalence", description: "Spectacles adaptés aux espaces intérieurs et extérieurs."},
|
||||
{
|
||||
title: "Confiance",
|
||||
description: "Référencés par les plus grandes institutions et villes de France.",
|
||||
},
|
||||
title: "Confiance", description: "Référencés par les plus grandes institutions et villes de France."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -178,58 +123,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Opus de Feu",
|
||||
description: "Une création Cie Firelights, durée 25 minutes.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Opus de Feu", description: "Une création Cie Firelights, durée 25 minutes.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-hot-sparks-white-smoke-grinding-steel-material_1232-4383.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-hot-sparks-white-smoke-grinding-steel-material_1232-4383.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/door-leading-magical-world_23-2151038378.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/door-leading-magical-world_23-2151038378.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-reindeer-installation-illuminated-with-lights-christmas_181624-28899.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-reindeer-installation-illuminated-with-lights-christmas_181624-28899.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tanned-european-female-wearing-floral-mask-amusement-park_181624-33077.jpg?_wi=2",
|
||||
imageAlt: "fire performance show artistic",
|
||||
},
|
||||
{
|
||||
title: "Féérie",
|
||||
description: "Création Cie Luminescence, durée 30 à 40 minutes.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Féérie", description: "Création Cie Luminescence, durée 30 à 40 minutes.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fantasy-sea-creature_23-2151626013.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fantasy-sea-creature_23-2151626013.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-spangles-scattered-table_23-2147992671.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-spangles-scattered-table_23-2147992671.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-kids-performing-play-theatre-stage-celebrate-world-theatre-day_23-2151163724.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-kids-performing-play-theatre-stage-celebrate-world-theatre-day_23-2151163724.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg?_wi=2",
|
||||
imageAlt: "fire performance show artistic",
|
||||
},
|
||||
{
|
||||
title: "Échassiers",
|
||||
description: "Déambulation lumineuse et féérique.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Échassiers", description: "Déambulation lumineuse et féérique.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-mime-couple-running-city-street_23-2147891773.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-mime-couple-running-city-street_23-2147891773.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-dance-rooftop-sexy-brunette-silk-dancer-white-dress_8353-1001.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-dance-rooftop-sexy-brunette-silk-dancer-white-dress_8353-1001.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-costumed-carnival-party_23-2148412799.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-costumed-carnival-party_23-2148412799.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-man-practicing-mindfulness-yoga-fantasy-setting_23-2151416442.jpg?_wi=1",
|
||||
imageAlt: "fire performance show artistic",
|
||||
},
|
||||
]}
|
||||
title="Spectacles & Déambulations"
|
||||
@@ -245,41 +166,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sculpture Glace",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-man-practicing-mindfulness-yoga-fantasy-setting_23-2151416442.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sculpture Glace", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/view-man-practicing-mindfulness-yoga-fantasy-setting_23-2151416442.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Atelier Cirque",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-training-gymnastics_23-2149401054.jpg",
|
||||
},
|
||||
id: "2", name: "Atelier Cirque", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-training-gymnastics_23-2149401054.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fanfare Colorée",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-holding-instruments_23-2149223643.jpg",
|
||||
},
|
||||
id: "3", name: "Fanfare Colorée", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-holding-instruments_23-2149223643.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Arbre de Noël",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-santa-hats-exchanging-presents_23-2147969578.jpg",
|
||||
},
|
||||
id: "4", name: "Arbre de Noël", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/people-santa-hats-exchanging-presents_23-2147969578.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Parade Musicale",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512167.jpg",
|
||||
},
|
||||
id: "5", name: "Parade Musicale", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512167.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Atelier Acro",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/acrobat-posing_1163-967.jpg",
|
||||
},
|
||||
id: "6", name: "Atelier Acro", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/acrobat-posing_1163-967.jpg"},
|
||||
]}
|
||||
title="Nos Prestations"
|
||||
description="Une gamme complète d'ateliers et animations pour tous les publics."
|
||||
@@ -291,14 +188,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Charenton",
|
||||
"Elysée",
|
||||
"Disney",
|
||||
"Rodin",
|
||||
"Trianon",
|
||||
"Vincennes",
|
||||
"Fontainebleau",
|
||||
]}
|
||||
"Charenton", "Elysée", "Disney", "Rodin", "Trianon", "Vincennes", "Fontainebleau"]}
|
||||
title="Ils nous ont fait confiance"
|
||||
description="Des partenaires institutionnels et culturels de premier plan."
|
||||
/>
|
||||
@@ -311,22 +201,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Années d'expérience",
|
||||
value: "15+",
|
||||
icon: Award,
|
||||
id: "m1", title: "Années d'expérience", value: "15+", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Villes partenaires",
|
||||
value: "200+",
|
||||
icon: MapPin,
|
||||
id: "m2", title: "Villes partenaires", value: "200+", icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Spectacles créés",
|
||||
value: "50+",
|
||||
icon: Film,
|
||||
id: "m3", title: "Spectacles créés", value: "50+", icon: Film,
|
||||
},
|
||||
]}
|
||||
title="En quelques chiffres"
|
||||
@@ -340,20 +221,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quels types d'événements ?",
|
||||
content: "Nous animons tout type d'événements culturels, arbres de Noël, fêtes de fin d'année, en intérieur comme en extérieur.",
|
||||
},
|
||||
id: "f1", title: "Quels types d'événements ?", content: "Nous animons tout type d'événements culturels, arbres de Noël, fêtes de fin d'année, en intérieur comme en extérieur."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Zone géographique ?",
|
||||
content: "Nous intervenons partout en France et dans les pays francophones.",
|
||||
},
|
||||
id: "f2", title: "Zone géographique ?", content: "Nous intervenons partout en France et dans les pays francophones."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Comment réserver ?",
|
||||
content: "Contactez-nous directement via le formulaire de contact pour recevoir un devis rapide.",
|
||||
},
|
||||
id: "f3", title: "Comment réserver ?", content: "Contactez-nous directement via le formulaire de contact pour recevoir un devis rapide."},
|
||||
]}
|
||||
title="Questions Fréquentes"
|
||||
description="Besoin d'informations sur nos services ?"
|
||||
@@ -365,14 +237,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Envoyez-nous votre demande. Nous vous répondons très vite pour vos projets culturels !"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contactez-nous",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contactez-nous", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -381,37 +250,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Informations",
|
||||
items: [
|
||||
title: "Informations", items: [
|
||||
{
|
||||
label: "La Girafe aux Mille Pattes",
|
||||
href: "#",
|
||||
},
|
||||
label: "La Girafe aux Mille Pattes", href: "#"},
|
||||
{
|
||||
label: "6, bd André Bassée",
|
||||
href: "#",
|
||||
},
|
||||
label: "6, bd André Bassée", href: "#"},
|
||||
{
|
||||
label: "94 120 Fontenay-sous-Bois",
|
||||
href: "#",
|
||||
},
|
||||
label: "94 120 Fontenay-sous-Bois", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "Spectacles",
|
||||
href: "#spectacles",
|
||||
},
|
||||
label: "Spectacles", href: "#spectacles"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user