{open && (
@@ -62,6 +90,33 @@ export default function Navbar() {
setOpen(false)} className="rounded-md px-3 py-2 hover:bg-slate-100 dark:hover:bg-slate-800">Fahrzeuge
setOpen(false)} className="rounded-md px-3 py-2 hover:bg-slate-100 dark:hover:bg-slate-800">Leistungen
setOpen(false)} className="rounded-md px-3 py-2 hover:bg-slate-100 dark:hover:bg-slate-800">Kontakt
+
)}
diff --git a/hifi-src/src/components/PublicLayout.jsx b/hifi-src/src/components/PublicLayout.jsx
index 6efea9d..876b10e 100644
--- a/hifi-src/src/components/PublicLayout.jsx
+++ b/hifi-src/src/components/PublicLayout.jsx
@@ -7,6 +7,7 @@ import MaintenanceNotice from './MaintenanceNotice.jsx';
import MaintenanceBypassBanner from './MaintenanceBypassBanner.jsx';
import CookieConsentBanner from './CookieConsentBanner.jsx';
import { MaintenanceProvider } from '../context/MaintenanceContext.jsx';
+import { SiteSettingsProvider } from '../context/SiteSettingsContext.jsx';
import { useAuth } from '../context/AuthContext.jsx';
import { api } from '../api/client.js';
@@ -16,6 +17,13 @@ const FALLBACK_STATUS = {
vehicles: { enabled: false, message: null },
};
+const DEFAULT_SITE_SETTINGS = {
+ phone: '09373 20 62 390',
+ whatsapp: null,
+ contact_email: 'info@hifi-planet-amorbach.de',
+ hero_image_path: null,
+};
+
// Das Impressum (und die anderen rechtlichen Pflichtseiten) müssen laut § 5 DDG
// "leicht erkennbar und unmittelbar erreichbar" bleiben – auch während der
// generellen Wartung darf diese Erreichbarkeit nicht durch die Wartungsseite
@@ -24,11 +32,13 @@ const LEGAL_PATHS = ['/impressum', '/datenschutz', '/agb'];
export default function PublicLayout() {
const [status, setStatus] = useState(null);
+ const [siteSettings, setSiteSettings] = useState(DEFAULT_SITE_SETTINGS);
const { loading: authLoading, hasPermission } = useAuth();
const location = useLocation();
useEffect(() => {
api.get('/maintenance').then(setStatus).catch(() => setStatus(FALLBACK_STATUS));
+ api.get('/site-settings').then(setSiteSettings).catch(() => {});
}, []);
if (status === null || authLoading) {
@@ -44,16 +54,18 @@ export default function PublicLayout() {
return (
);
}
diff --git a/hifi-src/src/context/SiteSettingsContext.jsx b/hifi-src/src/context/SiteSettingsContext.jsx
new file mode 100644
index 0000000..4558411
--- /dev/null
+++ b/hifi-src/src/context/SiteSettingsContext.jsx
@@ -0,0 +1,16 @@
+import { createContext, useContext } from 'react';
+
+// Defaults entsprechen dem, was früher fest im Code stand - greifen, solange
+// der eigentliche /site-settings-Request noch lädt oder fehlschlägt.
+const SiteSettingsContext = createContext({
+ phone: '09373 20 62 390',
+ whatsapp: null,
+ contact_email: 'info@hifi-planet-amorbach.de',
+ hero_image_path: null,
+});
+
+export const SiteSettingsProvider = SiteSettingsContext.Provider;
+
+export function useSiteSettings() {
+ return useContext(SiteSettingsContext);
+}
diff --git a/hifi-src/src/pages/admin/ContactRequests.jsx b/hifi-src/src/pages/admin/ContactRequests.jsx
index a1d62f0..47f3ed1 100644
--- a/hifi-src/src/pages/admin/ContactRequests.jsx
+++ b/hifi-src/src/pages/admin/ContactRequests.jsx
@@ -88,6 +88,9 @@ export default function ContactRequests() {
{r.name} · {r.email}{r.phone ? ` · ${r.phone}` : ''}
+ {r.vin && (
+
FIN: {r.vin}
+ )}
{new Date(r.created_at.replace(' ', 'T')).toLocaleString('de-DE')}
diff --git a/hifi-src/src/pages/admin/settings/SettingsLayout.jsx b/hifi-src/src/pages/admin/settings/SettingsLayout.jsx
index 1006fac..655205c 100644
--- a/hifi-src/src/pages/admin/settings/SettingsLayout.jsx
+++ b/hifi-src/src/pages/admin/settings/SettingsLayout.jsx
@@ -1,6 +1,7 @@
import { NavLink, Outlet } from 'react-router-dom';
const tabs = [
+ { to: '/admin/settings/website', label: 'Website' },
{ to: '/admin/settings/database', label: 'Datenbank' },
{ to: '/admin/settings/export-import', label: 'Export & Import' },
{ to: '/admin/settings/maintenance', label: 'Wartungsmodus' },
diff --git a/hifi-src/src/pages/admin/settings/WebsiteSettings.jsx b/hifi-src/src/pages/admin/settings/WebsiteSettings.jsx
new file mode 100644
index 0000000..b8c35c9
--- /dev/null
+++ b/hifi-src/src/pages/admin/settings/WebsiteSettings.jsx
@@ -0,0 +1,118 @@
+import { useEffect, useState } from 'react';
+import { api } from '../../../api/client.js';
+import ImageUploadField from '../../../components/ImageUploadField.jsx';
+
+const emptyForm = { phone: '', whatsapp: '', contact_email: '', hero_image_path: '' };
+
+export default function WebsiteSettings() {
+ const [form, setForm] = useState(emptyForm);
+ const [loading, setLoading] = useState(true);
+ const [busy, setBusy] = useState(false);
+ const [saved, setSaved] = useState(false);
+ const [error, setError] = useState('');
+
+ useEffect(() => {
+ api
+ .get('/site-settings')
+ .then((res) =>
+ setForm({
+ phone: res.phone || '',
+ whatsapp: res.whatsapp || '',
+ contact_email: res.contact_email || '',
+ hero_image_path: res.hero_image_path || '',
+ })
+ )
+ .finally(() => setLoading(false));
+ }, []);
+
+ const update = (field, value) => {
+ setForm((f) => ({ ...f, [field]: value }));
+ setSaved(false);
+ };
+
+ const handleSave = async (e) => {
+ e.preventDefault();
+ setBusy(true);
+ setError('');
+ setSaved(false);
+ try {
+ await api.post('/site-settings', form);
+ setSaved(true);
+ } catch (err) {
+ setError(err.message);
+ } finally {
+ setBusy(false);
+ }
+ };
+
+ if (loading) {
+ return
Lädt…
;
+ }
+
+ return (
+
+ );
+}
diff --git a/hifi-src/src/pages/public/ContactPage.jsx b/hifi-src/src/pages/public/ContactPage.jsx
index 730350c..cd002fa 100644
--- a/hifi-src/src/pages/public/ContactPage.jsx
+++ b/hifi-src/src/pages/public/ContactPage.jsx
@@ -3,15 +3,19 @@ import { useSearchParams } from 'react-router-dom';
import { api } from '../../api/client.js';
import usePageMeta from '../../hooks/usePageMeta.js';
import ExternalEmbed from '../../components/ExternalEmbed.jsx';
+import { useSiteSettings } from '../../context/SiteSettingsContext.jsx';
const formatPrice = (value) =>
new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(value);
+const digitsOnly = (value) => (value || '').replace(/[^\d+]/g, '');
+
const SHOP_ADDRESS_ENCODED = encodeURIComponent('Boxbrunner Str. 20a, 63916 Amorbach');
export default function ContactPage() {
const [params] = useSearchParams();
- const [form, setForm] = useState({ name: '', email: '', phone: '', message: '' });
+ const { phone, contact_email: contactEmail } = useSiteSettings();
+ const [form, setForm] = useState({ name: '', email: '', phone: '', vin: '', message: '' });
const [status, setStatus] = useState('idle');
const [error, setError] = useState('');
const [upgrades, setUpgrades] = useState([]);
@@ -160,6 +164,18 @@ export default function ContactPage() {
className="w-full rounded-md border border-slate-300 bg-white px-3 py-2 text-sm focus:border-brand-500 focus:outline-none dark:border-slate-700 dark:bg-slate-900"
/>
+
+
+
+