From a2312a2881f538b72f91a8cc32b17453d6daf401 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 23 Jun 2026 23:35:55 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 291 +++++++++-------------------------------- 1 file changed, 59 insertions(+), 232 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 9affd61..80cbb96 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -20,52 +20,24 @@ export default function HomePage() { title="Vier handen, één muzikale visie." description="Ervaar de verfijning en passie van C-Sisters, Camille en Chloé Beniest, in een uniek samenspel voor piano vierhandig." primaryButton={{ - text: "Ontdek ons verhaal", - href: "#about", - }} + text: "Ontdek ons verhaal", href: "#about"}} secondaryButton={{ - text: "Bekijk concertagenda", - href: "#concerts", - }} + text: "Bekijk concertagenda", href: "#concerts"}} leftItems={[ - { - imageSrc: "http://img.b2bpic.net/free-photo/female-hands-piano-closeup-female-hands-playing-piano_169016-65568.jpg?_wi=1", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/closeup-piano-keyboard_53876-14825.jpg?_wi=1", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-romantic-girls-park-with-violin_1157-23769.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/female-student-playing-piano_107420-64920.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/artist-white-shirt-looking-keyboards_23-2148673570.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/escalators-subway-station-night_181624-1589.jpg", - }, + { imageSrc: "http://img.b2bpic.net/free-photo/female-hands-piano-closeup-female-hands-playing-piano_169016-65568.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/closeup-piano-keyboard_53876-14825.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-romantic-girls-park-with-violin_1157-23769.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/female-student-playing-piano_107420-64920.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/artist-white-shirt-looking-keyboards_23-2148673570.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/escalators-subway-station-night_181624-1589.jpg" }, ]} rightItems={[ - { - imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-piano-music-studio_107420-64964.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/woman-celebrating-jazz-day-event_23-2148876985.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/closeup-keys-antique-wooden-piano_169016-61011.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-violinist-posing-steps_23-2148485130.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-playing-piano_23-2150060706.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-two-men-with-guitar-saxophone-looking-camera_8353-11599.jpg", - }, + { imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-piano-music-studio_107420-64964.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/woman-celebrating-jazz-day-event_23-2148876985.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/closeup-keys-antique-wooden-piano_169016-61011.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/front-view-violinist-posing-steps_23-2148485130.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-playing-piano_23-2150060706.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/front-view-two-men-with-guitar-saxophone-looking-camera_8353-11599.jpg" }, ]} /> @@ -76,10 +48,7 @@ export default function HomePage() { @@ -92,67 +61,22 @@ export default function HomePage() { description="Ons repertoire omvat werken voor piano vierhandig en twee piano's, variërend van de barok tot de moderne tijd." features={[ { - title: "Klassieke Meesters", - description: "Mozart, Schubert en Brahms staan centraal in ons repertoire en vormen de basis van onze techniek en expressie.", - bentoComponent: "info-card-marquee", - infoCards: [ - { - icon: Music, - label: "Mozart", - value: "1756-1791", - }, - { - icon: Music, - label: "Schubert", - value: "1797-1828", - }, - { - icon: Music, - label: "Brahms", - value: "1833-1897", - }, + title: "Klassieke Meesters", description: "Mozart, Schubert en Brahms staan centraal in ons repertoire en vormen de basis van onze techniek en expressie.", bentoComponent: "info-card-marquee", infoCards: [ + { icon: "Music", label: "Mozart", value: "1756-1791" }, + { icon: "Music", label: "Schubert", value: "1797-1828" }, + { icon: "Music", label: "Brahms", value: "1833-1897" }, ], - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-playing-piano_23-2150060701.jpg", - imageAlt: "Side view man playing piano", }, { - title: "Franse Impressionisten", - description: "Wij verkennen de klankkleuren van Ravel en Debussy, waar subtiliteit en emotie samenkomen.", - bentoComponent: "icon-text-marquee", - centerIcon: Sparkles, - marqueeTexts: [ - "Debussy", - "Ravel", - "Franse Meesters", - "Impresionisme", - ], - imageSrc: "http://img.b2bpic.net/free-photo/female-hands-piano-closeup-female-hands-playing-piano_169016-65568.jpg?_wi=2", - imageAlt: "Side view man playing piano", + title: "Franse Impressionisten", description: "Wij verkennen de klankkleuren van Ravel en Debussy, waar subtiliteit en emotie samenkomen.", bentoComponent: "icon-text-marquee", centerIcon: "Sparkles", marqueeTexts: ["Debussy", "Ravel", "Franse Meesters", "Impresionisme"], }, { - title: "Hedendaagse Werken", - description: "Wij blijven onze grenzen verleggen door ook hedendaagse componisten een plek te geven in ons concertprogramma.", - bentoComponent: "checklist-timeline", - heading: "Onze Focus", - subheading: "Nieuwe horizons", - checklistItems: [ - { - label: "Nieuw repertoire", - detail: "Exploratie", - }, - { - label: "Experiment", - detail: "Klankkleur", - }, - { - label: "Innovatie", - detail: "Nieuwe visies", - }, + title: "Hedendaagse Werken", description: "Wij blijven onze grenzen verleggen door ook hedendaagse componisten een plek te geven in ons concertprogramma.", bentoComponent: "checklist-timeline", heading: "Onze Focus", subheading: "Nieuwe horizons", checklistItems: [ + { label: "Nieuw repertoire", detail: "Exploratie" }, + { label: "Experiment", detail: "Klankkleur" }, + { label: "Innovatie", detail: "Nieuwe visies" }, ], - completedLabel: "Gerealiseerd", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-piano-keyboard_53876-14825.jpg?_wi=2", - imageAlt: "Side view man playing piano", - }, + completedLabel: "Gerealiseerd"}, ]} /> @@ -166,50 +90,17 @@ export default function HomePage() { description="Blijf op de hoogte van onze komende concerten en boek direct uw tickets." plans={[ { - tag: "Aankomend", - price: "Tickets", - period: "Brussel", - features: [ - "Stadhuis Concert", - "Mozart & Schubert", - "Reserveren verplicht", - ], - primaryButton: { - text: "Reserveer", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-closeup-blurred-background-with-bokeh_169016-43710.jpg", - }, + tag: "Aankomend", price: "Tickets", period: "Brussel", features: ["Stadhuis Concert", "Mozart & Schubert", "Reserveren verplicht"], + primaryButton: { text: "Reserveer", href: "#contact" }, + imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-closeup-blurred-background-with-bokeh_169016-43710.jpg"}, { - tag: "Aankomend", - price: "Tickets", - period: "Antwerpen", - features: [ - "Zaal Elckerlyc", - "Impressionisme", - "Exclusief concert", - ], - primaryButton: { - text: "Reserveer", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/rock-band-guitarist-performing-repetition-recording-studio_53876-138052.jpg", - }, + tag: "Aankomend", price: "Tickets", period: "Antwerpen", features: ["Zaal Elckerlyc", "Impressionisme", "Exclusief concert"], + primaryButton: { text: "Reserveer", href: "#contact" }, + imageSrc: "http://img.b2bpic.net/free-photo/rock-band-guitarist-performing-repetition-recording-studio_53876-138052.jpg"}, { - tag: "Aankomend", - price: "Tickets", - period: "Gent", - features: [ - "Opera Gent", - "Romantische avond", - "Ticketverkoop open", - ], - primaryButton: { - text: "Reserveer", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/magic-look-handsome-young-man-black-clothes-sitting-chair-near-dark-room-with-light_146671-19725.jpg", - }, + tag: "Aankomend", price: "Tickets", period: "Gent", features: ["Opera Gent", "Romantische avond", "Ticketverkoop open"], + primaryButton: { text: "Reserveer", href: "#contact" }, + imageSrc: "http://img.b2bpic.net/free-photo/magic-look-handsome-young-man-black-clothes-sitting-chair-near-dark-room-with-light_146671-19725.jpg"}, ]} /> @@ -223,15 +114,9 @@ export default function HomePage() { description="Ontmoet het pianoduo achter C-Sisters." members={[ { - name: "Camille Beniest", - role: "Pianist", - imageSrc: "http://img.b2bpic.net/free-photo/lovely-artist-holding-coffee-full-shot_23-2148372072.jpg", - }, + name: "Camille Beniest", role: "Pianist", imageSrc: "http://img.b2bpic.net/free-photo/lovely-artist-holding-coffee-full-shot_23-2148372072.jpg"}, { - name: "Chloé Beniest", - role: "Pianist", - imageSrc: "http://img.b2bpic.net/free-photo/artistic-woman-painting-something_23-2147781689.jpg", - }, + name: "Chloé Beniest", role: "Pianist", imageSrc: "http://img.b2bpic.net/free-photo/artistic-woman-painting-something_23-2147781689.jpg"}, ]} /> @@ -245,40 +130,20 @@ export default function HomePage() { description="Een greep uit de reacties van concertorganisatoren en publiek." testimonials={[ { - name: "Directeur Cultureel Centrum", - role: "Organisator", - quote: "Een sublieme uitvoering van C-Sisters. Hun muzikaliteit is van het hoogste niveau.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-with-piano-violin_23-2149130799.jpg", - }, + name: "Directeur Cultureel Centrum", role: "Organisator", quote: "Een sublieme uitvoering van C-Sisters. Hun muzikaliteit is van het hoogste niveau.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-with-piano-violin_23-2149130799.jpg"}, { - name: "Publieksreactie", - role: "Luisteraar", - quote: "Het pianoduo brengt de muziek zo dichtbij. Een onvergetelijke avond.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-opera_23-2151211395.jpg", - }, + name: "Publieksreactie", role: "Luisteraar", quote: "Het pianoduo brengt de muziek zo dichtbij. Een onvergetelijke avond.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-opera_23-2151211395.jpg"}, { - name: "Festival Manager", - role: "Organisator", - quote: "Professionaliteit ontmoet artistieke visie bij Camille en Chloé. Zeer aanbevolen.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/man-playing-piano-side-view_23-2150060711.jpg", - }, + name: "Festival Manager", role: "Organisator", quote: "Professionaliteit ontmoet artistieke visie bij Camille en Chloé. Zeer aanbevolen.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/man-playing-piano-side-view_23-2150060711.jpg"}, { - name: "Docent Conservatorium", - role: "Expert", - quote: "Technisch perfect en interpretatief zeer verfrissend.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/people-with-gothic-style-costumes-make-up-performing-drama-world-theatre-day_23-2151182206.jpg", - }, + name: "Docent Conservatorium", role: "Expert", quote: "Technisch perfect en interpretatief zeer verfrissend.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/people-with-gothic-style-costumes-make-up-performing-drama-world-theatre-day_23-2151182206.jpg"}, { - name: "Concertbezoeker", - role: "Muziekliefhebber", - quote: "Prachtige interactie tussen beide zussen. Een ware beleving.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-looking-handsome-man-playing-piano_23-2148047548.jpg", - }, + name: "Concertbezoeker", role: "Muziekliefhebber", quote: "Prachtige interactie tussen beide zussen. Een ware beleving.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-looking-handsome-man-playing-piano_23-2148047548.jpg"}, ]} /> @@ -291,41 +156,13 @@ export default function HomePage() { title="Fotogalerij" description="Een visuele impressie van onze concerten en artistieke momenten." items={[ - { - title: "Live op Podium", - description: "Optreden in Brussel", - imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185525.jpg", - }, - { - title: "Piano Details", - description: "Focus op techniek", - imageSrc: "http://img.b2bpic.net/free-photo/band-mates-performing-together_107420-96134.jpg", - }, - { - title: "Repetitie", - description: "Artistiek proces", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-bar_23-2149220917.jpg", - }, - { - title: "Concertavond", - description: "Sfeerbeeld", - imageSrc: "http://img.b2bpic.net/free-photo/male-mime-whispering-shocked-female-mime-s-ear-sitting-chair-auditorium_23-2147891649.jpg", - }, - { - title: "Artistiek Portret", - description: "Sisters duo", - imageSrc: "http://img.b2bpic.net/free-photo/love-education-young-student-couple-reading-together-room-decorated-with-voluminous-letters-with-illumination_613910-21260.jpg", - }, - { - title: "Publiek en Muziek", - description: "Verbinding", - imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-closeup-blurred-background-with-bokeh_169016-42655.jpg", - }, - { - title: "Concertzalen", - description: "Onze venues", - imageSrc: "http://img.b2bpic.net/free-photo/female-mime-with-manuscript-sitting-empty-auditorium_23-2147891803.jpg", - }, + { title: "Live op Podium", description: "Optreden in Brussel", imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185525.jpg" }, + { title: "Piano Details", description: "Focus op techniek", imageSrc: "http://img.b2bpic.net/free-photo/band-mates-performing-together_107420-96134.jpg" }, + { title: "Repetitie", description: "Artistiek proces", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-bar_23-2149220917.jpg" }, + { title: "Concertavond", description: "Sfeerbeeld", imageSrc: "http://img.b2bpic.net/free-photo/male-mime-whispering-shocked-female-mime-s-ear-sitting-chair-auditorium_23-2147891649.jpg" }, + { title: "Artistiek Portret", description: "Sisters duo", imageSrc: "http://img.b2bpic.net/free-photo/love-education-young-student-couple-reading-together-room-decorated-with-voluminous-letters-with-illumination_613910-21260.jpg" }, + { title: "Publiek en Muziek", description: "Verbinding", imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-closeup-blurred-background-with-bokeh_169016-42655.jpg" }, + { title: "Concertzalen", description: "Onze venues", imageSrc: "http://img.b2bpic.net/free-photo/female-mime-with-manuscript-sitting-empty-auditorium_23-2147891803.jpg" }, ]} /> @@ -339,17 +176,11 @@ export default function HomePage() { description="Hier vindt u antwoorden op praktische vragen over boekingen en concerten." items={[ { - question: "Kan ik C-Sisters boeken voor een privé-evenement?", - answer: "Ja, wij treden regelmatig op voor privé-evenementen en culturele centra. Neem contact met ons op voor de mogelijkheden.", - }, + question: "Kan ik C-Sisters boeken voor een privé-evenement?", answer: "Ja, wij treden regelmatig op voor privé-evenementen en culturele centra. Neem contact met ons op voor de mogelijkheden."}, { - question: "Wat is de duur van een standaard concertprogramma?", - answer: "Ons programma duurt doorgaans 60 tot 90 minuten, inclusief pauze, maar kan in overleg worden aangepast.", - }, + question: "Wat is de duur van een standaard concertprogramma?", answer: "Ons programma duurt doorgaans 60 tot 90 minuten, inclusief pauze, maar kan in overleg worden aangepast."}, { - question: "Spelen jullie op locatie met een eigen piano?", - answer: "Wij prefereren een kwalitatieve vleugelpiano aanwezig op de locatie. Indien nodig bespreken we graag de huur van een instrument.", - }, + question: "Spelen jullie op locatie met een eigen piano?", answer: "Wij prefereren een kwalitatieve vleugelpiano aanwezig op de locatie. Indien nodig bespreken we graag de huur van een instrument."}, ]} /> @@ -361,16 +192,12 @@ export default function HomePage() { tag="Contact" text="Geïnteresseerd in onze concerten of wilt u C-Sisters boeken? Wij horen graag van u." primaryButton={{ - text: "Stuur ons een bericht", - href: "mailto:info@c-sisters.be", - }} + text: "Stuur ons een bericht", href: "mailto:info@c-sisters.be"}} secondaryButton={{ - text: "Bel ons op", - href: "tel:+3240000000", - }} + text: "Bel ons op", href: "tel:+3240000000"}} /> ); -} +} \ No newline at end of file -- 2.49.1