227 lines
11 KiB
HTML
227 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ro">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Contact - Romfast</title>
|
|
<meta name="description" content="Contactati echipa Romfast. Gasiti aici adresa, numere de telefon, adresa de e-mail si o harta pentru a ajunge la sediul nostru.">
|
|
<meta name="keywords" content="contact romfast, adresa romfast, telefon romfast, email romfast, harta sediu">
|
|
<!-- Bootstrap CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Google Fonts -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
|
|
<!-- Custom CSS -->
|
|
<link href="../new-style.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="page-wrapper">
|
|
|
|
<!-- Navigation & Branding Header -->
|
|
<header class="shadow-sm">
|
|
<nav class="navbar navbar-expand-lg navbar-dark py-3">
|
|
<div class="container">
|
|
<!-- Branding Section -->
|
|
<a class="navbar-brand d-flex flex-column align-items-start" href="../index.html">
|
|
<img src="../images/romfast_logo.png" alt="Romfast Logo" style="height: 70px; margin-bottom: 5px;">
|
|
<div>
|
|
<div class="slogan fs-6 text-white" style="font-family: 'Open Sans', sans-serif; font-style: italic;">Aduce informația în mâinile tale</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Toggler -->
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<!-- Links -->
|
|
<div class="collapse navbar-collapse" id="mainNav">
|
|
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
|
|
<li class="nav-item"><a class="nav-link" href="../index.html">Prima pagina</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="desprenoi.html">Despre noi</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="../roa/aplicatii-erp.html">ROA</a></li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="serviciiDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Servicii
|
|
</a>
|
|
<ul class="dropdown-menu" aria-labelledby="serviciiDropdown">
|
|
<li><a class="dropdown-item" href="analiza.html">Analiza</a></li>
|
|
<li><a class="dropdown-item" href="implementare.html">Implementare</a></li>
|
|
<li><a class="dropdown-item" href="roa-suport-tehnic.html">Suport tehnic ROA</a></li>
|
|
<li><a class="dropdown-item" href="alteservicii.html">Alte servicii</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="referinte.html">Referinte</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="angajari.html">Angajari</a></li>
|
|
<li class="nav-item"><a class="nav-link active" href="contact.html">Contact</a></li>
|
|
<li class="nav-item dropdown">
|
|
<button class="btn btn-outline-light dropdown-toggle ms-2" type="button" id="themeDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Theme
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="themeDropdown">
|
|
<li><a class="dropdown-item" href="#" data-theme="light">Light Mode</a></li>
|
|
<li><a class="dropdown-item" href="#" data-theme="dark">Dark Mode</a></li>
|
|
<li><a class="dropdown-item" href="#" data-theme="system">System Mode</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Main Content -->
|
|
<main class="container my-5">
|
|
<h1 class="text-center mb-5">Contactati-ne</h1>
|
|
<div class="row">
|
|
<div class="col-lg-6 mb-4">
|
|
<h2 class="h4">Date de Contact</h2>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<p><strong>Adresa:</strong><br>
|
|
900673 Constanta, Bd. Mamaia Nr. 17</p>
|
|
|
|
<p><strong>Telefon:</strong></p>
|
|
<ul class="list-unstyled">
|
|
<li>0241 / 541000 (Romtelecom)</li>
|
|
<li>0723 / 197939 (Vodafone)</li>
|
|
</ul>
|
|
|
|
<p><strong>E-mail:</strong><br>
|
|
<a href="mailto:office@romfast.ro">office@romfast.ro</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="card mt-4">
|
|
<div class="card-header">
|
|
Harta Sediu
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<div class="ratio ratio-16x9">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2850.837519439238!2d28.64031631552195!3d44.19852697910627!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40bae51c3a543781%3A0x40e3494663457b0!2sBulevardul%20Mamaia%2017%2C%20Constan%C8%9Ba%20900673!5e0!3m2!1sen!2sro!4v1678886759363!5m2!1sen!2sro" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<h2 class="h4">Formular de Contact</h2>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<form>
|
|
<div class="mb-3">
|
|
<label for="nume" class="form-label">Nume</label>
|
|
<input type="text" class="form-control" id="nume" placeholder="Numele dvs.">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label">Adresa de Email</label>
|
|
<input type="email" class="form-control" id="email" placeholder="exemplu@email.com">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="subiect" class="form-label">Subiect</label>
|
|
<input type="text" class="form-control" id="subiect" placeholder="Subiectul mesajului">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="mesaj" class="form-label">Mesaj</label>
|
|
<textarea class="form-control" id="mesaj" rows="5" placeholder="Scrieti mesajul aici..."></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Trimite Mesajul</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-dark text-white text-center py-4 mt-5">
|
|
<div class="container">
|
|
<p>Copyright © 2025 Romfast SRL. Toate drepturile rezervate.</p>
|
|
<p><a href="../politica-confidentialitate.html" class="text-white">Politica de confidentialitate</a></p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Bootstrap JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Chatbot -->
|
|
<script type="module">
|
|
import Chatbot from "https://cdn.jsdelivr.net/npm/flowise-embed/dist/web.js"
|
|
Chatbot.init({
|
|
chatflowid: "d4911620-07fe-41f8-adb4-f2f52d6ec766",
|
|
apiHost: "https://mutual-special-koala.ngrok-free.app",
|
|
theme: {
|
|
button: {
|
|
backgroundColor: "#08819c",
|
|
right: 20,
|
|
bottom: 20,
|
|
size: "medium",
|
|
iconColor: "white"
|
|
},
|
|
chatWindow: {
|
|
title: 'Maria - Romfast ChatBot Suport',
|
|
welcomeMessage: 'Buna! Cu ce pot sa te ajut?',
|
|
backgroundColor: "#ffffff",
|
|
height: 700,
|
|
width: 400,
|
|
fontSize: 16,
|
|
botMessage: {
|
|
backgroundColor: "#f7f8ff",
|
|
textColor: "#303235"
|
|
},
|
|
userMessage: {
|
|
backgroundColor: "#08819c",
|
|
textColor: "#ffffff"
|
|
},
|
|
textInput: {
|
|
placeholder: 'Scrie intrebarea',
|
|
backgroundColor: '#ffffff',
|
|
textColor: '#303235',
|
|
sendButtonColor: '#08819c'
|
|
}
|
|
}
|
|
}
|
|
})
|
|
</script>
|
|
<script>
|
|
function applyTheme(theme) {
|
|
const body = document.body;
|
|
const themeDropdownButton = document.getElementById('themeDropdown');
|
|
|
|
body.classList.remove('dark-mode'); // Always remove first
|
|
|
|
if (theme === 'dark') {
|
|
body.classList.add('dark-mode');
|
|
} else if (theme === 'system') {
|
|
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
body.classList.add('dark-mode');
|
|
}
|
|
}
|
|
themeDropdownButton.textContent = theme.charAt(0).toUpperCase() + theme.slice(1) + ' Mode';
|
|
localStorage.setItem('themePreference', theme);
|
|
}
|
|
|
|
document.querySelectorAll('.dropdown-item[data-theme]').forEach(item => {
|
|
item.addEventListener('click', function(event) {
|
|
event.preventDefault();
|
|
const theme = this.getAttribute('data-theme');
|
|
applyTheme(theme);
|
|
});
|
|
});
|
|
|
|
// Initial theme application based on saved preference or system preference
|
|
const savedTheme = localStorage.getItem('themePreference');
|
|
if (savedTheme) {
|
|
applyTheme(savedTheme);
|
|
} else {
|
|
// Default to system mode if no preference is saved
|
|
applyTheme('system');
|
|
}
|
|
|
|
// Listen for system theme changes if currently in system mode
|
|
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
|
|
if (localStorage.getItem('themePreference') === 'system') {
|
|
applyTheme('system');
|
|
}
|
|
});
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|