Was macht die Section?

Mit der Team Slider Pro Section stellst du dein Team hochwertig als Slider vor. Jede Karte zeigt ein Bild, Name, Position und eine kurze Bio. Auf Wunsch gibt es „Mehr lesen“ im Modal, Social-Links (LinkedIn, Instagram, X, WhatsApp) und schöne Hover-Effekte. Das Ganze ist mobilfreundlich, schnell und im Editor komplett anpassbar.

Wofür ist sie ideal?

• Teamseite, About-Page, Agentur- oder Creator-Vorstellung
• Recruiting-Landingpages mit sympathischer Teampräsenz
• Vertrauensaufbau auf Home- und Service-Seiten

Die wichtigsten Funktionen

• Slider mit Pfeilen (Desktop) und Dots (optional)
• 1–4 sichtbare Karten auf Desktop, 1–2,5 auf Mobile (Teaser-Karte für „Swipe“-Hint)
• Bildformen: eckig, abgerundet, Kreis
• Bild-Effekte: Zoom, Graustufen oder 3D-Flip mit Vorder-/Rückseitenbild
• „Mehr lesen“ öffnet Bio im Modal (perfekt für längere Texte)
• Social-Icons inklusive neues, gut erkennbares WhatsApp-Icon
• Karten-Layout für Textbereich mit Hintergrundfarbe und Schatten
• Hintergrund der Section: Farbe, Verlauf oder Bild mit Overlay
• On-Scroll Animation (sanftes Einblenden)
• Saubere Bedienung: Scroll-Snap, deaktivierte Pfeile am Ende, touch-freundlich
• Performance: Lazy-Loading, responsive Bilder, leichte CSS/JS

Was kann ich anpassen?

• Titel, Ausrichtung für Desktop und Mobil
• Spalten, Abstände, Dots und Pfeile
• Bild-Seitenverhältnis (1:1, 4:5, 3:4, 16:9, 4:3)
• Hover-Effekt der Karte (z. B. „Lift“)
• Farben für Hintergrund, Karten und Text
• Hintergrundtyp: Farbe, Verlauf oder Bild + Overlay
• Pro Mitglied: Bild(er), Name, Position, Bio, „Mehr lesen“, Social-Links

Vorteile aus meiner Sicht

• Sehr wertiger Look ohne App – wirkt professionell und modern
• Platzsparend dank Slider, trotzdem viel Info möglich (Modal)
• Einfach pflegbar im Editor, keine Code-Kenntnisse nötig
• Conversion-freundlich für Recruiting und Vertrauen auf Landingpages

Kurzer Quick-Start

1. Section einfügen und Titel setzen.
2. Spalten und Abstände für Desktop/Mobil wählen.
3. Pro Team-Mitglied Bild, Name, Position, Bio und Social-Links eintragen.
4. Optional „Mehr lesen“ aktivieren, falls die Bio länger ist.
5. Design feinjustieren: Karten-Layout, Farben, Hintergrund, Animation.
6. Mobil prüfen: Wischen, Lesbarkeit, Dots.

Hinweise

• Für WhatsApp nutze einen wa.me-Link im internationalen Format.
• Achte auf kontrastreiche Farben für Lesbarkeit.
• Nutze konsistente Bildformate und gleiche Bildausschnitte – das macht den Slider ruhig und hochwertig.