<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>E.F.I.U. | European Fraud Investigation Unit</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:opsz,[email protected],300;14..32,400;14..32,600;14..32,700;14..32,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
:root {
--primary: #f97316;
--primary-dark: #ea580c;
--primary-light: #fb923c;
--primary-glow: rgba(249, 115, 22, 0.4);
--white: #ffffff;
--light-bg: #f8f9fa;
--dark-text: #1a1a2e;
--gray-text: #6b7280;
--border-light: rgba(249, 115, 22, 0.2);
--shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
--shadow-hover: 0 20px 60px rgba(249, 115, 22, 0.15);
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Inter', sans-serif;
background: var(--light-bg);
color: var(--dark-text);
line-height: 1.5;
scroll-behavior: smooth;
overflow-x: hidden;
}
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; }
.container { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
}
.main-header {
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border-light);
position: sticky;
top: 0;
z-index: 1000;
transition: var(--transition);
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 16px 0;
}
.logo-area { display: flex; align-items: center; gap: 15px; cursor: pointer; }
.logo-icon {
width: 50px; height: 50px;
background: linear-gradient(135deg, var(--primary), var(--primary-dark));
border-radius: 14px;
display: flex; align-items: center; justify-content: center;
font-size: 24px; font-weight: 800; color: white;
transition: var(--transition);
}
.logo-area:hover .logo-icon { transform: scale(1.05) rotate(-5deg); box-shadow: 0 0 30px var(--primary-glow); }
.logo-text h1 { font-size: 1.5rem; font-weight: 800; color: var(--dark-text); letter-spacing: -0.5px; }
.logo-text h1 span { color: var(--primary); }
.logo-text p { font-size: 0.7rem; color: var(--gray-text); letter-spacing: 1px; }
.nav-links { display: flex; gap: 32px; align-items: center; flex-wrap: wrap; }
.nav-links a {
color: var(--dark-text); text-decoration: none; font-weight: 500;
transition: var(--transition); font-size: 0.9rem; cursor: pointer;
position: relative;
}
.nav-links a::after {
content: ''; position: absolute; bottom: -5px; left: 0;
width: 0; height: 2px; background: var(--primary);
transition: width 0.3s ease;
}
.nav-links a:hover::after, .nav-links a.active::after { width: 100%; }
.nav-links a:hover { color: var(--primary); transform: translateY(-1px); }
.nav-links a.active { color: var(--primary); }
.lang-selector {
background: var(--white); border: 1px solid var(--border-light);
padding: 8px 16px; border-radius: 40px; color: var(--dark-text);
font-weight: 500; cursor: pointer; font-size: 0.8rem;
transition: var(--transition); box-shadow: var(--shadow);
}
.lang-selector:hover { border-color: var(--primary); box-shadow: var(--shadow-hover); transform: translateY(-1px); }
.hero {
padding: 100px 0 80px; text-align: center;
background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
position: relative; overflow: hidden;
}
.hero::before {
content: ''; position: absolute; top: -50%; right: -20%; width: 600px; height: 600px;
background: radial-gradient(circle, rgba(249, 115, 22, 0.05) 0%, transparent 70%);
border-radius: 50%; animation: float 8s ease-in-out infinite;
}
.hero::after {
content: ''; position: absolute; bottom: -30%; left: -10%; width: 500px; height: 500px;
background: radial-gradient(circle, rgba(249, 115, 22, 0.04) 0%, transparent 70%);
border-radius: 50%; animation: float 10s ease-in-out infinite reverse;
}
.hero h2 {
font-size: 3.8rem; font-weight: 800; color: var(--dark-text);
margin-bottom: 24px; max-width: 900px; margin-left: auto; margin-right: auto;
animation: fadeInUp 0.8s ease; position: relative; z-index: 1;
}
.hero h2 span { color: var(--primary); }
.hero p {
font-size: 1.2rem; max-width: 700px; margin: 0 auto 40px; color: var(--gray-text);
animation: fadeInUp 0.8s ease 0.1s forwards; opacity: 0; animation-fill-mode: forwards;
position: relative; z-index: 1;
}
.stats-grid {
display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;
margin-top: 40px; animation: fadeInUp 0.8s ease 0.2s forwards;
opacity: 0; animation-fill-mode: forwards; position: relative; z-index: 1;
}
.stat-card {
text-align: center; background: var(--white); padding: 28px 40px;
border-radius: 24px; border: 1px solid var(--border-light);
transition: var(--transition); box-shadow: var(--shadow); min-width: 160px;
}
.stat-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-hover); border-color: var(--primary); }
.stat-number { font-size: 2.8rem; font-weight: 800; color: var(--primary); }
.stat-label { font-size: 0.85rem; color: var(--gray-text); margin-top: 8px; letter-spacing: 1px; }
.consultation-wrapper {
margin-top: 50px; animation: fadeInUp 0.8s ease 0.3s forwards;
opacity: 0; animation-fill-mode: forwards; position: relative; z-index: 1;
}
.consultation-btn {
display: inline-flex; align-items: center; gap: 12px;
background: linear-gradient(135deg, var(--primary), var(--primary-dark));
border: none; padding: 16px 44px; border-radius: 60px;
font-weight: 700; font-size: 1.1rem; color: white; cursor: pointer;
transition: var(--transition); position: relative; overflow: hidden;
box-shadow: 0 8px 30px rgba(249, 115, 22, 0.3);
}
.consultation-btn::before {
content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: left 0.6s ease;
}
.consultation-btn:hover::before { left: 100%; }
.consultation-btn:hover { transform: translateY(-3px); box-shadow: 0 15px 45px rgba(249, 115, 22, 0.4); }
.consultation-btn i { font-size: 1.2rem; transition: transform 0.3s; }
.consultation-btn:hover i { transform: translateX(6px); }
.features-section { padding: 100px 0; background: var(--light-bg); }
.section-header { text-align: center; margin-bottom: 60px; }
.section-header h3 {
font-size: 2.5rem; font-weight: 700; color: var(--dark-text);
position: relative; display: inline-block;
}
.section-header h3::after {
content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%);
width: 80px; height: 3px; background: linear-gradient(90deg, transparent, var(--primary), transparent);
border-radius: 3px;
}
.section-header p { color: var(--gray-text); max-width: 600px; margin: 24px auto 0; font-size: 1rem; }
.features-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 32px;
}
.feature-card {
background: var(--white); border: 1px solid var(--border-light);
border-radius: 28px; padding: 32px; transition: var(--transition);
box-shadow: var(--shadow); position: relative; overflow: hidden;
}
.feature-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
background: linear-gradient(90deg, var(--primary), var(--primary-light));
transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease;
}
.feature-card:hover::before { transform: scaleX(1); }
.feature-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-hover); border-color: var(--primary); }
.feature-icon {
width: 60px; height: 60px;
background: linear-gradient(135deg, var(--primary), var(--primary-dark));
border-radius: 20px; display: flex; align-items: center; justify-content: center;
margin-bottom: 24px; transition: var(--transition);
}
.feature-card:hover .feature-icon { transform: scale(1.1) rotate(-5deg); }
.feature-icon i { font-size: 28px; color: white; }
.feature-card h4 { font-size: 1.4rem; margin-bottom: 12px; font-weight: 600; color: var(--dark-text); }
.feature-card p { color: var(--gray-text); line-height: 1.6; font-size: 0.9rem; }
.team-section { padding: 100px 0; background: var(--white); }
.section-title {
font-size: 2rem; font-weight: 700; margin-bottom: 40px;
padding-left: 20px; color: var(--dark-text); border-left: 5px solid var(--primary);
}
.team-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 32px; margin-bottom: 60px;
}
.member-card {
background: var(--white); border-radius: 24px; padding: 28px 24px;
text-align: center; border: 1px solid var(--border-light);
transition: var(--transition); box-shadow: var(--shadow); cursor: pointer;
}
.member-card:hover { border-color: var(--primary); transform: translateY(-10px); box-shadow: var(--shadow-hover); }
.member-avatar {
width: 100px; height: 100px;
background: linear-gradient(145deg, var(--primary), var(--primary-dark));
border-radius: 50%; margin: 0 auto 20px;
display: flex; align-items: center; justify-content: center;
font-size: 2.2rem; font-weight: bold; color: white;
transition: var(--transition);
}
.member-card:hover .member-avatar { transform: scale(1.05); }
.member-name { font-size: 1.2rem; font-weight: 700; color: var(--dark-text); }
.member-role { color: var(--primary); font-weight: 600; margin: 8px 0; font-size: 0.85rem; }
.member-lang { font-size: 0.7rem; background: var(--light-bg); color: var(--gray-text); display: inline-block; padding: 4px 12px; border-radius: 20px; }
.company-section { padding: 100px 0; background: var(--light-bg); }
.company-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 50px; background: var(--white); border-radius: 48px;
padding: 48px; border: 1px solid var(--border-light); box-shadow: var(--shadow);
}
.info-block h2 { font-size: 1.6rem; margin-bottom: 24px; display: flex; align-items: center; gap: 12px; color: var(--dark-text); }
.info-block p { margin: 16px 0; line-height: 1.6; color: var(--gray-text); }
.info-block strong { color: var(--dark-text); }
.ai-section { padding: 100px 0; background: var(--white); }
.ai-card {
background: var(--light-bg); border-radius: 48px; padding: 48px;
border: 1px solid var(--border-light); box-shadow: var(--shadow);
transition: var(--transition);
}
.ai-card:hover { box-shadow: var(--shadow-hover); }
.chat-messages {
background: var(--white); border-radius: 24px; padding: 24px;
height: 350px; overflow-y: auto; margin: 24px 0;
box-shadow: inset 0 2px 10px rgba(0,0,0,0.04);
}
.chat-message { margin-bottom: 16px; padding: 12px 20px; border-radius: 24px; max-width: 80%; animation: fadeInUp 0.3s ease; }
.chat-message.user { background: var(--primary); color: white; margin-left: auto; text-align: right; border-bottom-right-radius: 4px; }
.chat-message.ai { background: var(--white); border: 1px solid var(--border-light); border-bottom-left-radius: 4px; color: var(--dark-text); }
.chat-input-area { display: flex; gap: 16px; margin-top: 20px; }
.chat-input-area input {
flex: 1; padding: 14px 20px; background: var(--white);
border: 1px solid var(--border-light); border-radius: 40px; color: var(--dark-text);
font-size: 0.9rem; transition: var(--transition); box-shadow: var(--shadow);
}
.chat-input-area input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 4px var(--primary-glow); }
.chat-input-area button {
background: linear-gradient(135deg, var(--primary), var(--primary-dark));
border: none; padding: 0 32px; border-radius: 40px;
font-weight: 600; cursor: pointer; color: white;
transition: var(--transition); box-shadow: 0 4px 15px var(--primary-glow);
}
.chat-input-area button:hover { transform: scale(1.03); box-shadow: 0 8px 30px var(--primary-glow); }
.contact-section { padding: 100px 0; background: var(--light-bg); }
.contact-card {
background: var(--white); border-radius: 48px; padding: 50px;
border: 1px solid var(--border-light); max-width: 700px; margin: 0 auto;
box-shadow: var(--shadow); transition: var(--transition);
}
.contact-card:hover { box-shadow: var(--shadow-hover); }
.contact-info {
display: flex; justify-content: center; gap: 30px; margin-bottom: 40px; flex-wrap: wrap;
}
.info-item {
display: flex; align-items: center; gap: 12px;
background: var(--light-bg); padding: 12px 24px; border-radius: 60px;
border: 1px solid var(--border-light); transition: var(--transition);
}
.info-item:hover { border-color: var(--primary); transform: translateY(-2px); box-shadow: var(--shadow); }
.info-item i { font-size: 1.2rem; color: var(--primary); }
.info-item span { font-size: 0.9rem; color: var(--dark-text); }
.contact-form { display: flex; flex-direction: column; gap: 20px; }
.form-group input, .form-group textarea {
width: 100%; padding: 14px 18px; background: var(--light-bg);
border: 1px solid var(--border-light); border-radius: 16px;
color: var(--dark-text); font-size: 0.9rem; transition: var(--transition);
}
.form-group input:focus, .form-group textarea:focus {
outline: none; border-color: var(--primary); box-shadow: 0 0 0 4px var(--primary-glow);
}
.form-group label {
display: block; margin-bottom: 8px; font-weight: 600; font-size: 0.85rem; color: var(--dark-text);
}
.submit-btn {
background: linear-gradient(135deg, var(--primary), var(--primary-dark));
border: none; padding: 14px; border-radius: 40px;
font-weight: 700; font-size: 1rem; color: white; cursor: pointer;
transition: var(--transition); box-shadow: 0 4px 15px var(--primary-glow);
}
.submit-btn:hover { transform: scale(1.02); box-shadow: 0 8px 30px var(--primary-glow); }
.footer {
background: var(--dark-text); padding: 70px 0 30px;
border-top: 1px solid rgba(255,255,255,0.06);
}
.footer-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 50px; margin-bottom: 50px;
}
.footer-col h4 {
color: var(--primary); margin-bottom: 24px; font-size: 1rem;
letter-spacing: 1px; cursor: pointer; display: inline-block; transition: var(--transition);
}
.footer-col h4:hover { color: var(--primary-light); transform: translateX(5px); }
.footer-col a {
display: block; color: rgba(255,255,255,0.6); text-decoration: none;
margin-bottom: 12px; font-size: 0.85rem; transition: var(--transition); cursor: pointer;
}
.footer-col a:hover { color: var(--primary); transform: translateX(8px); }
.footer-detail {
margin-top: 15px; padding: 12px; background: rgba(249,115,22,0.08);
border-radius: 12px; font-size: 0.8rem; color: rgba(255,255,255,0.7);
display: none; border-left: 3px solid var(--primary);
}
.footer-detail.show { display: block; animation: fadeInUp 0.3s ease; }
.copyright { text-align: center; font-size: 0.75rem; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.06); color: rgba(255,255,255,0.4); }
@media (max-width: 800px) {
.container { padding: 0 20px; }
.hero h2 { font-size: 2.2rem; }
.stats-grid { gap: 15px; }
.stat-card { padding: 15px 20px; min-width: auto; }
.stat-number { font-size: 1.8rem; }
.nav-links { gap: 15px; margin-top: 10px; }
.header-inner { flex-direction: column; gap: 10px; }
.consultation-btn { padding: 12px 28px; font-size: 0.9rem; }
.contact-card { padding: 30px 20px; }
.company-grid { padding: 24px; }
.ai-card { padding: 24px; }
}
</style>
</head>
<body>
<header class="main-header">
<div class="container header-inner">
<div class="logo-area">
<div class="logo-icon">EF</div>
<div class="logo-text">
<h1>E.<span>F.</span>I.<span>U.</span></h1>
<p>European Fraud Investigation Unit</p>
</div>
</div>
<nav class="nav-links">
<a data-nav="home" class="nav-item active" id="navHome">Home</a>
<a data-nav="team" class="nav-item" id="navTeam">Team</a>
<a data-nav="about" class="nav-item" id="navAbout">About</a>
<a data-nav="features" class="nav-item" id="navFeatures">Solutions</a>
<a data-nav="ai" class="nav-item" id="navAi">AI Assistant</a>
<a data-nav="contact" class="nav-item" id="navContact">Contact</a>
<select id="globalLangSelect" class="lang-selector">
<option value="en">🇬🇧 English</option>
<option value="fr">🇫🇷 Français</option>
<option value="es">🇪🇸 Español</option>
<option value="it">🇮🇹 Italiano</option>
<option value="de">🇩🇪 Deutsch</option>
</select>
</nav>
</div>
</header>
<main id="app-content">
<section id="homeSection">
<div class="hero">
<div class="container">
<h2 id="heroTitle">Blockchain Intelligence & <span>Fraud Recovery</span> for Europe</h2>
<p id="heroDesc">From reactive to proactive – monitor fraud, pursue illicit activity, and recover stolen assets across borders with elite investigation technology.</p>
<div class="stats-grid">
<div class="stat-card"><div class="stat-number">€347M</div><div class="stat-label" id="stat1Label">Recovered Funds</div></div>
<div class="stat-card"><div class="stat-number">1,240+</div><div class="stat-label" id="stat2Label">Successful Cases</div></div>
<div class="stat-card"><div class="stat-number">28</div><div class="stat-label" id="stat3Label">Countries Covered</div></div>
<div class="stat-card"><div class="stat-number">14+</div><div class="stat-label" id="stat4Label">Years of Excellence</div></div>
</div>
<div class="consultation-wrapper">
<button class="consultation-btn" id="openConsultationBtn">
<i class="fas fa-calendar-check"></i>
<span id="consultBtnText">Get a Free Consultation</span>
<i class="fas fa-arrow-right"></i>
</button>
</div>
</div>
</div>
<div class="features-section">
<div class="container">
<div class="section-header">
<h3 id="featuresTitle">Uncover the real-world actors behind blockchain fraud</h3>
<p id="featuresSub">Advanced intelligence to trace, investigate, and recover stolen crypto assets globally.</p>
</div>
<div class="features-grid">
<div class="feature-card"><div class="feature-icon"><i class="fas fa-chart-line"></i></div><h4 id="feat1Title">Crypto Tracing & Forensics</h4><p id="feat1Desc">Trace funds across bridges, mixers, DEX swaps, and multiple blockchains with precision.</p></div>
<div class="feature-card"><div class="feature-icon"><i class="fas fa-shield-alt"></i></div><h4 id="feat2Title">Fraud Prevention & KYT</h4><p id="feat2Desc">Real-time screening of transactions to prevent illicit activity before it hits your platform.</p></div>
<div class="feature-card"><div class="feature-icon"><i class="fas fa-network-wired"></i></div><h4 id="feat3Title">Cross-Chain Intelligence</h4><p id="feat3Desc">Visualize illicit networks across web3 infrastructure and gather actionable intelligence.</p></div>
<div class="feature-card"><div class="feature-icon"><i class="fas fa-gavel"></i></div><h4 id="feat4Title">Evidence for Prosecution</h4><p id="feat4Desc">Court-admissible evidence used in high-profile cases across Europe and beyond.</p></div>
<div class="feature-card"><div class="feature-icon"><i class="fas fa-robot"></i></div><h4 id="feat5Title">AI-Powered Scam Detection</h4><p id="feat5Desc">Identify scammers before they meet victims using advanced machine learning algorithms.</p></div>
<div class="feature-card"><div class="feature-icon"><i class="fas fa-hand-holding-usd"></i></div><h4 id="feat6Title">Asset Recovery Network</h4><p id="feat6Desc">Global cooperation with exchanges, law enforcement, and financial institutions.</p></div>
</div>
</div>
</div>
</section>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 | <section id="teamSection" style="display: none;">
<div class="container team-section">
<div class="section-title" id="teamMainTitle">Our Investigators & Recovery Experts</div>
<h3 id="recoveryTitle" style="margin: 30px 0 20px; font-size: 1.6rem; color: var(--dark-text);"><i class="fas fa-search-dollar" style="color: var(--primary);"></i> Recovery Experts</h3>
<div class="team-grid" id="teamGrid"></div>
</div>
</section>
<section id="aboutSection" style="display: none;">
<div class="container company-section">
<div class="company-grid">
<div class="info-block">
<h2><i class="fas fa-building" style="color: var(--primary);"></i> <span id="aboutHead">E.F.I.U. Headquarters</span></h2>
<p id="aboutAddress">🏢 Herengracht 280, 1016 BX Amsterdam, Netherlands</p>
<p id="aboutFounded">📅 Founded: <strong>2011</strong> | Director General: <strong>Antoine Dubois</strong></p>
<p id="aboutDesc">🔒 European Fraud Investigation Unit is the premier cross-border financial crime agency combining elite investigators, blockchain analysts, and legal experts. Trusted by law enforcement agencies across 28 countries.</p>
</div>
<div class="info-block">
<h2><i class="fas fa-chart-simple" style="color: var(--primary);"></i> <span id="metricsTitle">Fraud Recovery Metrics</span></h2>
<p id="metrics1">✅ Total funds recovered: <strong>€347.2 Million</strong> (crypto + fiat)</p>
<p id="metrics2">✅ Successful interventions: <strong>1,240+</strong> complex fraud cases</p>
<p id="metrics3">✅ International cooperation: Europol, Interpol, 45+ regulators</p>
<p id="metrics4">✅ Average recovery time: <strong>4-7 months</strong> for crypto scams</p>
<p id="metrics5">✅ $34 billion illicit funds frozen/recovered by partners using our data</p>
</div>
</div>
</div>
</section>
<section id="featuresDetailSection" style="display: none;">
<div class="container features-section">
<div class="section-header">
<h3 id="detailTitle">The E.F.I.U. Difference</h3>
<p id="detailSub">Trusted by law enforcement, exchanges, and financial institutions across Europe.</p>
</div>
<div class="features-grid">
<div class="feature-card"><div class="feature-icon"><i class="fas fa-database"></i></div><h4>Data You Can Trust</h4><p>Sophisticated ML techniques with proprietary architecture. Lowest tolerance for error.</p></div>
<div class="feature-card"><div class="feature-icon"><i class="fas fa-link"></i></div><h4>Complete Blockchain Coverage</h4><p>Seamless onboarding of new blockchains. Supports all major standards.</p></div>
<div class="feature-card"><div class="feature-icon"><i class="fas fa-chart-simple"></i></div><h4>Cross-Chain Tracing</h4><p>Effortless tracing through bridges, mixers, DEX swaps, and DeFi protocols.</p></div>
<div class="feature-card"><div class="feature-icon"><i class="fas fa-gavel"></i></div><h4>Court-Admissible Evidence</h4><p>Data used in groundbreaking legal actions across Europe.</p></div>
<div class="feature-card"><div class="feature-icon"><i class="fas fa-headset"></i></div><h4>Experts by Your Side</h4><p>24/7 global support with localized guidance and advanced techniques.</p></div>
<div class="feature-card"><div class="feature-icon"><i class="fas fa-flask"></i></div><h4>Continuous Innovation</h4><p>E.F.I.U. Labs pioneers cutting-edge blockchain intelligence.</p></div>
</div>
</div>
</section>
<section id="aiSection" style="display: none;">
<div class="container ai-section">
<div class="ai-card">
<div style="display: flex; align-items: center; gap: 16px; margin-bottom: 24px;">
<i class="fas fa-robot" style="font-size: 2.5rem; color: var(--primary);"></i>
<h2 id="aiTitle" style="font-size: 1.8rem; color: var(--dark-text);">Global Fraud Intelligence AI</h2>
</div>
<p id="aiDesc" style="margin-bottom: 20px; opacity: 0.9; color: var(--gray-text);">Ask about fraud trends, crypto scams, recovery methods, or global statistics.</p>
<div id="chatMessages" class="chat-messages">
<div class="chat-message ai"><strong>🤖 AI Assistant:</strong> Hello! I'm E.F.I.U.'s global fraud intelligence AI. How can I help you today?</div>
</div>
<div class="chat-input-area">
<input type="text" id="chatInput" placeholder="Ask about fraud trends, crypto scams, recovery methods...">
<button id="sendChatBtn">Send <i class="fas fa-paper-plane"></i></button>
</div>
</div>
</div>
</section>
<section id="contactSection" style="display: none;">
<div class="container contact-section">
<div class="contact-card">
<div style="text-align: center; margin-bottom: 30px;">
<i class="fas fa-headset" style="font-size: 2.5rem; color: var(--primary); margin-bottom: 15px; display: inline-block;"></i>
<h2 id="contactHeader" style="font-size: 1.8rem; color: var(--dark-text);">Request a Consultation</h2>
<p id="contactText" style="margin-top: 10px; color: var(--gray-text);">Fill out the form below and our team will contact you within 24 hours.</p>
</div>
<div class="contact-info">
<div class="info-item"><i class="fas fa-phone-alt"></i><span>+31 970 102 66002</span></div>
<div class="info-item"><i class="fas fa-envelope"></i><span>[email protected]</span></div>
<div class="info-item"><i class="fas fa-clock"></i><span>24/7 Emergency Line</span></div>
</div>
<form id="consultationForm" action="send_email.php" method="POST" class="contact-form">
<div class="form-group">
<label id="labelName">Full Name *</label>
<input type="text" name="name" required placeholder="John Doe">
</div>
<div class="form-group">
<label id="labelEmail">Email Address *</label>
<input type="email" name="email" required placeholder="[email protected]">
</div>
<div class="form-group">
<label id="labelPhone">Phone Number</label>
<input type="tel" name="phone" placeholder="+31 970 102 66002">
</div>
<div class="form-group">
<label id="labelAmount">Amount Lost (€)</label>
<input type="number" name="amount" step="1000" placeholder="e.g., 50000">
</div>
<div class="form-group">
<label id="labelMessage">Message / Details *</label>
<textarea name="message" rows="4" required placeholder="Describe your case..."></textarea>
</div>
<button type="submit" class="submit-btn" id="submitBtn">Send Consultation Request →</button>
</form>
<div id="formMessage" style="margin-top: 20px; text-align: center; display: none;"></div>
</div>
</div>
</section>
|
</main>
<div id="teamModal" style="display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); backdrop-filter:blur(8px); z-index:2000; align-items:center; justify-content:center; padding:20px;">
<div style="background:var(--white); max-width:600px; width:100%; border-radius:32px; padding:40px; position:relative; box-shadow:0 30px 80px rgba(0,0,0,0.3); animation:fadeInUp 0.4s ease; max-height:90vh; overflow-y:auto;">
<button onclick="closeModal()" style="position:absolute; top:15px; right:20px; background:none; border:none; font-size:2rem; color:var(--gray-text); cursor:pointer; transition:0.3s;">×</button>
<div id="modalAvatar" style="width:80px; height:80px; background:linear-gradient(135deg,var(--primary),var(--primary-dark)); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:2rem; font-weight:bold; color:white; margin:0 auto 15px;"></div>
<h2 id="modalName" style="text-align:center; color:var(--dark-text); margin-bottom:4px;"></h2>
<p id="modalRole" style="text-align:center; color:var(--primary); font-weight:600;"></p>
<p id="modalLang" style="text-align:center; color:var(--gray-text); font-size:0.85rem; margin-bottom:20px;"></p>
<hr style="border-color:var(--border-light); margin:20px 0;">
<div><strong style="color:var(--dark-text);">📅 Started:</strong> <span id="modalStart" style="color:var(--gray-text);"></span></div>
<div style="margin-top:10px;"><strong style="color:var(--dark-text);">🎯 Specialization:</strong> <span id="modalSpec" style="color:var(--gray-text);"></span></div>
<div style="margin-top:10px;"><strong style="color:var(--dark-text);">⏳ Experience:</strong> <span id="modalExp" style="color:var(--gray-text);"></span></div>
<div style="margin-top:15px;"><strong style="color:var(--dark-text);">📖 Bio:</strong></div>
<p id="modalBio" style="color:var(--gray-text); line-height:1.6; background:var(--light-bg); padding:15px; border-radius:12px; margin-top:8px;"></p>
<div style="margin-top:20px; display:flex; gap:15px; flex-wrap:wrap;">
<span id="modalEmail" style="background:var(--light-bg); padding:6px 14px; border-radius:20px; font-size:0.8rem; color:var(--gray-text);"><i class="fas fa-envelope" style="color:var(--primary);"></i> <span></span></span>
<span id="modalPhone" style="background:var(--light-bg); padding:6px 14px; border-radius:20px; font-size:0.8rem; color:var(--gray-text);"><i class="fas fa-phone" style="color:var(--primary);"></i> <span></span></span>
</div>
</div>
</div>
<footer class="footer">
<div class="container footer-grid">
<div class="footer-col">
<h4 class="footer-toggle" data-target="products-detail">🔍 PRODUCTS</h4>
<div id="products-detail" class="footer-detail"></div>
<a data-product="Reactor">Reactor – Advanced blockchain forensics</a>
<a data-product="Wallet Scan">Wallet Scan – Risk assessment</a>
<a data-product="KYT / VASP">KYT / VASP – Compliance suite</a>
<a data-product="Sentinel Alterya">Sentinel Alterya – Real-time fraud alerts</a>
<a data-product="Hexagate">Hexagate – DeFi security monitoring</a>
</div>
<div class="footer-col">
<h4 class="footer-toggle" data-target="industries-detail">🏛️ INDUSTRIES</h4>
<div id="industries-detail" class="footer-detail"></div>
<a data-industry="Law Enforcement">Law Enforcement</a>
<a data-industry="Centralized Exchanges">Centralized Exchanges</a>
<a data-industry="Financial Institutions">Financial Institutions</a>
<a data-industry="DeFi & Stablecoins">DeFi & Stablecoins</a>
<a data-industry="Tax Agencies & Regulators">Tax Agencies & Regulators</a>
</div>
<div class="footer-col">
<h4 class="footer-toggle" data-target="resources-detail">📚 RESOURCES</h4>
<div id="resources-detail" class="footer-detail"></div>
<a data-resource="Scam Prevention Guide">Scam Prevention Guide</a>
<a data-resource="Blog & Webinars">Blog & Webinars</a>
<a data-resource="Global Fraud Reports">Global Fraud Reports</a>
<a data-resource="Podcasts">Podcasts</a>
<a data-resource="Training & Certification">Training & Certification</a>
</div>
<div class="footer-col">
<h4 class="footer-toggle" data-target="company-detail">🏢 COMPANY</h4>
<div id="company-detail" class="footer-detail"></div>
<a data-company="About E.F.I.U">About E.F.I.U – Founded 2011</a>
<a data-company="Careers">Careers – Join our team</a>
<a data-company="Partners">Partners – Europol, Interpol</a>
<a data-company="Trust Center">Trust Center – Security</a>
</div>
</div>
<div class="container copyright">
<p>© 2026 E.F.I.U. European Fraud Investigation Unit — All rights reserved. | Privacy Policy | Cookie Preferences</p>
</div>
</footer>
<script>
// ============================================================
// 1. STATIC TEAM DATA (hardcoded)
// ============================================================
const teamData = [
{
id: "1",
name: "Marko Maric",
role: "Recovery Expert",
lang: "French Desk",
avatar: "MM",
start_date: "2018-03-15",
specialization: "Blockchain Forensics & Cross-Border Fraud",
experience: "7+ years",
bio: "Marko est un enquêteur certifié en blockchain, reconnu pour son expertise dans le traçage et la récupération de crypto-actifs détournés à travers des juridictions internationales. Fort d'une solide expérience en investigations numériques et en analyse de la blockchain, il accompagne ses clients dans l'identification, le suivi et la récupération de fonds issus de fraudes ou de cybercriminalité. Depuis 2018, il a contribué avec succès à la récupération de plus de 50 millions d'euros d'actifs numériques, en collaboration avec des experts juridiques, des autorités compétentes et des plateformes d'échange de cryptomonnaies.",
email: "[email protected]",
phone: "+31 970 102 28528"
},
{
id: "2",
name: "Marcel Borelli",
role: "Recovery Expert",
lang: "French Desk",
avatar: "MB",
start_date: "2019-06-01",
specialization: "Crypto Tracing & Asset Freeze",
experience: "6+ years",
bio: "Marcel specializes in tracing funds through complex DeFi protocols and mixing services. He has helped over 200 clients recover their stolen assets.",
email: "[email protected]",
phone: "+31 870 152 28628"
},
{
id: "3",
name: "Alvaro Rodriguez",
role: "Recovery Expert",
lang: "Spanish Desk",
avatar: "KR",
start_date: "2017-01-12",
specialization: "Hispanic Market Fraud Investigation",
experience: "8+ years",
bio: "Álvaro Rodríguez es especialista en la evaluación y gestión de casos de fraude en línea, estafas de inversión y fraudes con criptomonedas.Su trabajo consiste en analizar cada caso, identificar posibles vías de recuperación de activos y ofrecer asesoramiento profesional con transparencia, confidencialidad y un enfoque orientado a las necesidades de cada cliente.",
email: "[email protected]",
phone: "+31 120 102 28540"
},
{
id: "4",
name: "Laura Bennett",
role: "Recovery Expert",
lang: "Spanish Desk",
avatar: "CM",
start_date: "2020-03-20",
specialization: "Cross-Border Asset Recovery",
experience: "5+ years",
bio: "Laura Bennett has a strong background in international law and cross-border asset recovery. She has successfully coordinated with law enforcement agencies across 15 countries.",
email: "[email protected]",
phone: "+44 7898 161947"
},
{
id: "5",
name: "Gabriella Guselli",
role: "Recovery Expert",
lang: "Italian/Spanish Desk",
avatar: "GG",
start_date: "2019-09-01",
specialization: "European Fraud Networks",
experience: "6+ years",
bio: "Gabriella is an expert in European fraud networks, with a focus on Italian and Spanish organized crime. She has recovered over €35M for victims.",
email: "[email protected]",
phone: "+44 7898 161947"
},
{
id: "6",
name: "Hans Weber",
role: "Recovery Expert",
lang: "German Desk",
avatar: "HW",
start_date: "2017-11-01",
specialization: "German-Speaking Markets & DACH Region",
experience: "8+ years",
bio: "Hans is the lead investigator for German-speaking markets. He has a PhD in Financial Crime and has been instrumental in recovering funds from complex investment fraud.",
email: "[email protected]",
phone: "+31 970 102 56198"
},
{
id: "7",
name: "Clare Evans",
role: "Recovery Expert",
lang: "Spanish Desk",
avatar: "SW",
start_date: "2017-02-15",
specialization: "Crypto & Traditional Finance Fraud",
experience: "8+ years",
bio: "Evans bridges traditional finance and crypto fraud. She has a background in banking compliance and helps victims of hybrid fraud schemes.",
email: "[email protected]",
phone: "+31 970 934 28528"
},
{
id: "8",
name: "Luca Romano",
role: "Recovery Expert",
lang: "Italian Desk",
avatar: "LR",
start_date: "2020-07-01",
specialization: "Italian Market Fraud Investigation",
experience: "5+ years",
bio: "Luca leads the Italian Desk, specializing in fraud cases involving Italian institutions. He has a law degree and extensive experience in financial investigations.",
email: "[email protected]",
phone: "+31 765 102 28528"
}
];
// ============================================================
// 2. TEAM MODAL FUNCTIONS
// ============================================================
function openModal(id) {
const agent = teamData.find(a => a.id == id);
if (!agent) return;
}
function closeModal() {
document.getElementById('teamModal').style.display = 'none';
document.body.style.overflow = 'auto';
}
// Close modal on outside click
document.getElementById('teamModal').addEventListener('click', function(e) {
if (e.target === this) closeModal();
});
// Close modal on Escape key
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') closeModal();
});
// ============================================================
// 3. NAVIGATION
// ============================================================
function showSection(section) {
document.getElementById('homeSection').style.display = section === 'home' ? 'block' : 'none';
document.getElementById('teamSection').style.display = section === 'team' ? 'block' : 'none';
document.getElementById('aboutSection').style.display = section === 'about' ? 'block' : 'none';
document.getElementById('featuresDetailSection').style.display = section === 'features' ? 'block' : 'none';
document.getElementById('aiSection').style.display = section === 'ai' ? 'block' : 'none';
document.getElementById('contactSection').style.display = section === 'contact' ? 'block' : 'none';
document.querySelectorAll('.nav-item').forEach(el => el.classList.remove('active'));
document.querySelector([data-nav="${section}"]).classList.add('active');
}
document.querySelectorAll('.nav-item').forEach(link => {
link.addEventListener('click', (e) => {
const section = e.target.getAttribute('data-nav');
showSection(section);
});
});
// Consultation button in hero
const consultBtn = document.getElementById('openConsultationBtn');
if (consultBtn) {
consultBtn.addEventListener('click', () => {
showSection('contact');
});
}
// ============================================================
// 4. LANGUAGE TRANSLATIONS
// ============================================================
const translations = {
en: {
navHome: "Home", navTeam: "Team", navAbout: "About", navFeatures: "Solutions", navAi: "AI Assistant", navContact: "Contact",
heroTitle: "Blockchain Intelligence & Fraud Recovery for Europe",
heroDesc: "From reactive to proactive – monitor fraud, pursue illicit activity, and recover stolen assets across borders with elite investigation technology.",
stat1Label: "Recovered Funds", stat2Label: "Successful Cases", stat3Label: "Countries Covered", stat4Label: "Years of Excellence",
featuresTitle: "Uncover the real-world actors behind blockchain fraud",
featuresSub: "Advanced intelligence to trace, investigate, and recover stolen crypto assets globally.",
feat1Title: "Crypto Tracing & Forensics", feat1Desc: "Trace funds across bridges, mixers, DEX swaps, and multiple blockchains with precision.",
feat2Title: "Fraud Prevention & KYT", feat2Desc: "Real-time screening of transactions to prevent illicit activity before it hits your platform.",
feat3Title: "Cross-Chain Intelligence", feat3Desc: "Visualize illicit networks across web3 infrastructure and gather actionable intelligence.",
feat4Title: "Evidence for Prosecution", feat4Desc: "Court-admissible evidence used in high-profile cases across Europe and beyond.",
feat5Title: "AI-Powered Scam Detection", feat5Desc: "Identify scammers before they meet victims using advanced machine learning algorithms.",
feat6Title: "Asset Recovery Network", feat6Desc: "Global cooperation with exchanges, law enforcement, and financial institutions.",
teamMainTitle: "Our Investigators & Recovery Experts",
recoveryTitle: "Recovery Experts",
aboutHead: "E.F.I.U. Headquarters", aboutAddress: "🏢 Herengracht 280, 1016 BX Amsterdam, Netherlands",
aboutFounded: "📅 Founded: 2011 | Director General: Antoine Dubois",
aboutDesc: "🔒 European Fraud Investigation Unit is the premier cross-border financial crime agency combining elite investigators, blockchain analysts, and legal experts. Trusted by law enforcement agencies across 28 countries.",
metricsTitle: "Fraud Recovery Metrics",
metrics1: "✅ Total funds recovered: €347.2 Million (crypto + fiat)",
metrics2: "✅ Successful interventions: 1,240+ complex fraud cases",
metrics3: "✅ International cooperation: Europol, Interpol, 45+ regulators",
metrics4: "✅ Average recovery time: 4-7 months for crypto scams",
metrics5: "✅ $34 billion illicit funds frozen/recovered by partners using our data",
detailTitle: "The E.F.I.U. Difference", detailSub: "Trusted by law enforcement, exchanges, and financial institutions across Europe.",
aiTitle: "Global Fraud Intelligence AI", aiDesc: "Ask about fraud trends, crypto scams, recovery methods, or global statistics. Real-time intelligence from 45+ countries.",
contactHeader: "Request a Consultation", contactText: "Fill out the form below and our team will contact you within 24 hours.",
labelName: "Full Name ", labelEmail: "Email Address ", labelPhone: "Phone Number", labelAmount: "Amount Lost (€)", labelMessage: "Message / Details ", submitBtn: "Send Consultation Request →", consultBtnText: "Get a Free Consultation"
},
fr: {
navHome: "Accueil", navTeam: "Équipe", navAbout: "À propos", navFeatures: "Solutions", navAi: "Assistant IA", navContact: "Contact",
heroTitle: "Intelligence Blockchain & Récupération de Fraude pour l'Europe",
heroDesc: "Du réactif au proactif – surveillez la fraude, poursuivez les activités illicites et récupérez les actifs volés avec une technologie d'investigation d'élite.",
stat1Label: "Fonds Récupérés", stat2Label: "Cas Réussis", stat3Label: "Pays Couverts", stat4Label: "Années d'Excellence",
featuresTitle: "Découvrez les acteurs réels derrière la fraude blockchain",
featuresSub: "Intelligence avancée pour tracer, enquêter et récupérer les actifs cryptos volés.",
feat1Title: "Traçage Crypto & Forensique", feat1Desc: "Tracez les fonds à travers les ponts, mixeurs, échanges DEX avec précision.",
feat2Title: "Prévention de la Fraude & KYT", feat2Desc: "Screening en temps réel des transactions pour prévenir les activités illicites.",
feat3Title: "Intelligence Cross-Chain", feat3Desc: "Visualisez les réseaux illicites sur l'infrastructure web3.",
feat4Title: "Preuves pour Poursuites", feat4Desc: "Preuves admissibles devant les tribunaux dans toute l'Europe.",
feat5Title: "Détection de Scams par IA", feat5Desc: "Identifiez les escrocs avant qu'ils ne rencontrent leurs victimes.",
feat6Title: "Réseau de Récupération d'Actifs", feat6Desc: "Coopération mondiale avec les exchanges et les forces de l'ordre.",
teamMainTitle: "Nos Enquêteurs & Experts", recoveryTitle: "Experts en Recouvrement",
aboutHead: "Siège E.F.I.U.", aboutAddress: "🏢 Herengracht 280, 1016 BX Amsterdam, Pays-Bas",
aboutFounded: "📅 Fondée: 2011 | Directeur Général: Antoine Dubois",
aboutDesc: "🔒 L'Unité Européenne d'Enquête sur la Fraude est une agence spécialisée dans la criminalité financière transfrontalière.",
metricsTitle: "Métriques de Recouvrement",
metrics1: "✅ Fonds récupérés: 347,2 M€ (crypto + fiat)",
metrics2: "✅ Interventions réussies: 1 240+ cas complexes",
metrics3: "✅ Coopération: Europol, Interpol, 45+ régulateurs",
metrics4: "✅ Délai moyen: 4-7 mois pour les scams crypto",
metrics5: "✅ 34 milliards $ de fonds illicites gelés/récupérés par nos partenaires",
detailTitle: "La Différence E.F.I.U.", detailSub: "Approuvé par les forces de l'ordre et les institutions financières.",
aiTitle: "IA Intelligence Mondiale Anti-Fraude", aiDesc: "Posez vos questions sur les tendances de fraude, les scams crypto, ou les statistiques mondiales.",
contactHeader: "Demander une Consultation", contactText: "Remplissez le formulaire ci-dessous et notre équipe vous contactera dans les 24 heures.",
labelName: "Nom complet ", labelEmail: "Adresse e-mail ", labelPhone: "Numéro de téléphone", labelAmount: "Montant perdu (€)", labelMessage: "Message / Détails ", submitBtn: "Envoyer la demande →", consultBtnText: "Obtenir une Consultation Gratuite"
},
es: {
navHome: "Inicio", navTeam: "Equipo", navAbout: "Acerca de", navFeatures: "Soluciones", navAi: "Asistente IA", navContact: "Contacto",
heroTitle: "Inteligencia Blockchain & Recuperación de Fraude para Europa",
heroDesc: "De reactivo a proactivo – monitoree fraudes, persiga actividades ilícitas y recupere activos robados con tecnología de élite.",
stat1Label: "Fondos Recuperados", stat2Label: "Casos Exitosos", stat3Label: "Países Cubiertos", stat4Label: "Años de Excelencia",
featuresTitle: "Descubra los actores reales detrás del fraude blockchain",
featuresSub: "Inteligencia avanzada para rastrear, investigar y recuperar activos cripto robados.",
feat1Title: "Rastreo Cripto & Forense", feat1Desc: "Rastree fondos a través de puentes, mixers, swaps DEX con precisión.",
feat2Title: "Prevención de Fraude & KYT", feat2Desc: "Monitoreo en tiempo real de transacciones para prevenir actividades ilícitas.",
feat3Title: "Inteligencia Cross-Chain", feat3Desc: "Visualice redes ilícitas en infraestructura web3.",
feat4Title: "Evidencia para Enjuiciamiento", feat4Desc: "Evidencia admisible en tribunales en toda Europa.",
feat5Title: "Detección de Estafas con IA", feat5Desc: "Identifique estafadores antes de que encuentren víctimas.",
feat6Title: "Red de Recuperación de Activos", feat6Desc: "Cooperación global con exchanges y fuerzas del orden.",
teamMainTitle: "Nuestros Investigadores", recoveryTitle: "Expertos en Recuperación",
aboutHead: "Sede E.F.I.U.", aboutAddress: "🏢 Herengracht 280, 1016 BX Ámsterdam, Países Bajos",
aboutFounded: "📅 Fundada: 2011 | Director General: Antoine Dubois",
aboutDesc: "🔒 Unidad Europea de Investigación de Fraude, agencia especializada en crimen financiero transfronterizo.",
metricsTitle: "Métricas de Recuperación",
metrics1: "✅ Fondos recuperados: €347,2 Millones",
metrics2: "✅ Intervenciones exitosas: 1,240+ casos",
metrics3: "✅ Cooperación: Europol, Interpol, 45+ reguladores",
metrics4: "✅ Tiempo promedio: 4-7 meses",
metrics5: "✅ $34 mil millones de fondos ilícitos congelados/recuperados",
detailTitle: "La Diferencia E.F.I.U.", detailSub: "Confían fuerzas del orden y exchanges.",
aiTitle: "IA Global Anti-Fraude", aiDesc: "Pregunte sobre tendencias de fraude, scams crypto o estadísticas globales.",
contactHeader: "Solicitar una Consulta", contactText: "Complete el formulario a continuación y nuestro equipo lo contactará en 24 horas.",
labelName: "Nombre completo ", labelEmail: "Correo electrónico ", labelPhone: "Número de teléfono", labelAmount: "Cantidad perdida (€)", labelMessage: "Mensaje / Detalles ", submitBtn: "Enviar solicitud →", consultBtnText: "Obtener Consulta Gratuita"
},
it: {
navHome: "Home", navTeam: "Team", navAbout: "Chi Siamo", navFeatures: "Soluzioni", navAi: "Assistente IA", navContact: "Contatti",
heroTitle: "Intelligence Blockchain & Recupero Frodi per l'Europa",
heroDesc: "Dal reattivo al proattivo – monitora frodi, persegui attività illecite e recupera asset rubati con tecnologia d'élite.",
stat1Label: "Fondi Recuperati", stat2Label: "Casi di Successo", stat3Label: "Paesi Coperti", stat4Label: "Anni di Eccellenza",
featuresTitle: "Scopri i veri attori dietro le frodi blockchain",
featuresSub: "Intelligenza avanzata per tracciare, investigare e recuperare asset crypto rubati.",
feat1Title: "Tracciamento Crypto & Forense", feat1Desc: "Traccia fondi attraverso bridge, mixer, swap DEX con precisione.",
feat2Title: "Prevenzione Frodi & KYT", feat2Desc: "Screening in tempo reale delle transazioni.",
feat3Title: "Intelligence Cross-Chain", feat3Desc: "Visualizza reti illecite su infrastruttura web3.",
feat4Title: "Prove per Procedimenti", feat4Desc: "Prove ammissibili in tribunale in tutta Europa.",
feat5Title: "Rilevamento Truffe con IA", feat5Desc: "Identifica truffatori prima che colpiscano.",
feat6Title: "Rete Recupero Asset", feat6Desc: "Cooperazione globale con exchange e forze dell'ordine.",
teamMainTitle: "I Nostri Investigatori", recoveryTitle: "Esperti di Recupero",
aboutHead: "Sede E.F.I.U.", aboutAddress: "🏢 Herengracht 280, 1016 BX Amsterdam, Paesi Bassi",
aboutFounded: "📅 Fondata: 2011 | Direttore Generale: Antoine Dubois",
aboutDesc: "🔒 Unità Europea di Investigazione Frodi, agenzia specializzata in crimine finanziario transfrontaliero.",
metricsTitle: "Metriche di Recupero",
metrics1: "✅ Fondi recuperati: €347,2 Milioni",
metrics2: "✅ Interventi riusciti: 1.240+ casi",
metrics3: "✅ Cooperazione: Europol, Interpol, 45+ regolatori",
metrics4: "✅ Tempo medio: 4-7 mesi",
metrics5: "✅ $34 miliardi di fondi illeciti congelati/recuperati",
detailTitle: "Il Valore E.F.I.U.", detailSub: "Fiducia delle forze dell'ordine.",
aiTitle: "IA Intelligence Globale", aiDesc: "Chiedi informazioni sulle frodi, truffe crypto o statistiche globali.",
contactHeader: "Richiedi una Consulenza", contactText: "Compila il modulo qui sotto e il nostro team ti contatterà entro 24 ore.",
labelName: "Nome completo ", labelEmail: "Indirizzo email ", labelPhone: "Numero di telefono", labelAmount: "Importo perso (€)", labelMessage: "Messaggio / Dettagli ", submitBtn: "Invia richiesta →", consultBtnText: "Ottieni Consulenza Gratuita"
},
de: {
navHome: "Start", navTeam: "Team", navAbout: "Über uns", navFeatures: "Lösungen", navAi: "KI-Assistent", navContact: "Kontakt",
heroTitle: "Blockchain-Intelligenz & Betrugsbekämpfung für Europa",
heroDesc: "Von reaktiv zu proaktiv – überwachen Sie Betrug, verfolgen Sie illegale Aktivitäten und bergen Sie gestohlene Vermögenswerte mit erstklassiger Technologie.",
stat1Label: "Wiederhergestellt", stat2Label: "Erfolgreiche Fälle", stat3Label: "Länder", stat4Label: "Jahre Exzellenz",
featuresTitle: "Entdecken Sie die wahren Akteure hinter Blockchain-Betrug",
featuresSub: "Fortschrittliche Intelligenz zur Verfolgung und Rückgewinnung gestohlener Krypto-Assets.",
feat1Title: "Krypto-Tracing & Forensik", feat1Desc: "Verfolgen Sie Gelder über Brücken, Mixer, DEX-Swaps mit Präzision.",
feat2Title: "Betrugsprävention & KYT", feat2Desc: "Echtzeit-Transaktionsüberwachung zur Verhinderung illegaler Aktivitäten.",
feat3Title: "Cross-Chain-Intelligenz", feat3Desc: "Visualisieren Sie illegale Netzwerke auf web3-Infrastruktur.",
feat4Title: "Beweise für Strafverfolgung", feat4Desc: "Gerichtlich verwertbare Beweise in ganz Europa.",
feat5Title: "KI-gestützte Betrugserkennung", feat5Desc: "Erkennen Sie Betrüger, bevor sie zuschlagen.",
feat6Title: "Netzwerk zur Vermögensrückgewinnung", feat6Desc: "Globale Zusammenarbeit mit Börsen und Strafverfolgungsbehörden.",
teamMainTitle: "Unsere Ermittler", recoveryTitle: "Rückgewinnungsexperten",
aboutHead: "E.F.I.U. Hauptsitz", aboutAddress: "🏢 Herengracht 280, 1016 BX Amsterdam, Niederlande",
aboutFounded: "📅 Gegründet: 2011 | Generaldirektor: Antoine Dubois",
aboutDesc: "🔒 Europäische Betrugsermittlungseinheit, spezialisierte Agentur für grenzüberschreitende Finanzkriminalität.",
metricsTitle: "Kennzahlen",
metrics1: "✅ Wiederhergestellt: €347,2 Mio.",
metrics2: "✅ Erfolgreiche Fälle: 1.240+",
metrics3: "✅ Zusammenarbeit: Europol, Interpol",
metrics4: "✅ Durchschnitt: 4-7 Monate",
metrics5: "✅ $34 Mrd. illegale Gelder eingefroren/wiederhergestellt",
detailTitle: "Der E.F.I.U.-Unterschied", detailSub: "Vertrauen von Strafverfolgungsbehörden.",
aiTitle: "Globale KI-Betrugsintelligenz", aiDesc: "Fragen Sie zu Betrugstrends, Krypto-Scams oder globalen Statistiken.",
contactHeader: "Konsultation anfordern", contactText: "Füllen Sie das Formular aus und unser Team wird Sie innerhalb von 24 Stunden kontaktieren.",
labelName: "Vollständiger Name ", labelEmail: "E-Mail-Adresse ", labelPhone: "Telefonnummer", labelAmount: "Verlorener Betrag (€)", labelMessage: "Nachricht / Details *", submitBtn: "Anfrage senden →", consultBtnText: "Kostenlose Beratung erhalten"
}
};
let currentLang = "en";
function setLanguage(lang) {
currentLang = lang;
const t = translations[lang] || translations.en;
}
// ============================================================
// 5. AI CHAT (Google Gemini)
// ============================================================
const GEMINI_API_KEY = "AIzaSyDLYM_fs3ovfw6f35EwojQbkQLhIDcD8rc";
document.getElementById('sendChatBtn').addEventListener('click', async () => {
const input = document.getElementById('chatInput');
const msg = input.value.trim();
if (!msg) return;
const chatDiv = document.getElementById('chatMessages');
const userMsgDiv = document.createElement('div');
userMsgDiv.className = 'chat-message user';
userMsgDiv.innerHTML = `<strong>You:</strong> ${msg}`;
chatDiv.appendChild(userMsgDiv);
chatDiv.scrollTop = chatDiv.scrollHeight;
input.value = '';
const typingDiv = document.createElement('div');
typingDiv.className = 'chat-message ai';
typingDiv.id = 'typingIndicator';
typingDiv.innerHTML = `<strong>🤖 AI Assistant:</strong> <em>Typing...</em>`;
chatDiv.appendChild(typingDiv);
chatDiv.scrollTop = chatDiv.scrollHeight;
try {
let aiLang = "English";
if (currentLang === 'fr') aiLang = "French";
else if (currentLang === 'es') aiLang = "Spanish";
else if (currentLang === 'it') aiLang = "Italian";
else if (currentLang === 'de') aiLang = "German";
const response = await fetch(`https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent?key=${GEMINI_API_KEY}`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
contents: [{
parts: [{
text: `You are a professional fraud investigator for E.F.I.U. (European Fraud Investigation Unit).
Answer in ${aiLang}.
Be helpful, professional, and promote E.F.I.U.'s fraud recovery services.
Important: E.F.I.U. recovered over €347 million since 2011, founded 2011 in Amsterdam, Director General Antoine Dubois.
The user asked: ${msg}`
}]
}],
generationConfig: { temperature: 0.7, maxOutputTokens: 500 }
})
});
const data = await response.json();
const aiReply = data.candidates?.[0]?.content?.parts?.[0]?.text || "Please contact our team [email protected] for immediate assistance.";
typingDiv.remove();
const aiMsgDiv = document.createElement('div');
aiMsgDiv.className = 'chat-message ai';
aiMsgDiv.innerHTML = `<strong>🤖 AI Assistant:</strong> ${aiReply}`;
chatDiv.appendChild(aiMsgDiv);
chatDiv.scrollTop = chatDiv.scrollHeight;
} catch (error) {
typingDiv.remove();
const errorDiv = document.createElement('div');
errorDiv.className = 'chat-message ai';
errorDiv.innerHTML = `<strong>🤖 AI Assistant:</strong> Technical issue. Please email [email protected] for assistance.`;
chatDiv.appendChild(errorDiv);
}
|
});
document.getElementById('chatInput').addEventListener('keypress', (e) => {
if (e.key === 'Enter') document.getElementById('sendChatBtn').click();
});
// ============================================================
// 6. CONTACT FORM SUBMISSION
// ============================================================
document.getElementById('consultationForm')?.addEventListener('submit', async (e) => {
e.preventDefault();
const form = e.target;
const formData = new FormData(form);
const messageDiv = document.getElementById('formMessage');
messageDiv.style.display = 'block';
messageDiv.innerHTML = '<p style="color: var(--primary);">Sending your request...</p>';
try {
const response = await fetch('send_email.php', {
method: 'POST',
body: formData
});
const result = await response.json();
if (result.success) {
messageDiv.innerHTML = `<p style="color: #4ade80;">✅ ${result.message}</p>`;
form.reset();
} else {
messageDiv.innerHTML = `<p style="color: #f87171;">❌ ${result.message}</p>`;
}
} catch (error) {
messageDiv.innerHTML = '<p style="color: #f87171;">❌ Network error. Please email us directly [email protected]</p>';
}
setTimeout(() => {
messageDiv.style.display = 'none';
}, 5000);
|
});
// ============================================================
// 7. FOOTER INTERACTIVE
// ============================================================
document.querySelectorAll('.footer-toggle').forEach(header => {
header.addEventListener('click', () => {
const targetId = header.getAttribute('data-target');
const detailDiv = document.getElementById(targetId);
detailDiv.classList.toggle('show');
});
});
document.querySelectorAll('[data-product], [data-industry], [data-resource], [data-company]').forEach(item => {
item.addEventListener('click', (e) => {
alert(📌 More information about: ${e.target.innerText}\n\nContact our team [email protected] for detailed assistance.);
});
});
// ============================================================
// 8. LANGUAGE SELECTOR
// ============================================================
document.getElementById('globalLangSelect').addEventListener('change', (e) => {
setLanguage(e.target.value);
});
// ============================================================
// 9. RENDER TEAM CARDS
// ============================================================
function renderTeam() {
const grid = document.getElementById('teamGrid');
if (!grid) return;
}
// ============================================================
// 10. INITIALIZATION
// ============================================================
setLanguage('en');
showSection('home');
renderTeam();
</script>
</body>
</html>