Merge version_1_1781729082468 into main #3
@@ -6,191 +6,150 @@ import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import TeamGlassCards from '@/components/sections/team/TeamGlassCards';
|
||||
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
||||
import { Heart, MessageSquare, Music } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
import { Music, MessageSquare, Heart } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/confident-waitress-looking-camera_23-2147830510.jpg", "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9483.jpg", "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg", "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg"]}
|
||||
avatarText="Rejoignez notre communauté"
|
||||
title="DISCIPLINE MUSIQUE"
|
||||
description="L'immersion ultime dans l'univers musical urbain. Écoutez, likez, commentez."
|
||||
primaryButton={{
|
||||
text: "Explorer les morceaux", href: "#products"}}
|
||||
secondaryButton={{
|
||||
text: "En savoir plus", href: "#contact"}}
|
||||
names={[
|
||||
"L'Artiste", "Le Beat", "Le Flow", "La Discipline"]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-having-fun-with-his-friends-playing-videogames-chatting-online-using-headphones-microphone_482257-77062.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/confident-waitress-looking-camera_23-2147830510.jpg", "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9483.jpg", "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg", "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg"
|
||||
]}
|
||||
avatarText="Rejoignez notre communauté"
|
||||
title="DISCIPLINE MUSIQUE"
|
||||
description="L'immersion ultime dans l'univers musical urbain. Écoutez, likez, commentez."
|
||||
primaryButton={{ text: "Explorer les morceaux", href: "#products" }}
|
||||
secondaryButton={{ text: "En savoir plus", href: "#contact" }}
|
||||
names={["L'Artiste", "Le Beat", "Le Flow", "La Discipline"]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-having-fun-with-his-friends-playing-videogames-chatting-online-using-headphones-microphone_482257-77062.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Plateforme"
|
||||
title="Une expérience de streaming premium"
|
||||
description="Tout ce dont vous avez besoin pour vivre la musique intensément."
|
||||
features={[
|
||||
{
|
||||
title: "Audio Haute Qualité", description: "Un son clair et immersif.", bentoComponent: "icon-text-marquee", centerIcon: "Music", marqueeTexts: [
|
||||
"Streaming", "Lossless", "Discipline"],
|
||||
},
|
||||
{
|
||||
title: "Lecteur Persistant", description: "Ne coupez jamais votre son.", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Interaction Sociale", description: "Likez et commentez vos favoris.", bentoComponent: "chat-marquee", aiIcon: "MessageSquare", userIcon: "Heart", exchanges: [
|
||||
{
|
||||
userMessage: "J'adore ce morceau!", aiResponse: "Merci pour le soutien."},
|
||||
{
|
||||
userMessage: "Quel est cet artiste ?", aiResponse: "C'est un producteur indépendant."},
|
||||
],
|
||||
placeholder: "Commenter..."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Plateforme"
|
||||
title="Une expérience de streaming premium"
|
||||
description="Tout ce dont vous avez besoin pour vivre la musique intensément."
|
||||
features={[
|
||||
{
|
||||
title: "Audio Haute Qualité", description: "Un son clair et immersif.", bentoComponent: "icon-text-marquee", centerIcon: "Music", marqueeTexts: ["Streaming", "Lossless", "Discipline"]
|
||||
},
|
||||
{
|
||||
title: "Lecteur Persistant", description: "Ne coupez jamais votre son.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Interaction Sociale", description: "Likez et commentez vos favoris.", bentoComponent: "chat-marquee", aiIcon: "MessageSquare", userIcon: "Heart", exchanges: [
|
||||
{ userMessage: "J'adore ce morceau!", aiResponse: "Merci pour le soutien." },
|
||||
{ userMessage: "Quel est cet artiste ?", aiResponse: "C'est un producteur indépendant." }
|
||||
],
|
||||
placeholder: "Commenter..."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Musiques"
|
||||
title="Derniers ajouts"
|
||||
description="Découvrez les exclusivités de DISCIPLINE."
|
||||
items={[
|
||||
{
|
||||
title: "Morceau A", description: "Description A", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093312.jpg"},
|
||||
{
|
||||
title: "Morceau B", description: "Description B", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-single-s-day-banner_23-2149520237.jpg"},
|
||||
{
|
||||
title: "Morceau C", description: "Description C", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588390.jpg"},
|
||||
{
|
||||
title: "Morceau D", description: "Description D", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/side-view-model-shooting-with-projector_23-2149424966.jpg"},
|
||||
{
|
||||
title: "Morceau E", description: "Description E", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shooting-with-projector-front-view_23-2149424933.jpg"},
|
||||
{
|
||||
title: "Morceau F", description: "Description F", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/blue-textured-background-with-white-fabric-stain_53876-103541.jpg"},
|
||||
{
|
||||
title: "Morceau G", description: "Description G", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/colorful-humidity-glass_23-2149442627.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Musiques"
|
||||
title="Derniers ajouts"
|
||||
description="Découvrez les exclusivités de DISCIPLINE."
|
||||
items={[
|
||||
{ title: "Morceau A", description: "Description A", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093312.jpg" },
|
||||
{ title: "Morceau B", description: "Description B", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-single-s-day-banner_23-2149520237.jpg" },
|
||||
{ title: "Morceau C", description: "Description C", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588390.jpg" },
|
||||
{ title: "Morceau D", description: "Description D", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/side-view-model-shooting-with-projector_23-2149424966.jpg" },
|
||||
{ title: "Morceau E", description: "Description E", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shooting-with-projector-front-view_23-2149424933.jpg" },
|
||||
{ title: "Morceau F", description: "Description F", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/blue-textured-background-with-white-fabric-stain_53876-103541.jpg" },
|
||||
{ title: "Morceau G", description: "Description G", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/colorful-humidity-glass_23-2149442627.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Stats"
|
||||
title="Chiffres Clés"
|
||||
description="La Discipline en chiffres."
|
||||
metrics={[
|
||||
{
|
||||
value: "1.2k+", title: "Morceaux", features: [
|
||||
"Haute fidélité", "Exclusivités"],
|
||||
},
|
||||
{
|
||||
value: "500k", title: "Écoutes", features: [
|
||||
"Vues globales", "Partages"],
|
||||
},
|
||||
{
|
||||
value: "85k", title: "Likes", features: [
|
||||
"Communauté active", "Engagée"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Stats"
|
||||
title="Chiffres Clés"
|
||||
description="La Discipline en chiffres."
|
||||
metrics={[
|
||||
{ value: "1.2k+", title: "Morceaux", features: ["Haute fidélité", "Exclusivités"] },
|
||||
{ value: "500k", title: "Écoutes", features: ["Vues globales", "Partages"] },
|
||||
{ value: "85k", title: "Likes", features: ["Communauté active", "Engagée"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamGlassCards
|
||||
tag="Artistes"
|
||||
title="Artistes en tête d'affiche"
|
||||
description="Découvrez ceux qui façonnent le son DISCIPLINE."
|
||||
members={[
|
||||
{
|
||||
name: "John Doe", role: "Producteur", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915995.jpg"},
|
||||
{
|
||||
name: "Jane Doe", role: "Artiste", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-talking-with-microphone_23-2149215619.jpg"},
|
||||
{
|
||||
name: "Alex Smith", role: "Beatmaker", imageSrc: "http://img.b2bpic.net/free-photo/grunge-style-fashion-editorial_23-2151925546.jpg"},
|
||||
{
|
||||
name: "Sara Lee", role: "Sound Engineer", imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64835.jpg"},
|
||||
{
|
||||
name: "Marc K", role: "Compositeur", imageSrc: "http://img.b2bpic.net/free-photo/dark-photo-studio-curly-middle-aged-man-is-posing-with-guitar-photographer_613910-14033.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Artistes"
|
||||
title="Artistes en tête d'affiche"
|
||||
description="Découvrez ceux qui façonnent le son DISCIPLINE."
|
||||
members={[
|
||||
{ name: "John Doe", role: "Producteur", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915995.jpg" },
|
||||
{ name: "Jane Doe", role: "Artiste", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-talking-with-microphone_23-2149215619.jpg" },
|
||||
{ name: "Alex Smith", role: "Beatmaker", imageSrc: "http://img.b2bpic.net/free-photo/grunge-style-fashion-editorial_23-2151925546.jpg" },
|
||||
{ name: "Sara Lee", role: "Sound Engineer", imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64835.jpg" },
|
||||
{ name: "Marc K", role: "Compositeur", imageSrc: "http://img.b2bpic.net/free-photo/dark-photo-studio-curly-middle-aged-man-is-posing-with-guitar-photographer_613910-14033.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Avis"
|
||||
title="Ce qu'en dit la communauté"
|
||||
description="La voix de ceux qui écoutent."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marc", role: "Auditeur", company: "Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-black-shirt_158595-1041.jpg"},
|
||||
{
|
||||
name: "Lucie", role: "Auditeur", company: "Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5360.jpg"},
|
||||
{
|
||||
name: "Paul", role: "Auditeur", company: "Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg"},
|
||||
{
|
||||
name: "Marie", role: "Auditeur", company: "Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait_1296-491.jpg"},
|
||||
{
|
||||
name: "Tom", role: "Auditeur", company: "Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Avis"
|
||||
title="Ce qu'en dit la communauté"
|
||||
description="La voix de ceux qui écoutent."
|
||||
testimonials={[
|
||||
{ name: "Marc", role: "Auditeur", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-black-shirt_158595-1041.jpg" },
|
||||
{ name: "Lucie", role: "Auditeur", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5360.jpg" },
|
||||
{ name: "Paul", role: "Auditeur", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg" },
|
||||
{ name: "Marie", role: "Auditeur", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-portrait_1296-491.jpg" },
|
||||
{ name: "Tom", role: "Auditeur", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Support"
|
||||
title="Questions fréquentes"
|
||||
description="Tout sur DISCIPLINE."
|
||||
items={[
|
||||
{
|
||||
question: "Comment écouter?", answer: "Simple, cliquez sur lecture."},
|
||||
{
|
||||
question: "Est-ce gratuit?", answer: "La plateforme est en libre accès."},
|
||||
{
|
||||
question: "Puis-je commenter?", answer: "Oui, connectez-vous simplement."},
|
||||
{
|
||||
question: "Où est le support ?", answer: "Utilisez le lien contact ci-dessous."},
|
||||
{
|
||||
question: "Proposez-vous des playlists ?", answer: "Chaque semaine, nous mettons à jour notre sélection."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-musician-plays-piano-elegant-studio-generated-by-ai_188544-38046.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Questions fréquentes"
|
||||
description="Tout sur DISCIPLINE."
|
||||
items={[
|
||||
{ question: "Comment écouter?", answer: "Simple, cliquez sur lecture." },
|
||||
{ question: "Est-ce gratuit?", answer: "La plateforme est en libre accès." },
|
||||
{ question: "Puis-je commenter?", answer: "Oui, connectez-vous simplement." },
|
||||
{ question: "Où est le support ?", answer: "Utilisez le lien contact ci-dessous." },
|
||||
{ question: "Proposez-vous des playlists ?", answer: "Chaque semaine, nous mettons à jour notre sélection." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-musician-plays-piano-elegant-studio-generated-by-ai_188544-38046.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contact"
|
||||
text="Prêt à rejoindre l'aventure DISCIPLINE ?"
|
||||
primaryButton={{
|
||||
text: "Nous contacter", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Suivre sur Insta", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Contact"
|
||||
text="Prêt à rejoindre l'aventure DISCIPLINE ?"
|
||||
primaryButton={{ text: "Nous contacter", href: "#" }}
|
||||
secondaryButton={{ text: "Suivre sur Insta", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user