350 lines
20 KiB
PHP
350 lines
20 KiB
PHP
<?php require_once 'includes/lang_loader.php'; ?>
|
||
<!DOCTYPE html>
|
||
<html lang="<?php echo $lang; ?>">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Einsatzmöglichkeiten - Future Now</title>
|
||
|
||
<meta name="description" content="Von Content-Erstellung bis Datenanalyse – entdecken Sie, wo KI Ihrem Unternehmen den größten Mehrwert bietet.">
|
||
<meta property="og:title" content="Einsatzmöglichkeiten - Future Now">
|
||
<meta property="og:description" content="Von Content-Erstellung bis Datenanalyse – entdecken Sie, wo KI Ihrem Unternehmen den größten Mehrwert bietet.">
|
||
<meta property="og:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="Einsatzmöglichkeiten - Future Now">
|
||
<meta name="twitter:description" content="Von Content-Erstellung bis Datenanalyse – entdecken Sie, wo KI Ihrem Unternehmen den größten Mehrwert bietet.">
|
||
<meta name="twitter:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
|
||
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
||
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
||
</head>
|
||
<body>
|
||
|
||
<header id="mainHeader">
|
||
<div class="inner-container">
|
||
<div class="logo-container">
|
||
<a href="/" class="logo-text">Future Now</a>
|
||
</div>
|
||
<nav class="main-nav">
|
||
<a href="/" class="nav-link"><?php echo $t['nav_home']; ?></a>
|
||
<div class="nav-dropdown">
|
||
<button class="nav-link active">
|
||
<?php echo $t['nav_why_ai']; ?>
|
||
<span class="chevron">▼</span>
|
||
</button>
|
||
<div class="dropdown-menu">
|
||
<a href="fuer-wen.php" class="dropdown-item">
|
||
<div class="dropdown-item-icon">👥</div>
|
||
<div class="dropdown-item-text">
|
||
<span class="dropdown-item-title"><?php echo $t['nav_fuer_wen']; ?></span>
|
||
<span class="dropdown-item-subtitle"><?php echo $t['nav_fuer_wen_sub']; ?></span>
|
||
</div>
|
||
</a>
|
||
<a href="warum-jetzt.php" class="dropdown-item">
|
||
<div class="dropdown-item-icon">⚡</div>
|
||
<div class="dropdown-item-text">
|
||
<span class="dropdown-item-title"><?php echo $t['nav_why_now']; ?></span>
|
||
<span class="dropdown-item-subtitle"><?php echo $t['nav_why_now_sub']; ?></span>
|
||
</div>
|
||
</a>
|
||
<a href="was-ist-ki.php" class="dropdown-item">
|
||
<div class="dropdown-item-icon">🧠</div>
|
||
<div class="dropdown-item-text">
|
||
<span class="dropdown-item-title"><?php echo $t['nav_what_is_ai']; ?></span>
|
||
<span class="dropdown-item-subtitle"><?php echo $t['nav_what_is_ai_sub']; ?></span>
|
||
</div>
|
||
</a>
|
||
<a href="einsatzmoeglichkeiten.php" class="dropdown-item active">
|
||
<div class="dropdown-item-icon">🚀</div>
|
||
<div class="dropdown-item-text">
|
||
<span class="dropdown-item-title"><?php echo $t['nav_use_cases']; ?></span>
|
||
<span class="dropdown-item-subtitle"><?php echo $t['nav_use_cases_sub']; ?></span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<a href="#ki-check" class="nav-link"><?php echo $t['nav_ai_check']; ?></a>
|
||
<a href="#ki-website" class="nav-link"><?php echo $t['nav_ai_website']; ?></a>
|
||
<a href="#preise" class="nav-link"><?php echo $t['nav_prices']; ?></a>
|
||
<a href="#kontakt" class="nav-link"><?php echo $t['nav_contact']; ?></a>
|
||
</nav>
|
||
<div class="header-right">
|
||
<div class="lang-switcher-container">
|
||
<button class="lang-switcher" id="langSwitcherBtn">
|
||
<img src="assets/images/flag-<?php echo $lang; ?>.svg" alt="Flag" class="flag-icon" />
|
||
<span><?php echo strtoupper($lang); ?></span>
|
||
<span class="chevron">▼</span>
|
||
</button>
|
||
<div class="lang-dropdown" id="langDropdown">
|
||
<a href="?lang=de" data-lang="de">🇩🇪 <?php echo $t['lang_de']; ?></a>
|
||
<a href="?lang=en" data-lang="en">🇬🇧 <?php echo $t['lang_en']; ?></a>
|
||
<a href="?lang=tr" data-lang="tr">🇹🇷 <?php echo $t['lang_tr']; ?></a>
|
||
</div>
|
||
</div>
|
||
<button class="cart-button">
|
||
<svg class="cart-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<circle cx="9" cy="21" r="1"></circle>
|
||
<circle cx="20" cy="21" r="1"></circle>
|
||
<path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
|
||
</svg>
|
||
</button>
|
||
<a href="#newsletter" class="btn btn-secondary ki-newsletter-btn"><?php echo $t['newsletter_button']; ?></a>
|
||
<button class="mobile-toggle">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="page-main">
|
||
<section class="page-hero-section">
|
||
<div class="container-custom">
|
||
<div class="breadcrumb">
|
||
<a href="/">Home</a>
|
||
<span class="breadcrumb-separator">›</span>
|
||
<span>Einsatzmöglichkeiten</span>
|
||
</div>
|
||
<div class="page-badge">Use Cases</div>
|
||
<h1 class="page-headline"> Wie Sie <span class="gradient-text">KI</span> in Ihrem Unternehmen einsetzen </h1>
|
||
<p class="page-subtext"> Von Content-Erstellung bis Datenanalyse – entdecken Sie, wo KI Ihrem Unternehmen den größten Mehrwert bietet. </p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="use-cases-section">
|
||
<div class="container-custom">
|
||
<div class="use-cases-grid">
|
||
<div class="usecase-card">
|
||
<div class="usecase-header">
|
||
<div class="usecase-icon">✍️</div>
|
||
<h3 class="usecase-title">Content-Erstellung & Texte</h3>
|
||
</div>
|
||
<p class="usecase-description">KI erstellt in Sekunden Texte, die früher Stunden dauerten.</p>
|
||
<div class="usecase-features">
|
||
<h4>Konkrete Anwendungen:</h4>
|
||
<ul>
|
||
<li>Blogposts und Artikel automatisch generieren</li>
|
||
<li>Social Media Content für Wochen im Voraus</li>
|
||
<li>E-Mail-Kampagnen personalisiert schreiben</li>
|
||
<li>Produktbeschreibungen in Serie erstellen</li>
|
||
</ul>
|
||
</div>
|
||
<div class="usecase-benefits">
|
||
<div class="benefit-item">
|
||
<span class="benefit-icon">⏱️</span>
|
||
<span class="benefit-text">80% Zeitersparnis</span>
|
||
</div>
|
||
<div class="benefit-item">
|
||
<span class="benefit-icon">💰</span>
|
||
<span class="benefit-text">Mehr kreativer Output</span>
|
||
</div>
|
||
</div>
|
||
<button class="usecase-btn">Mehr erfahren →</button>
|
||
</div>
|
||
<div class="usecase-card">
|
||
<div class="usecase-header">
|
||
<div class="usecase-icon">📈</div>
|
||
<h3 class="usecase-title">Marketing & Vertrieb</h3>
|
||
</div>
|
||
<p class="usecase-description">Erreichen Sie Ihre Kunden gezielter als je zuvor.</p>
|
||
<div class="usecase-features">
|
||
<h4>Konkrete Anwendungen:</h4>
|
||
<ul>
|
||
<li>Personalisierte Werbeanzeigen</li>
|
||
<li>Automatisierte Lead-Qualifizierung</li>
|
||
<li>Preisoptimierung in Echtzeit</li>
|
||
<li>Vorhersage von Kündigungsrisiken (Churn Prediction)</li>
|
||
</ul>
|
||
</div>
|
||
<div class="usecase-benefits">
|
||
<div class="benefit-item">
|
||
<span class="benefit-icon">⏱️</span>
|
||
<span class="benefit-text">30% mehr qualifizierte Leads</span>
|
||
</div>
|
||
<div class="benefit-item">
|
||
<span class="benefit-icon">💰</span>
|
||
<span class="benefit-text">20% höhere Conversion Rate</span>
|
||
</div>
|
||
</div>
|
||
<button class="usecase-btn">Mehr erfahren →</button>
|
||
</div>
|
||
<div class="usecase-card">
|
||
<div class="usecase-header">
|
||
<div class="usecase-icon">💬</div>
|
||
<h3 class="usecase-title">Kundenservice</h3>
|
||
</div>
|
||
<p class="usecase-description">Bieten Sie 24/7-Support und steigern Sie die Kundenzufriedenheit.</p>
|
||
<div class="usecase-features">
|
||
<h4>Konkrete Anwendungen:</h4>
|
||
<ul>
|
||
<li>Intelligente Chatbots, die 80% der Anfragen lösen</li>
|
||
<li>Automatisierte Ticket-Sortierung und -Beantwortung</li>
|
||
<li>Sentiment-Analyse von Kundenfeedback</li>
|
||
<li>Personalisierte Hilfeartikel und FAQs</li>
|
||
</ul>
|
||
</div>
|
||
<div class="usecase-benefits">
|
||
<div class="benefit-item">
|
||
<span class="benefit-icon">⏱️</span>
|
||
<span class="benefit-text">50% schnellere Antwortzeiten</span>
|
||
</div>
|
||
<div class="benefit-item">
|
||
<span class="benefit-icon">💰</span>
|
||
<span class="benefit-text">40% weniger Kosten im Support-Team</span>
|
||
</div>
|
||
</div>
|
||
<button class="usecase-btn">Mehr erfahren →</button>
|
||
</div>
|
||
<div class="usecase-card">
|
||
<div class="usecase-header">
|
||
<div class="usecase-icon">⚙️</div>
|
||
<h3 class="usecase-title">Prozessautomatisierung</h3>
|
||
</div>
|
||
<p class="usecase-description">Eliminieren Sie repetitive manuelle Aufgaben.</p>
|
||
<div class="usecase-features">
|
||
<h4>Konkrete Anwendungen:</h4>
|
||
<ul>
|
||
<li>Automatisierte Dateneingabe und -verarbeitung</li>
|
||
<li>Intelligente Dokumentenanalyse (z.B. Verträge, Rechnungen)</li>
|
||
<li>Automatisierung von HR-Prozessen (z.B. Bewerber-Screening)</li>
|
||
<li>Robotergesteuerte Prozessautomatisierung (RPA)</li>
|
||
</ul>
|
||
</div>
|
||
<div class="usecase-benefits">
|
||
<div class="benefit-item">
|
||
<span class="benefit-icon">⏱️</span>
|
||
<span class="benefit-text">90% weniger manuelle Fehler</span>
|
||
</div>
|
||
<div class="benefit-item">
|
||
<span class="benefit-icon">💰</span>
|
||
<span class="benefit-text">60% Zeitersparnis bei Admin-Aufgaben</span>
|
||
</div>
|
||
</div>
|
||
<button class="usecase-btn">Mehr erfahren →</button>
|
||
</div>
|
||
<div class="usecase-card">
|
||
<div class="usecase-header">
|
||
<div class="usecase-icon">📊</div>
|
||
<h3 class="usecase-title">Datenanalyse & Einblicke</h3>
|
||
</div>
|
||
<p class="usecase-description">Verwandeln Sie Ihre Daten in wertvolle Geschäftseinblicke.</p>
|
||
<div class="usecase-features">
|
||
<h4>Konkrete Anwendungen:</h4>
|
||
<ul>
|
||
<li>Vorhersage von Markttrends und Verkaufsprognosen</li>
|
||
<li>Analyse von Kundenverhalten und -präferenzen</li>
|
||
<li>Aufdeckung von Betrug und Anomalien</li>
|
||
<li>Optimierung von Geschäftsstrategien auf Datenbasis</li>
|
||
</ul>
|
||
</div>
|
||
<div class="usecase-benefits">
|
||
<div class="benefit-item">
|
||
<span class="benefit-icon">⏱️</span>
|
||
<span class="benefit-text">Schnellere datengestützte Entscheidungen</span>
|
||
</div>
|
||
<div class="benefit-item">
|
||
<span class="benefit-icon">💰</span>
|
||
<span class="benefit-text">Aufdeckung neuer Umsatzpotenziale</span>
|
||
</div>
|
||
</div>
|
||
<button class="usecase-btn">Mehr erfahren →</button>
|
||
</div>
|
||
<div class="usecase-card">
|
||
<div class="usecase-header">
|
||
<div class="usecase-icon">💡</div>
|
||
<h3 class="usecase-title">Produktentwicklung</h3>
|
||
</div>
|
||
<p class="usecase-description">Entwickeln Sie innovative Produkte und Dienstleistungen.</p>
|
||
<div class="usecase-features">
|
||
<h4>Konkrete Anwendungen:</h4>
|
||
<ul>
|
||
<li>Generierung von neuen Produktideen und Designs</li>
|
||
<li>Automatisierte Software-Tests und Code-Vervollständigung</li>
|
||
<li>Simulation und Optimierung von Prototypen</li>
|
||
<li>Personalisierte Produktempfehlungen</li>
|
||
</ul>
|
||
</div>
|
||
<div class="usecase-benefits">
|
||
<div class="benefit-item">
|
||
<span class="benefit-icon">⏱️</span>
|
||
<span class="benefit-text">50% schnellere Entwicklungszyklen</span>
|
||
</div>
|
||
<div class="benefit-item">
|
||
<span class="benefit-icon">💰</span>
|
||
<span class="benefit-text">Reduzierung der Entwicklungskosten</span>
|
||
</div>
|
||
</div>
|
||
<button class="usecase-btn">Mehr erfahren →</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer id="main-footer">
|
||
<div class="container-custom">
|
||
<div class="footer-grid">
|
||
<!-- Column 1: Company Info -->
|
||
<div class="footer-column">
|
||
<div class="footer-logo">Future Now</div>
|
||
<p class="footer-tagline">Werde KI FIT - in nur 5 Minuten</p>
|
||
<a href="mailto:info@future-now.online" class="footer-email">
|
||
<svg class="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
|
||
<path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
|
||
<path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
|
||
</svg>
|
||
info@future-now.online
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Column 2: Quick Links -->
|
||
<div class="footer-column">
|
||
<h4 class="footer-heading">Quick Links</h4>
|
||
<nav class="footer-links">
|
||
<a href="fuer-wen.php">Für wen?</a>
|
||
<a href="warum-jetzt.php">Warum jetzt?</a>
|
||
<a href="was-ist-ki.php">Was ist KI?</a>
|
||
<a href="einsatzmoeglichkeiten.php">Einsatz</a>
|
||
</nav>
|
||
</div>
|
||
|
||
<!-- Column 3: Legal -->
|
||
<div class="footer-column">
|
||
<h4 class="footer-heading">Rechtliches</h4>
|
||
<nav class="footer-links">
|
||
<a href="/impressum">Impressum</a>
|
||
<a href="/datenschutz">Datenschutz</a>
|
||
<a href="#cookies">Cookie-Einstellungen</a>
|
||
</nav>
|
||
</div>
|
||
|
||
<!-- Column 4: Newsletter -->
|
||
<div class="footer-column" id="newsletter">
|
||
<h4 class="footer-heading">KI-Updates erhalten</h4>
|
||
<p class="footer-newsletter-text">Bleiben Sie mit unserem monatlichen Newsletter auf dem Laufenden über KI-Trends und Insights.</p>
|
||
<form id="newsletterForm" class="newsletter-form">
|
||
<input type="email" name="email" placeholder="Ihre E-Mail Adresse" required>
|
||
<button type="submit">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20">
|
||
<path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
|
||
</svg>
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p class="copyright">© <?php echo date("Y"); ?> Future Now. Alle Rechte vorbehalten.</p>
|
||
<div class="social-links">
|
||
<a href="#" aria-label="LinkedIn">L</a>
|
||
<a href="#" aria-label="Xing">X</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
||
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
||
</body>
|
||
</html>
|