diff --git a/hifi-src/src/assets/videos/youtube-hintergrund.mp4 b/hifi-src/src/assets/videos/youtube-hintergrund.mp4 new file mode 100644 index 0000000..6b48cb3 Binary files /dev/null and b/hifi-src/src/assets/videos/youtube-hintergrund.mp4 differ diff --git a/hifi-src/src/i18n/de.js b/hifi-src/src/i18n/de.js index 60b8082..8e650d1 100644 --- a/hifi-src/src/i18n/de.js +++ b/hifi-src/src/i18n/de.js @@ -82,12 +82,10 @@ export default { { title: 'Sound-Paket entdecken', text: 'Passende Pakete inkl. aktueller Preise auf einen Blick.' }, { title: 'Unverbindlich anfragen', text: 'Wir melden uns zeitnah mit allen Details bei dir.' }, ], - youtubeBadge: 'HifiPlanet auf YouTube', - youtubeTitle: 'Sieh dir unsere Umbauten in Aktion an', - youtubeText: 'Umbauten, Soundchecks und Verstärker-Tests aus unserer Werkstatt – „Den besten Sound gibt es nicht ab Werk!"', - youtubeChecklist: ['Umbauten Schritt für Schritt', 'Soundchecks & Vergleiche', 'Verstärker- & Komponenten-Tests'], - youtubeCta: 'Zum YouTube-Kanal', - youtubeEmbedName: 'Das YouTube-Video', + youtubeBadge: 'HifiPlanet präsentiert', + youtubeTitle: 'Das Handwerk hinter deinem Sound', + youtubeText: 'Entdecke die Handwerkskunst hinter unserer Arbeit', + youtubeCta: 'Jetzt ansehen', heroImageAlt: 'Ground Zero Subwoofer und Endstufen mit violetter Ambiente-Beleuchtung', craftImageAlt: 'Individueller Subwoofer-Bau', adviceImageAlt: 'Endstufen-Einbau mit Ambiente-Beleuchtung', diff --git a/hifi-src/src/i18n/en.js b/hifi-src/src/i18n/en.js index b7f00d4..83ad0f2 100644 --- a/hifi-src/src/i18n/en.js +++ b/hifi-src/src/i18n/en.js @@ -82,12 +82,10 @@ export default { { title: 'Discover a sound package', text: 'Matching packages with current prices at a glance.' }, { title: 'Get in touch', text: "We'll get back to you shortly with all the details." }, ], - youtubeBadge: 'HifiPlanet on YouTube', - youtubeTitle: 'See our installations in action', - youtubeText: 'Installations, sound checks and amplifier tests straight from our workshop – "The best sound doesn\'t come from the factory!"', - youtubeChecklist: ['Installations step by step', 'Sound checks & comparisons', 'Amplifier & component tests'], - youtubeCta: 'Visit our YouTube channel', - youtubeEmbedName: 'The YouTube video', + youtubeBadge: 'HifiPlanet presents', + youtubeTitle: 'The craft behind your sound', + youtubeText: 'Discover the artistry behind our work', + youtubeCta: 'Watch now', heroImageAlt: 'Ground Zero subwoofer and amplifiers with purple ambient lighting', craftImageAlt: 'Custom subwoofer build', adviceImageAlt: 'Amplifier installation with ambient lighting', diff --git a/hifi-src/src/pages/public/Home.jsx b/hifi-src/src/pages/public/Home.jsx index 0aa92de..3800495 100644 --- a/hifi-src/src/pages/public/Home.jsx +++ b/hifi-src/src/pages/public/Home.jsx @@ -6,7 +6,6 @@ import Reveal from '../../components/Reveal.jsx'; import Accordion from '../../components/Accordion.jsx'; import StarRating from '../../components/StarRating.jsx'; import TestimonialSlider from '../../components/TestimonialSlider.jsx'; -import ExternalEmbed from '../../components/ExternalEmbed.jsx'; import { useSiteSettings } from '../../context/SiteSettingsContext.jsx'; import { useLanguage } from '../../context/LanguageContext.jsx'; import defaultHeroImage from '../../assets/photos/gallery-dash2.jpg'; @@ -17,6 +16,7 @@ import galleryDash from '../../assets/photos/gallery-dash.jpg'; import galleryTrunk from '../../assets/photos/hero-trunk.jpg'; import galleryRear from '../../assets/photos/gallery-rear.jpg'; import heroHighlight from '../../assets/leistungen/hero-highlight.jpg'; +import youtubeVideo from '../../assets/videos/youtube-hintergrund.mp4'; const YOUTUBE_URL = 'https://www.youtube.com/@hifiplanet2812'; const YOUTUBE_VIDEO_ID = 'ostj2mKDVUc'; @@ -183,63 +183,38 @@ export default function Home() { -
-
-
+
+ +
-
- -
- - - - {t('home.youtubeBadge')} -
-

{t('home.youtubeTitle')}

-

- {t('home.youtubeText')} -

-
    - {t('home.youtubeChecklist').map((item) => ( -
  • - - - - {item} -
  • - ))} -
- - {t('home.youtubeCta')} - - - - -
- - -
- -