From 80d3513aaa84fcc88bd2c1b18c3c82aa10e27315 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 17 Jun 2026 20:47:13 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 221 +++++++++-------------------------------- 1 file changed, 47 insertions(+), 174 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index a1d3644..e1baea5 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -16,29 +16,17 @@ export default function HomePage() { @@ -51,45 +39,19 @@ export default function HomePage() { 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", - ], - imageSrc: "http://img.b2bpic.net/free-photo/melody-music-sound-key-artistic-icon-sign-concept_53876-124306.jpg", - imageAlt: "minimalist musical note icon", + 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", - imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-with-his-friends-playing-videogames-chatting-online-using-headphones-microphone_482257-77062.jpg?_wi=2", - imageAlt: "minimalist musical note icon", - }, + 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: [ + 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: "J'adore ce morceau!", aiResponse: "Merci pour le soutien."}, { - userMessage: "Quel est cet artiste ?", - aiResponse: "C'est un producteur indépendant.", - }, + userMessage: "Quel est cet artiste ?", aiResponse: "C'est un producteur indépendant."}, ], - placeholder: "Commenter...", - imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-sound-waves-design-with-flowing-particles_1048-12655.jpg", - imageAlt: "minimalist musical note icon", - }, + placeholder: "Commenter..."}, ]} /> @@ -103,47 +65,19 @@ export default function HomePage() { 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 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 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 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 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 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 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", - }, + title: "Morceau G", description: "Description G", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/colorful-humidity-glass_23-2149442627.jpg"}, ]} /> @@ -157,28 +91,16 @@ export default function HomePage() { description="La Discipline en chiffres." metrics={[ { - value: "1.2k+", - title: "Morceaux", - features: [ - "Haute fidélité", - "Exclusivités", - ], + value: "1.2k+", title: "Morceaux", features: [ + "Haute fidélité", "Exclusivités"], }, { - value: "500k", - title: "Écoutes", - features: [ - "Vues globales", - "Partages", - ], + value: "500k", title: "Écoutes", features: [ + "Vues globales", "Partages"], }, { - value: "85k", - title: "Likes", - features: [ - "Communauté active", - "Engagée", - ], + value: "85k", title: "Likes", features: [ + "Communauté active", "Engagée"], }, ]} /> @@ -193,30 +115,15 @@ export default function HomePage() { 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: "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: "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: "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: "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", - }, + 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"}, ]} /> @@ -230,40 +137,20 @@ export default function HomePage() { 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: "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: "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: "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: "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", - }, + 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"}, ]} /> @@ -277,25 +164,15 @@ export default function HomePage() { description="Tout sur DISCIPLINE." items={[ { - question: "Comment écouter?", - answer: "Simple, cliquez sur lecture.", - }, + question: "Comment écouter?", answer: "Simple, cliquez sur lecture."}, { - question: "Est-ce gratuit?", - answer: "La plateforme est en libre accès.", - }, + question: "Est-ce gratuit?", answer: "La plateforme est en libre accès."}, { - question: "Puis-je commenter?", - answer: "Oui, connectez-vous simplement.", - }, + question: "Puis-je commenter?", answer: "Oui, connectez-vous simplement."}, { - question: "Où est le support ?", - answer: "Utilisez le lien contact ci-dessous.", - }, + 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.", - }, + 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" /> @@ -308,13 +185,9 @@ export default function HomePage() { tag="Contact" text="Prêt à rejoindre l'aventure DISCIPLINE ?" primaryButton={{ - text: "Nous contacter", - href: "#", - }} + text: "Nous contacter", href: "#"}} secondaryButton={{ - text: "Suivre sur Insta", - href: "#", - }} + text: "Suivre sur Insta", href: "#"}} /> -- 2.49.1