import { useEffect, useRef } from 'react'; import { Link } from 'react-router-dom'; import { motion, useScroll, useTransform } from 'framer-motion'; import usePageMeta from '../../hooks/usePageMeta.js'; 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 defaultHeroImage from '../../assets/photos/hero-trunk.jpg'; import galleryAmp from '../../assets/photos/gallery-amp-purple.jpg'; import gallerySpeaker from '../../assets/photos/gallery-speaker.jpg'; import gallerySubs from '../../assets/photos/gallery-subs.jpg'; import galleryDash from '../../assets/photos/gallery-dash.jpg'; import galleryDash2 from '../../assets/photos/gallery-dash2.jpg'; import galleryRear from '../../assets/photos/gallery-rear.jpg'; import heroHighlight from '../../assets/leistungen/hero-highlight.jpg'; const YOUTUBE_URL = 'https://www.youtube.com/@hifiplanet2812'; const YOUTUBE_VIDEO_ID = 'ostj2mKDVUc'; const stats = [ { value: 'Seit 2010', label: 'in Amorbach' }, { value: '20+', label: '3D-Drucker im Haus' }, { value: 'Eigene', label: 'CNC- & Laserwerkstatt' }, { value: 'Bundesweit', label: 'anerkannter Car-Hifi-Spezialist' }, ]; const brands = ['Focal', 'Helix', 'Ground Zero', 'Mosconi', 'Hifonics', 'Audison']; const steps = [ { title: 'Marke & Modell wählen', text: 'Finde dein Fahrzeug in wenigen Klicks.' }, { 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.' }, ]; const gallery = [ { src: gallerySubs, alt: 'Individueller Subwoofer-Bau mit Ground Zero Bässen' }, { src: galleryAmp, alt: 'Endstufen-Einbau mit violetter Ambiente-Beleuchtung' }, { src: gallerySpeaker, alt: 'Hochtöner- und Mitteltöner-Einbau von Focal Utopia' }, { src: galleryDash, alt: 'Sony Navigationssystem mit Apple CarPlay im Cockpit' }, { src: galleryRear, alt: 'Verbauter Hochtöner im Kofferraum' }, { src: galleryDash2, alt: 'Individuell beleuchtetes Cockpit mit Soundsystem' }, ]; const testimonials = [ { name: 'Thomas K.', text: 'Über YouTube auf dieses Klang-Juwel gestoßen. Beratung und Empfehlungen sind erstklassig – der Tesla-Vorführwagen hat meine Leidenschaft für guten Sound neu entfacht.' }, { name: 'Andreas I.', text: 'Sehr professionelle Beratung und Service. Obwohl ich von VAG zu Mercedes gewechselt bin, wurde alles reibungslos angepasst. Die 3-Wege-Lautsprecher und zwei Subwoofer liefern außergewöhnliche Leistung.' }, { name: 'Thomas F.', text: 'Kompletter Audi A4 B9 Umbau hat meine Erwartungen übertroffen. Von Anfang bis Ende professionell, mit tadelloser Verarbeitung und Klangqualität.' }, { name: 'Drago G.', text: 'Beeindruckt von der CNC-Arbeit, die auf YouTube gezeigt wird. Angefangen mit 3D-gedruckten Lautsprecherringen für meinen Ford Mustang – daraus wurde ein viel größeres Projekt.' }, { name: 'Leonardo B.', text: 'Toller Service und meisterhafte Handwerkskunst. Saubere Installation, Leidenschaft in jedem Detail erkennbar.' }, { name: 'Marcel S.', text: 'Unschlagbares Preis-Leistungs-Verhältnis. Das Team hat sich viel Zeit genommen, um genau die Lösung für mein Budget zu finden.' }, { name: 'Julia W.', text: 'Endlich ein Betrieb, der auch Wohnmobile ernst nimmt. Die Soundanlage in unserem Camper klingt jetzt wie im Wohnzimmer.' }, { name: 'Kevin R.', text: 'Dashcam und Alarmanlage in einem Termin sauber verbaut, keine sichtbaren Kabel. Absolute Empfehlung für alle, die Wert auf Verarbeitung legen.' }, { name: 'Sabrina H.', text: 'Mein Oldtimer hat jetzt modernen Sound, ohne dass es dem Original-Look geschadet hätte. Genau das habe ich gesucht.' }, { name: 'Niklas P.', text: 'Von der ersten Anfrage bis zum fertigen Umbau lief alles reibungslos. Ehrliche Beratung ohne Verkaufsdruck.' }, ]; const faqs = [ { question: 'Was kostet eine Beratung?', answer: 'Beratung und Preisanfrage sind für dich komplett kostenlos und unverbindlich.' }, { question: 'Muss ich mein Fahrzeug vorbeibringen?', answer: 'Für eine erste Einschätzung reicht oft deine Anfrage über die Website. Für den Einbau selbst vereinbaren wir gemeinsam einen Termin bei uns in Amorbach.' }, { question: 'Wie lange dauert ein Umbau?', answer: 'Das hängt vom Umfang ab – von einem einfachen Lautsprecher-Tausch in wenigen Stunden bis zum aufwendigen Komplettumbau über mehrere Tage.' }, { question: 'Bietet ihr auch Lösungen für Leasingfahrzeuge?', answer: 'Ja, auf Wunsch bauen wir reversibel um, sodass dein Fahrzeug bei Rückgabe wieder in den Originalzustand versetzt werden kann.' }, { question: 'Arbeitet ihr nur mit bestimmten Marken?', answer: 'Nein, wir sind herstellerunabhängig und wählen die Komponenten, die am besten zu deinem Anspruch und Budget passen.' }, { question: 'Was ist, wenn mein Fahrzeug nicht gelistet ist?', answer: 'Kein Problem – schreib uns einfach über das Kontaktformular, wir finden für jedes Fahrzeug eine passende Lösung.' }, ]; export default function Home() { const { hero_image_path: heroImagePath } = useSiteSettings(); const heroImage = heroImagePath || defaultHeroImage; usePageMeta({ title: 'Car-Hifi Umbauten nach Maß', description: 'HifiPlanet – dein Car-Hifi Spezialist in Amorbach. Marke und Modell wählen, passende Sound-Pakete entdecken und unverbindlich anfragen.', path: '/', }); useEffect(() => { const script = document.createElement('script'); script.type = 'application/ld+json'; script.text = JSON.stringify({ '@context': 'https://schema.org', '@type': 'FAQPage', mainEntity: faqs.map((f) => ({ '@type': 'Question', name: f.question, acceptedAnswer: { '@type': 'Answer', text: f.answer }, })), }); document.head.appendChild(script); return () => document.head.removeChild(script); }, []); const heroRef = useRef(null); const { scrollYProgress: heroProgress } = useScroll({ target: heroRef, offset: ['start start', 'end start'] }); const heroImageY = useTransform(heroProgress, [0, 1], ['-6%', '6%']); const heroTextY = useTransform(heroProgress, [0, 1], ['0%', '60%']); const heroOpacity = useTransform(heroProgress, [0, 0.8], [1, 0]); const ctaOpacity = useTransform(heroProgress, [0.5, 1], [0, 1]); const ctaPointerEvents = useTransform(ctaOpacity, (v) => (v > 0.05 ? 'auto' : 'none')); const ctaY = useTransform(heroProgress, [0.5, 1], [16, 0]); return (

Bereit für deinen Sound-Umbau?

Fahrzeug auswählen Kontakt aufnehmen

Willkommen bei HifiPlanet

Audiophil aus Prinzip

Dein Car-Hifi Spezialist für individuelle Sound-Umbauten. Wähle dein Fahrzeug, entdecke passende Pakete und frag unverbindlich an – wir kümmern uns um den Rest.

Fahrzeug auswählen Kontakt aufnehmen
{stats.map((stat, i) => (

{stat.value}

{stat.label}

 ))}

Marken, mit denen wir arbeiten

{brands.map((brand, i) => ( {brand} ))}

So funktioniert's
{steps.map((step, i) => (
{i + 1}

{step.title}

{step.text}

 ))}
HifiPlanet auf YouTube

Sieh dir unsere Umbauten in Aktion an

Umbauten, Soundchecks und Verstärker-Tests aus unserer Werkstatt – „Den besten Sound gibt es nicht ab Werk!"

    {['Umbauten Schritt für Schritt', 'Soundchecks & Vergleiche', 'Verstärker- & Komponenten-Tests'].map((item) => (
  • {item}
    • ))}
Zum YouTube-Kanal