Standardelemente
Typografie- und Farb-Referenz. Alle Werte stammen aus den Design-Tokens in src/app/globals.css.
Schriftart: Inter (--font-sans) · Mono: --font-mono
Typografie
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Farben
Kacheln
Drei Varianten auf dunklem Hintergrund, je als 1×3 Grid. Keine abgerundeten Ecken. Fläche: --color-surface (minimal heller als --color-background) mit Border --color-border.
1 — Elevated Surface (gefüllt, ruhig — Default-Empfehlung)
01 — Analyse
Sichtbarkeit messen
Verfolge, wo deine Marke in KI-Antworten und Suchergebnissen auftaucht.
02 — Strategie
Lücken schließen
Erkenne Themen, bei denen Wettbewerber zitiert werden und du nicht.
03 — Wachstum
Reichweite ausbauen
Setze Maßnahmen um und beobachte die Wirkung über die Zeit.
2 — Nur Outline (transparent, wird beim Hover größer)
01 — Analyse
Sichtbarkeit messen
Verfolge, wo deine Marke in KI-Antworten und Suchergebnissen auftaucht.
02 — Strategie
Lücken schließen
Erkenne Themen, bei denen Wettbewerber zitiert werden und du nicht.
03 — Wachstum
Reichweite ausbauen
Setze Maßnahmen um und beobachte die Wirkung über die Zeit.
3 — Hover-Highlight (gefüllt, Fläche & Border hellen beim Hover auf)
01 — Analyse
Sichtbarkeit messen
Verfolge, wo deine Marke in KI-Antworten und Suchergebnissen auftaucht.
02 — Strategie
Lücken schließen
Erkenne Themen, bei denen Wettbewerber zitiert werden und du nicht.
03 — Wachstum
Reichweite ausbauen
Setze Maßnahmen um und beobachte die Wirkung über die Zeit.
4 — Outline + Glow (transparent mit Outline, Indigo-Glow wie im Hero)
01 — Analyse
Sichtbarkeit messen
Verfolge, wo deine Marke in KI-Antworten und Suchergebnissen auftaucht.
02 — Strategie
Lücken schließen
Erkenne Themen, bei denen Wettbewerber zitiert werden und du nicht.
03 — Wachstum
Reichweite ausbauen
Setze Maßnahmen um und beobachte die Wirkung über die Zeit.
5 — Outline + Hover-Glow (Indigo-Glow erscheint beim Hover, nur außen um die Kachel)
01 — Analyse
Sichtbarkeit messen
Verfolge, wo deine Marke in KI-Antworten und Suchergebnissen auftaucht.
02 — Strategie
Lücken schließen
Erkenne Themen, bei denen Wettbewerber zitiert werden und du nicht.
03 — Wachstum
Reichweite ausbauen
Setze Maßnahmen um und beobachte die Wirkung über die Zeit.
KI-Such-Eingabe
Nachgebaute KI-Such-Eingabe, die im Loop verschiedene Suchanfragen „tippt". Zeigt, wie potenzielle Kunden bei KI-Assistenten nach Lösungen wie deiner suchen. Jede Frage fährt von unten ein, wird Zeichen für Zeichen geschrieben, pausiert und fährt nach oben aus. Quelle: @/components/ChatDemo. Pausiert außerhalb des Viewports und respektiert prefers-reduced-motion.
Customers are already looking for you
Thousands of people are looking for a solution like yours everyday
Trusted-by-Leiste
Kunden-Logo-Leiste. Eine Quelle: @/components/TrustedBy. Logos werden per brightness-0 invert zu einheitlichen Silhouetten. Desktop: statische Reihe. Mobil (<sm): nahtloses Marquee, läuft rechts → links durch.
Trusted by
Vergleichstabelle
Interaktiver head-to-head Vergleich. Über die Tabs wechselt der Gegner; die Tabs laufen automatisch durch und pausieren beim Hover. Unsere Spalte ist als durchgehender Accent-Block hervorgehoben, die Vergleichsspalte swappt animiert. Quelle: @/components/ComparisonTable.
Planbare Lizenz, kein Overhead.
Gehalt, Einarbeitung und Betreuung.
Ergebnisse in Minuten, rund um die Uhr.
Begrenzte Stunden, langsame Einarbeitung.
Gleiche Qualität bei jedem Durchlauf.
Schwankt mit Tagesform und Erfahrung.
Beliebig viele Analysen parallel.
Eine Person, ein Schreibtisch.
Kosten
Planbare Lizenz, kein Overhead.
Geschwindigkeit
Ergebnisse in Minuten, rund um die Uhr.
Konsistenz
Gleiche Qualität bei jedem Durchlauf.
Skalierung
Beliebig viele Analysen parallel.
Swipe to compare
FAQ
Häufige Fragen
Zweispaltiges Akkordeon (Überschrift links, Fragen rechts — auf Mobil einspaltig). Bringt automatisch FAQPage-JSON-LD mit; das Plus morpht beim Öffnen zum Minus.
Wir verfolgen, wo deine Marke in KI-Antworten und klassischen Suchergebnissen auftaucht, und verdichten das zu einem nachvollziehbaren Sichtbarkeits-Wert über die Zeit.
Die gängigen Antwort-Engines und Suchmaschinen werden regelmäßig abgefragt, sodass du Lücken erkennst, bei denen Wettbewerber zitiert werden und du nicht.
Nach dem Onboarding stehen die ersten Auswertungen innerhalb weniger Tage bereit. Den Trend siehst du, sobald genügend Datenpunkte gesammelt sind.
Ja. Du kannst Kolleg:innen einladen, Maßnahmen verteilen und die Wirkung gemeinsam über das Dashboard beobachten.
Kontaktformular
Eigenständiges Standardelement. Sendet an die Route /api/contact, die die Nachricht per Resend an johannes@fento.ai weiterleitet. Weiße Felder, Nachricht optional, Honeypot gegen Spam, eigene Lade-/Erfolgs-/Fehler-Zustände (Fehler mit Mailto-Hinweis).
Lass uns sprechen
Erzähl uns kurz von deinen Zielen – wir melden uns innerhalb eines Werktags zurück.
Buttons
Varianten
Größen
Disabled