import React from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import MarketingLayout from '@/layouts/marketing/MarketingLayout'; import { Package } from '@/types'; // Annahme: Typ für Package interface Props { packages: Package[]; } const Home: React.FC = ({ packages }) => { const { data, setData, post, processing, errors, reset } = useForm({ name: '', email: '', message: '', }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post('/kontakt', { onSuccess: () => reset(), }); }; return ( {/* Hero Section */}

Fotospiel

Sammle Gastfotos für Events mit QR-Codes. Unsere sichere PWA-Plattform für Gäste und Organisatoren – einfach, mobil und datenschutzkonform. Besser als Konkurrenz, geliebt von Tausenden.

Jetzt starten – Kostenlos
Event-Fotos mit QR
{/* How it works Section */}

So funktioniert es – in 4 einfachen Schritten mit QR-Codes

QR-Code generieren

Event erstellen & QR generieren

Als Organisator: Registrieren, Event anlegen, QR-Code erstellen und drucken/teilen.

Fotos hochladen

Fotos hochladen via QR

Gäste: QR scannen, PWA öffnen, Fotos via Kamera oder Galerie teilen.

Freigaben & Likes

Freigaben & Likes

Emotions auswählen, Fotos liken, Galerie browsen – alles anonym.

Download & Teilen

Download & Teilen

Freigegebene Fotos herunterladen, Event abschließen und QR archivieren.

{/* Features Section */}

Warum Fotospiel mit QR?

Sichere QR-Uploads

Sichere QR-Uploads

GDPR-konform, anonyme Sessions, QR-basierte Zugriffe ohne PII-Speicherung.

Mobile PWA & QR

Mobile PWA & QR

Offline-fähig, App-ähnlich für iOS/Android, QR-Scan für schnellen Einstieg.

Schnell & Einfach

Schnell & Einfach mit QR

Automatische Thumbnails, Echtzeit-Updates, QR-Sharing für Gäste.

{/* Packages Teaser Section */}

Unsere Packages

Wählen Sie das passende Paket für Ihr Event – von kostenlos bis premium.

Alle Packages ansehen
{/* Contact Section */}

Kontakt

setData('name', e.target.value)} required className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-[#FFB6C1]" /> {errors.name &&

{errors.name}

}
setData('email', e.target.value)} required className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-[#FFB6C1]" /> {errors.email &&

{errors.email}

}
{errors.message &&

{errors.message}

}
{Object.keys(errors).length === 0 && data.message && !processing && (

Nachricht gesendet!

)} React.useEffect(() => { if (Object.keys(errors).length > 0) { window.scrollTo({ top: 0, behavior: 'smooth' }); } }, [errors]);
{/* Testimonials Section */}

Was unsere Kunden sagen

"Perfekt für unsere Hochzeit! QR-Sharing war super einfach."

- Anna & Max

"Großes Firmenevent – alle Fotos zentral via QR."

- Team XYZ GmbH

{/* FAQ Section */}

Häufige Fragen

Ist es kostenlos?

Ja, der Basic-Tarif ist kostenlos für 1 Event mit QR. Upgrades ab 99€.

Datenschutz?

100% GDPR-konform. Keine personenbezogenen Daten gespeichert. QR-Zugriffe anonym. Siehe Datenschutzerklärung.

Wie funktioniert QR-Sharing?

Generiere QR im Dashboard, teile es – Gäste scannen, laden Fotos hoch in der PWA.

{/* Packages Section (aus aktuellem TSX, angepasst) */}

Unsere Pakete

{packages.map((pkg) => (

{pkg.name}

{pkg.description}

€{pkg.price}

Kaufen
))}
); }; export default Home;