353 lines
20 KiB
HTML
353 lines
20 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="sl">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<!-- Primary Meta Tags -->
|
||
<title>AI Mojster - AI Chatboti in Avtomatizacija za Vaše Podjetje</title>
|
||
<meta name="title" content="AI Mojster - AI Chatboti in Avtomatizacija za Vaše Podjetje">
|
||
<meta name="description" content="Povečajte prodajo, znižajte stroške in zagotovite podporo 24/7 z naprednimi AI chatboti in avtomatizacijo poslovnih procesov po meri. Preizkusite naše demo bote v živo!">
|
||
<meta name="keywords" content="ai chatbot, umetna inteligenca, avtomatizacija, izdelava chatbota, poslovna avtomatizacija, ai mojster, n8n, chatbot slovenija">
|
||
<meta name="author" content="AI Mojster">
|
||
<meta name="robots" content="index, follow">
|
||
|
||
<!-- Open Graph / Facebook -->
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="https://aimojster.si/">
|
||
<meta property="og:title" content="AI Mojster - AI Chatboti in Avtomatizacija za Vaše Podjetje">
|
||
<meta property="og:description" content="Povečajte prodajo, znižajte stroške in zagotovite podporo 24/7 z naprednimi AI chatboti in avtomatizacijo poslovnih procesov po meri.">
|
||
<meta property="og:image" content="https://aimojster.si/images/og-image-ai.jpg">
|
||
|
||
<!-- Twitter -->
|
||
<meta property="twitter:card" content="summary_large_image">
|
||
<meta property="twitter:url" content="https://aimojster.si/">
|
||
<meta property="twitter:title" content="AI Mojster - AI Chatboti in Avtomatizacija za Vaše Podjetje">
|
||
<meta property="twitter:description" content="Povečajte prodajo, znižajte stroške in zagotovite podporo 24/7 z naprednimi AI chatboti in avtomatizacijo poslovnih procesov po meri.">
|
||
<meta property="twitter:image" content="https://aimojster.si/images/og-image-ai.jpg">
|
||
|
||
<!-- Favicon & Manifest -->
|
||
<link rel="icon" type="image/png" href="images/favicon.png">
|
||
<link rel="manifest" href="site.webmanifest">
|
||
<meta name="theme-color" content="#7B2DFF">
|
||
|
||
<!-- Google Analytics 4 -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NCHQR1VBE8"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
gtag('config', 'G-NCHQR1VBE8');
|
||
</script>
|
||
|
||
<!-- Fonts & Styles -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="style.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
|
||
</head>
|
||
<body>
|
||
<header class="header">
|
||
<nav class="navbar">
|
||
<div class="logo logo-header">
|
||
<a href="#">
|
||
<img src="images/logo.png" alt="AI Mojster Logo">
|
||
</a>
|
||
</div>
|
||
<div class="menu-toggle">
|
||
<i class="fas fa-bars"></i>
|
||
</div>
|
||
<div class="nav-links">
|
||
<a href="#demos">Demo Boti</a>
|
||
<a href="#benefits">Prednosti</a>
|
||
<a href="#packages">Paketi</a>
|
||
<a href="#process">Postopek</a>
|
||
<a href="#contact" class="cta-button">Kontakt</a>
|
||
<a href="tel:040654730" class="phone-number"><i class="fas fa-phone"></i> 040 654 730</a>
|
||
<a href="/en/" class="language-switch"><i class="fas fa-globe"></i> EN</a>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="hero">
|
||
<h1>Preobrazite Svoje Poslovanje z Močjo Umetne Inteligence</h1>
|
||
<p class="hero-text">Nudimo napredne AI chatbote in avtomatizacijo po meri, ki znižujejo stroške, povečujejo prodajo in zagotavljajo podporo 24/7.</p>
|
||
<a href="#demos" class="cta-button">Preizkusite Demo Bote v Živo</a>
|
||
</section>
|
||
|
||
<!-- NOVO: Interaktivni Demo Center -->
|
||
<section id="demos" class="demos">
|
||
<div class="container">
|
||
<h2>Doživite Moč AI v Akciji</h2>
|
||
<p class="section-subtitle">Ne verjemite nam na besedo. Preizkusite naše demo bote in se sami prepričajte, kako lahko AI pomaga vašemu poslu.</p>
|
||
<div class="demo-grid">
|
||
<!-- Demo Kartica 1: Pekarna -->
|
||
<div class="demo-card">
|
||
<div class="demo-card-icon"><i class="fas fa-cookie-bite"></i></div>
|
||
<h3>Bot za Pekarno (RAG)</h3>
|
||
<div class="demo-description">
|
||
<span class="description-title">Za kaj gre?</span>
|
||
<p>Avtomatsko odgovarja na vprašanja strank o ponudbi, cenah in alergenih, 24/7, na podlagi vaše baze znanja.</p>
|
||
<span class="description-title">Kako deluje?</span>
|
||
<p>Bot se nauči vse informacije iz dokumenta, ki nam ga posredujete. Ko stranka postavi vprašanje, bot v trenutku poišče in postreže z najbolj relevantnim odgovorom.</p>
|
||
</div>
|
||
<button class="launch-demo-btn" data-bot-key="rag">Preizkusi Bota za Pekarno</button>
|
||
</div>
|
||
|
||
<!-- Demo Kartica 2: Potovanja -->
|
||
<div class="demo-card">
|
||
<div class="demo-card-icon"><i class="fas fa-plane-departure"></i></div>
|
||
<h3>Potovalni Svetovalec</h3>
|
||
<div class="demo-description">
|
||
<span class="description-title">Za kaj gre?</span>
|
||
<p>Interaktivno svetuje uporabnikom in jim pomaga najti popolno potovalno destinacijo glede na njihove želje, proračun in interese.</p>
|
||
<span class="description-title">Kako deluje?</span>
|
||
<p>Bot skozi pogovor zbira ključne informacije (tip oddiha, cena, trajanje) in na podlagi tega iz baze znanja priporoči najboljše možnosti, kot bi to storil pravi agent.</p>
|
||
</div>
|
||
<button class="launch-demo-btn" data-bot-key="calendar">Preizkusi Potovalnega Agenta</button>
|
||
</div>
|
||
|
||
<!-- Demo Kartica 3: Fitnes -->
|
||
<div class="demo-card">
|
||
<div class="demo-card-icon"><i class="fas fa-dumbbell"></i></div>
|
||
<h3>Fitnes Svetovalec</h3>
|
||
<div class="demo-description">
|
||
<span class="description-title">Za kaj gre?</span>
|
||
<p>Pomaga potencialnim članom izbrati pravi fitnes paket in na koncu zbere njihov kontakt za pošiljanje personalizirane ponudbe.</p>
|
||
<span class="description-title">Kako deluje?</span>
|
||
<p>Bot skozi nekaj ciljanih vprašanj o urniku in interesih uporabnika kvalificira in mu priporoči enega od treh paketov. Na koncu uporabi orodje za pošiljanje e-maila.</p>
|
||
</div>
|
||
<button class="launch-demo-btn" data-bot-key="sales">Preizkusi Fitnes Svetovalca</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="benefits" class="why-us">
|
||
<div class="container">
|
||
<h2>Kaj To Pomeni za Vas?</h2>
|
||
<p class="section-subtitle">To niso le tehnične rešitve. To so konkretne poslovne koristi, ki jih boste občutili takoj.</p>
|
||
<div class="benefits-grid">
|
||
<div class="benefit-card">
|
||
<div class="benefit-icon"><i class="fas fa-clock"></i></div>
|
||
<h3>Neprekinjena Dosegljivost 24/7</h3>
|
||
<p>Kot ste videli pri Botu za Pekarno, vaš AI asistent nikoli ne spi. Strankam je na voljo podnevi in ponoči, kar zagotavlja takojšnjo podporo in večje zadovoljstvo.</p>
|
||
</div>
|
||
<div class="benefit-card">
|
||
<div class="benefit-icon"><i class="fas fa-piggy-bank"></i></div>
|
||
<h3>Takojšnji Prihranki</h3>
|
||
<p>Avtomatizirajte odgovore na ponavljajoča se vprašanja in sprostite svojo ekipo za naloge, ki prinašajo večjo vrednost – zmanjšajte stroške za podporo strankam za do 30%.</p>
|
||
</div>
|
||
<div class="benefit-card">
|
||
<div class="benefit-icon"><i class="fas fa-rocket"></i></div>
|
||
<h3>Povečana Prodaja in Leadi</h3>
|
||
<p>Fitnes Svetovalec je odličen primer, kako AI aktivno nagovarja obiskovalce, jih kvalificira in zbira njihove podatke. Nikoli več ne zamudite priložnosti za posel.</p>
|
||
</div>
|
||
<div class="benefit-card">
|
||
<div class="benefit-icon"><i class="fas fa-brain"></i></div>
|
||
<h3>Inteligentno Svetovanje</h3>
|
||
<p>Potovalni Agent dokazuje, da bot ni le za odgovore, ampak lahko uporabnike vodi skozi kompleksne odločitve in jim ponudi personalizirane rešitve, ki povečajo konverzije.</p>
|
||
</div>
|
||
<div class="benefit-card">
|
||
<div class="benefit-icon"><i class="fas fa-tasks"></i></div>
|
||
<h3>Nič Več Ponavljajočega Dela</h3>
|
||
<p>Ročno prepisovanje podatkov in pošiljanje istih e-mailov postaneta preteklost. Osredotočite se na tisto, kar je resnično pomembno – rast vašega posla.</p>
|
||
</div>
|
||
<div class="benefit-card">
|
||
<div class="benefit-icon"><i class="fas fa-user-friends"></i></div>
|
||
<h3>Izjemna Uporabniška Izkušnja</h3>
|
||
<p>Stranke cenijo hitre, natančne in personalizirane odgovore. Z AI zagotovite dosledno in profesionalno komunikacijo, ki gradi zaupanje in lojalnost.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="process" class="process">
|
||
<div class="container">
|
||
<h2>Kako Deluje? Naš Proces v 4 Korakih</h2>
|
||
<p class="section-subtitle">Naš proces je preprost, pregleden in osredotočen na doseganje vaših ciljev.</p>
|
||
<div class="process-steps">
|
||
<div class="step">
|
||
<div class="step-number">1</div>
|
||
<h3>Posvet in Analiza</h3>
|
||
<p>Skupaj definiramo vaše cilje in analiziramo procese, ki so zreli za avtomatizacijo.</p>
|
||
</div>
|
||
<div class="step">
|
||
<div class="step-number">2</div>
|
||
<h3>Načrtovanje in Razvoj</h3>
|
||
<p>Zasnovo chatbota ali avtomatizacije prilagodimo vašim specifičnim potrebam in blagovni znamki.</p>
|
||
</div>
|
||
<div class="step">
|
||
<div class="step-number">3</div>
|
||
<h3>Implementacija in Testiranje</h3>
|
||
<p>Rešitev integriramo v vaše okolje in jo temeljito stestiramo za brezhibno delovanje.</p>
|
||
</div>
|
||
<div class="step">
|
||
<div class="step-number">4</div>
|
||
<h3>Zagon in Optimizacija</h3>
|
||
<p>Po zagonu spremljamo delovanje in ga nenehno izboljšujemo za doseganje maksimalnih rezultatov.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="packages" class="packages">
|
||
<div class="container">
|
||
<h2>Izberite Paket, ki Poganja Vašo Rast</h2>
|
||
<p class="section-subtitle">Pregledne cene, brez skritih stroškov. Naložba v AI se vam bo večkratno povrnila.</p>
|
||
<div class="package-grid">
|
||
<div class="package-card" data-package="asistent">
|
||
<h3>AI Asistent</h3>
|
||
<p class="subtitle">Za podjetja, ki želijo avtomatizirati podporo in zbirati kontakte.</p>
|
||
<ul class="package-features">
|
||
<li>Chatbot z odgovori na pogosta vprašanja (RAG)</li>
|
||
<li>Zbiranje kontaktnih podatkov (leadov)</li>
|
||
<li>Namestitev na vašo spletno stran</li>
|
||
</ul>
|
||
</div>
|
||
<div class="package-card featured" data-package="partner">
|
||
<div class="popular-badge">Najbolj priljubljen</div>
|
||
<h3>AI Strateški Partner</h3>
|
||
<p class="subtitle">Za podjetja, ki želijo integracijo, personalizacijo in večjo prodajo.</p>
|
||
<ul class="package-features">
|
||
<li>Vse iz paketa AI Asistent</li>
|
||
<li>Integracija s CRM sistemom ali koledarjem</li>
|
||
<li>Napredni pogovorni scenariji in prodajni lijaki</li>
|
||
</ul>
|
||
</div>
|
||
<div class="package-card" data-package="avtomatizacija">
|
||
<h3>AI Avtomatizacija</h3>
|
||
<p class="subtitle">Za podjetja, ki želijo celovito avtomatizacijo procesov.</p>
|
||
<ul class="package-features">
|
||
<li>Vse iz paketa AI Partner</li>
|
||
<li>Kompleksni avtomatizacijski tokovi (n8n)</li>
|
||
<li>API integracije po meri in povezava z več sistemi</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="contact-for-price">
|
||
<p>Cene so odvisne od kompleksnosti. Za personalizirano ponudbo nas kontaktirajte.</p>
|
||
<a href="#contact" class="cta-button">Pridobi Ponudbo</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="about" class="about">
|
||
<div class="container">
|
||
<h2>Kdo Smo?</h2>
|
||
<div class="about-content">
|
||
<div class="about-text">
|
||
<h3>Vaši Strokovnjaki za Umetno Inteligenco</h3>
|
||
<p>Smo ekipa navdušencev nad tehnologijo, ki verjame, da umetna inteligenca ni več prihodnost, ampak sedanjost. Naše poslanstvo je, da napredne AI rešitve približamo podjetjem vseh velikosti in jim pomagamo postati učinkovitejši, bolj konkurenčni in uspešnejši.</p>
|
||
</div>
|
||
<div class="about-features">
|
||
<div class="about-feature">
|
||
<i class="fas fa-lightbulb"></i>
|
||
<h4>Strateško Načrtovanje</h4>
|
||
<p>Ne prodajamo le tehnologije, ampak celovite rešitve, ki rešujejo vaše poslovne izzive.</p>
|
||
</div>
|
||
<div class="about-feature">
|
||
<i class="fas fa-code"></i>
|
||
<h4>Razvoj po Meri</h4>
|
||
<p>Vsak chatbot in avtomatizacija sta 100% prilagojena vašemu poslu in ciljem.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contact" class="contact">
|
||
<h2>Pripravljeni na Prihodnost?</h2>
|
||
<p class="contact-text">Naredite prvi korak k pametnejšemu poslovanju. Kontaktirajte nas za neobvezujoč pogovor in odkrijte, kako lahko AI pomaga tudi vam.</p>
|
||
<p class="contact-options">Izpolnite obrazec ali nam pišite na <a href="mailto:info@aimojster.si">info@aimojster.si</a></p>
|
||
<form id="contact-form" class="contact-form">
|
||
<div class="form-group">
|
||
<label for="name">Ime in priimek</label>
|
||
<input type="text" id="name" name="name" required placeholder="Vnesite vaše ime in priimek">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="email">E-poštni naslov</label>
|
||
<input type="email" id="email" name="email" required placeholder="Vnesite vaš e-poštni naslov">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="phone">Telefonska številka (neobvezno)</label>
|
||
<input type="tel" id="phone" name="phone" placeholder="Vnesite vašo telefonsko številko">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="message">Vaše sporočilo</label>
|
||
<textarea id="message" name="message" required placeholder="Na kratko opišite vaše potrebe in cilje..."></textarea>
|
||
</div>
|
||
<button type="submit" class="submit-button">
|
||
Pošlji Povpraševanje
|
||
</button>
|
||
</form>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="footer-content">
|
||
<div class="footer-logo">
|
||
<a href="#">
|
||
<img src="images/logo-white.png" alt="AI Mojster Logo">
|
||
</a>
|
||
<p>Inteligentne rešitve za pametno poslovanje.</p>
|
||
</div>
|
||
<div class="footer-links">
|
||
<h4>Navigacija</h4>
|
||
<a href="#demos">Demo Boti</a>
|
||
<a href="#benefits">Prednosti</a>
|
||
<a href="#packages">Paketi</a>
|
||
<a href="#process">Postopek</a>
|
||
<a href="#about">O nas</a>
|
||
<a href="#contact">Kontakt</a>
|
||
</div>
|
||
<div class="footer-contact-info">
|
||
<h4>Kontakt</h4>
|
||
<p class="company-name">LEO MEDIA d.o.o.</p>
|
||
<p class="address">Župančičeva ulica 3C<br>1233 Dob, Slovenia</p>
|
||
<div class="contact-methods">
|
||
<a href="tel:040654730"><i class="fas fa-phone"></i> 040 654 730</a>
|
||
<a href="mailto:info@aimojster.si"><i class="fas fa-envelope"></i> info@aimojster.si</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<div class="legal-links">
|
||
<a href="privacy.html">Pravilnik o zasebnosti</a>
|
||
<a href="terms.html">Pogoji uporabe</a>
|
||
</div>
|
||
<p>© 2025 LEO Media d.o.o. - Vse pravice pridržane</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Chatbot Widget HTML -->
|
||
<div id="chat-widget-container" class="hidden">
|
||
<div class="chat-header">
|
||
<h3 id="chat-header-title">AI Asistent</h3>
|
||
<button id="close-chat-btn">×</button>
|
||
</div>
|
||
<div id="chat-messages"></div>
|
||
<div class="chat-footer">
|
||
<button id="chat-reset-btn" class="hidden">Nazaj na glavni meni</button>
|
||
<form id="chat-input-form">
|
||
<input type="text" id="chat-input" placeholder="Vpišite sporočilo..." autocomplete="off">
|
||
<button type="submit" aria-label="Pošlji sporočilo"><i class="fas fa-paper-plane"></i></button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<button id="chat-widget-button" aria-label="Odpri klepet">
|
||
<i class="fas fa-robot"></i>
|
||
</button>
|
||
|
||
<!-- Scripts -->
|
||
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
||
<script src="script.js"></script>
|
||
<script src="chatbot.js?version=20250916-redesign"></script>
|
||
<script>
|
||
// Service Worker registration remains the same
|
||
</script>
|
||
</body>
|
||
</html>
|