Jade #1120
Description
<title>Jade Ledger - Unde Înțelepciunea Antică Întâlnește Bogăția Viitorului</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
/* Stiluri de bază pentru font și fundal */
body {
font-family: 'Inter', sans-serif;
background-color: #0d1117; /* Fundal întunecat de rezervă */
color: #e2e8f0; /* Text deschis */
line-height: 1.6;
/* Imagine de fundal */
background-image: url('https://placehold.co/1920x1080/0D1117/2C3E50/png?text=Digital+Jade+Pattern'); /* Imagine abstractă cu temă digitală și nuanțe de verde-albastru */
background-size: cover; /* Acoperă întreaga zonă */
background-position: center; /* Centrează imaginea */
background-attachment: fixed; /* Imaginea rămâne fixă la scroll */
background-repeat: no-repeat;
}
/* Navigare */
.navbar {
background-color: rgba(26, 32, 44, 0.95); /* O nuanță mai deschisă de întunecat pentru bara de navigare, ușor transparentă */
padding: 1rem 1.5rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
position: sticky;
top: 0;
z-index: 50;
backdrop-filter: blur(5px); /* Efect de blur pentru transparență */
}
.nav-link {
color: #a0aec0; /* Gri deschis pentru linkuri */
font-weight: 500;
transition: color 0.3s ease;
}
.nav-link:hover {
color: #48bb78; /* Verde jad la hover */
}
.logo-text-header {
font-weight: 700;
font-size: 1.5rem;
color: #48bb78; /* Verde jad pentru logo */
}
/* Secțiunea Hero */
.hero-section {
background: linear-gradient(135deg, rgba(31, 42, 55, 0.85), rgba(45, 55, 72, 0.85)); /* Gradient ușor transparent pentru secțiunea hero */
padding: 4rem 1.5rem;
text-align: center;
border-bottom: 2px solid #38a169; /* Bordură verde jad subtilă */
backdrop-filter: blur(3px); /* Efect de blur */
}
.hero-title {
font-size: 3rem;
font-weight: 800;
color: #48bb78;
margin-bottom: 1rem;
text-shadow: 0 0 20px rgba(72, 187, 120, 0.5);
}
.hero-slogan {
font-size: 1.5rem;
color: #a0aec0;
margin-bottom: 2.5rem;
}
.hero-button {
background: linear-gradient(135deg, #63b3ed, #4299e1); /* Buton albastru futuristic */
color: white;
padding: 1rem 2.5rem;
border-radius: 9999px; /* Formă de pilulă */
font-weight: 600;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.hero-button:hover {
background: linear-gradient(135deg, #4299e1, #63b3ed);
transform: translateY(-2px);
box-shadow: 0 7px 20px rgba(0, 0, 0, 0.4);
}
/* Secțiunile de conținut */
.content-section {
padding: 4rem 1.5rem;
max-width: 960px;
margin: 0 auto;
background-color: rgba(26, 32, 44, 0.85); /* Fundal semi-transparent pentru secțiuni */
border-radius: 10px;
margin-bottom: 2rem; /* Spațiu între secțiuni */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(2px); /* Efect de blur */
}
.content-section-title {
font-size: 2.25rem;
font-weight: 700;
color: #90cdf4; /* Albastru deschis pentru titluri de secțiune */
margin-bottom: 2rem;
text-align: center;
}
/* Secțiunea Caracteristici */
.feature-card {
background-color: #2d3748;
border-radius: 10px;
padding: 1.5rem;
text-align: center;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease;
}
.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.feature-icon {
color: #48bb78; /* Pictograme verde jad */
font-size: 2.5rem;
margin-bottom: 1rem;
}
.feature-title {
font-size: 1.25rem;
font-weight: 600;
color: #e2e8f0;
margin-bottom: 0.5rem;
}
/* Subsol */
.footer {
background-color: rgba(26, 32, 44, 0.95); /* Subsol ușor transparent */
padding: 2rem 1.5rem;
text-align: center;
color: #a0aec0;
font-size: 0.9rem;
margin-top: 4rem;
backdrop-filter: blur(5px); /* Efect de blur */
}
/* Responsive adjustments */
@media (max-width: 768px) {
.hero-title {
font-size: 2.5rem;
}
.hero-slogan {
font-size: 1.25rem;
}
.content-section-title {
font-size: 1.75rem;
}
}
@media (max-width: 480px) {
.hero-title {
font-size: 2rem;
}
.hero-slogan {
font-size: 1rem;
}
.content-section {
padding: 3rem 1rem;
}
.content-section-title {
font-size: 1.5rem;
}
.nav-menu {
flex-direction: column; /* Stivuiește elementele de navigație */
align-items: center;
}
.nav-menu > * + * {
margin-left: 0;
margin-top: 0.75rem;
}
}
</style>
<main>
<!-- Secțiunea Hero -->
<section id="hero" class="hero-section">
<div class="container mx-auto">
<h1 class="hero-title">JADE LEDGER</h1>
<p class="hero-slogan">Unde Înțelepciunea Antică Întâlnește Bogăția Viitorului</p>
<a href="#about" class="hero-button inline-block">Află Mai Multe</a>
</div>
</section>
<!-- Secțiunea Despre -->
<section id="about" class="content-section">
<h2 class="content-section-title">Despre Jade Ledger</h2>
<p class="text-lg text-center text-gray-400 mb-8">
Jade Ledger este o criptomonedă revoluționară care fuzionează stabilitatea și valoarea intrinsecă a jadului antic cu robustețea și inovația tehnologiei blockchain moderne. Misiunea noastră este de a crea o platformă financiară descentralizată, sigură și transparentă, care să ofere utilizatorilor o cale spre prosperitate pe termen lung. Inspirată de simbolismul jadului, care reprezintă puritatea, armonia și nemurirea în culturile orientale, Jade Ledger își propune să fie un activ digital de încredere, rezistent la volatilitatea pieței.
</p>
<p class="text-lg text-center text-gray-400">
Ne angajăm să construim o comunitate puternică și o infrastructură solidă care să susțină creșterea și adoptarea Jade Ledger la nivel global. Descoperă viitorul finanțelor digitale cu o monedă ancorată în valori milenare.
</p>
</section>
<!-- Secțiunea Caracteristici Cheie -->
<section id="features" class="content-section">
<h2 class="content-section-title">Caracteristici Cheie</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="feature-card">
<div class="feature-icon">🛡️</div>
<h3 class="feature-title">Securitate Inovatoare</h3>
<p class="text-gray-400 text-sm">Folosim protocoale avansate de criptare și blockchain pentru a asigura tranzacții sigure și protecția activelor tale.</p>
</div>
<div class="feature-card">
<div class="feature-icon">⚡</div>
<h3 class="feature-title">Tranzacții Rapide</h3>
<p class="text-gray-400 text-sm">Experimentează viteze de tranzacționare excepționale, esențiale pentru un ecosistem financiar agil.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🌐</div>
<h3 class="feature-title">Descentralizare Totală</h3>
<p class="text-gray-400 text-sm">O rețea distribuită care elimină controlul centralizat, oferind putere în mâinile comunității.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🌱</div>
<h3 class="feature-title">Scalabilitate Sustenabilă</h3>
<p class="text-gray-400 text-sm">Arhitectură concepută pentru a susține creșterea viitoare fără a compromite performanța.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🤝</div>
<h3 class="feature-title">Comunitate Puternică</h3>
<p class="text-gray-400 text-sm">Alătură-te unei comunități active și pasionate, implicată în dezvoltarea și guvernarea proiectului.</p>
</div>
<div class="feature-card">
<div class="feature-icon">💎</div>
<h3 class="feature-title">Valoare Dureabilă</h3>
<p class="text-gray-400 text-sm">Inspirată de valoarea intrinsecă a jadului, viziunea noastră este pentru o creștere stabilă și pe termen lung.</p>
</div>
</div>
</section>
<!-- Secțiunea Comunitate (Placeholder) -->
<section id="community" class="content-section text-center">
<h2 class="content-section-title">Alătură-te Comunității Noastre</h2>
<p class="text-lg text-gray-400 mb-8">
Fii parte din mișcarea Jade Ledger! Urmărește-ne pe canalele noastre sociale pentru cele mai recente știri și actualizări.
</p>
<div class="flex justify-center space-x-6">
<a href="https://t.me/JadeLeger" class="hero-button inline-block text-sm py-2 px-4">Telegram</a>
<a href="#" class="hero-button inline-block text-sm py-2 px-4">Twitter</a>
<a href="#" class="hero-button inline-block text-sm py-2 px-4">Discord</a>
</div>
</section>
</main>
<!-- Subsol -->
<footer class="footer">
<div class="container mx-auto">
<p>© 2025 Jade Ledger. Toate drepturile rezervate.</p>
</div>
</footer>