.onna-20-page {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
color: #1a1a1a;
background: #fff;
line-height: 1.6;
}
/* Hero Section */
.hero-section {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
text-align: center;
padding: 80px 20px;
position: relative;
overflow: hidden;
}
.hero-section::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);
background-size: 50px 50px;
animation: moveBackground 20s linear infinite;
}
@keyframes moveBackground {
0% { transform: translate(0, 0); }
100% { transform: translate(50px, 50px); }
}
.hero-content {
position: relative;
z-index: 1;
max-width: 900px;
margin: 0 auto;
}
.hero-badge {
display: inline-block;
background: rgba(255,255,255,0.2);
padding: 8px 20px;
border-radius: 30px;
font-size: 0.9em;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
backdrop-filter: blur(10px);
}
.hero-title {
font-size: 6em;
font-weight: 800;
margin-bottom: 20px;
letter-spacing: -0.02em;
line-height: 1.1;
}
.hero-subtitle {
font-size: 1.8em;
margin-bottom: 30px;
opacity: 0.95;
font-weight: 300;
}
.hero-price {
font-size: 2.5em;
font-weight: 700;
margin-bottom: 40px;
}
.hero-cta {
display: inline-block;
background: #fff;
color: #667eea;
padding: 18px 50px;
border-radius: 50px;
font-weight: 700;
font-size: 1.2em;
text-decoration: none;
transition: all 0.3s;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.hero-cta:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(0,0,0,0.3);
}
/* Section Styling */
.content-section {
padding: 100px 20px;
max-width: 1200px;
margin: 0 auto;
}
.section-label {
color: #667eea;
font-weight: 600;
font-size: 0.95em;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 15px;
}
.section-title {
font-size: 3.5em;
font-weight: 800;
margin-bottom: 30px;
letter-spacing: -0.02em;
color: #1a1a1a;
}
.section-text {
font-size: 1.2em;
color: #666;
line-height: 1.8;
margin-bottom: 20px;
}
/* Two Column Layout */
.two-column {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
padding: 100px 20px;
max-width: 1200px;
margin: 0 auto;
}
.image-placeholder {
width: 100%;
height: 500px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 1.3em;
font-weight: 600;
box-shadow: 0 20px 60px rgba(102, 126, 234, 0.3);
}
/* Features Grid */
.features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
padding: 100px 20px;
max-width: 1200px;
margin: 0 auto;
}
.feature-card {
background: #f8f9fa;
padding: 40px 30px;
border-radius: 15px;
text-align: center;
transition: all 0.3s;
}
.feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.feature-icon {
font-size: 3em;
margin-bottom: 20px;
}
.feature-card h3 {
font-size: 1.5em;
color: #1a1a1a;
margin-bottom: 15px;
font-weight: 700;
}
.feature-card p {
color: #666;
line-height: 1.7;
}
/* Specs Section */
.specs-section {
background: #1a1a1a;
color: #fff;
padding: 100px 20px;
}
.specs-container {
max-width: 1000px;
margin: 0 auto;
}
.specs-title {
font-size: 3.5em;
font-weight: 800;
text-align: center;
margin-bottom: 60px;
letter-spacing: -0.02em;
}
.specs-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.spec-item {
background: rgba(255,255,255,0.05);
padding: 30px;
border-radius: 10px;
border-left: 4px solid #667eea;
}
.spec-label {
font-size: 0.9em;
color: #999;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}
.spec-value {
font-size: 1.4em;
font-weight: 700;
color: #fff;
}
/* Tech Table */
.tech-table-section {
padding: 100px 20px;
background: #f8f9fa;
}
.tech-container {
max-width: 1000px;
margin: 0 auto;
}
.tech-table {
width: 100%;
background: #fff;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.tech-table tr {
border-bottom: 1px solid #e0e0e0;
}
.tech-table tr:last-child {
border-bottom: none;
}
.tech-table td {
padding: 20px 25px;
font-size: 1.05em;
}
.tech-table td:first-child {
font-weight: 600;
color: #1a1a1a;
width: 35%;
}
.tech-table td:last-child {
color: #666;
}
/* Geometry Section */
.geometry-section {
padding: 100px 20px;
max-width: 1200px;
margin: 0 auto;
}
.geometry-table {
width: 100%;
border-collapse: collapse;
background: #fff;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
margin-top: 40px;
}
.geometry-table th {
background: #667eea;
color: #fff;
padding: 18px;
text-align: center;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9em;
}
.geometry-table td {
padding: 15px;
text-align: center;
border-bottom: 1px solid #e0e0e0;
}
.geometry-table td:first-child {
text-align: left;
font-weight: 600;
background: #f8f9fa;
color: #1a1a1a;
}
.geometry-table tr:hover {
background: #f8f9fa;
}
/* CTA Section */
.cta-section {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
padding: 100px 20px;
text-align: center;
color: #fff;
}
.cta-title {
font-size: 4em;
font-weight: 800;
margin-bottom: 30px;
letter-spacing: -0.02em;
}
.cta-text {
font-size: 1.5em;
margin-bottom: 50px;
opacity: 0.95;
}
.cta-button {
display: inline-block;
background: #fff;
color: #667eea;
padding: 20px 60px;
border-radius: 50px;
font-weight: 700;
font-size: 1.3em;
text-decoration: none;
transition: all 0.3s;
box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}
.cta-button:hover {
transform: scale(1.08);
box-shadow: 0 20px 50px rgba(0,0,0,0.3);
}
/* Dark Section */
.dark-section {
background: #1a1a1a;
color: #fff;
padding: 100px 20px;
text-align: center;
}
/* Responsive */
@media (max-width: 992px) {
.hero-title {
font-size: 4em;
}
.section-title {
font-size: 2.5em;
}
.two-column {
grid-template-columns: 1fr;
gap: 40px;
}
.features-grid {
grid-template-columns: 1fr;
}
.specs-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.hero-title {
font-size: 3em;
}
.hero-subtitle {
font-size: 1.3em;
}
.section-title {
font-size: 2em;
}
.cta-title {
font-size: 2.5em;
}
}
Orbea Mountain Bike
Onna 20
Începutul perfect în mountain biking
De la 759€
Comandă Acum
Bicicleta Ta Perfectă
Creată pentru aventuri memorabile
Onna 20 este poarta ta spre lumea mountain biking-ului. Cu un cadru robust din aluminiu, componente fiabile și o geometrie echilibrată, aceasta este bicicleta perfectă pentru a descoperi bucuria traseelor montane.
Fie că ești la început sau cauți o bicicletă accesibilă și de încredere, Onna 20 oferă totul ce ai nevoie pentru a te bucura de fiecare ieșire pe traseu.
Design
Cadru aluminiu avansat
Cadrul din aluminiu de înaltă calitate oferă echilibrul perfect între greutate, rigiditate și confort. Tuburile profilate asigură rezistență maximă unde este nevoie, menținând în același timp o greutate ușoară.
Geometria optimizată oferă o poziție de conducere confortabilă și control intuitiv, perfect pentru orice nivel de experiență.
Imagine Cadru Aluminiu
⚙️
Transmisie Shimano
8 viteze Shimano Tourney pentru schimbări precise și fiabile în orice condiții de teren.
🔧
Frâne Hidraulice
Shimano MT200 disc hidraulic oferă putere de frânare excelentă și control total.
🛞
Roți 29"
Roți mari pentru rulare eficientă și stabilitate superioară pe trasee accidentate.
Imagine Suspensie
Confort
Suspensie SR Suntour
Furcă SR Suntour XCE 28 cu 100mm travel oferă absorbție eficientă a șocurilor pentru un control mai bun pe trasee denivelate.
Perfect calibrată pentru riders începători și intermediari, suspensie oferă încredere și confort în fiecare coborâre.
Specificații Cheie
Transmisie
Shimano 8-Speed
Frâne
Shimano MT200 Hydraulic
Specificații Tehnice Complete
| Cadru |
Orbea Onna Alloy, Dropout 9x135, BSA BB, Internal cable routing |
| Furcă |
SR Suntour XCE 28 Coil 100mm QR |
| Amortizor Spate |
N/A (Hardtail) |
| Pedalier |
Alloy forged 22x36t 7/8S |
| Lanț |
KMC X8 |
| Casetă |
Sun Race CSM66 11-34t 8-Speed |
| Derailleur Spate |
Shimano Tourney TX800 |
| Manete Schimbător |
Microshift TS38 |
| Frâne |
Shimano MT200 Hydraulic Disc |
| Rotoare Frâne |
160mm (Față/Spate) |
| Ghidon |
Alloy Flat 31.8mm 720mm |
| Pipă |
Alloy 31.8mm |
| Headset |
1-1/8" Semi-Integrated |
| Șa |
Selle Royal 2058 DRN |
| Tijă Șa |
Alloy 27.2 Offset 0 |
| Roți |
Orbea Alloy 29" |
| Anvelope |
Kenda K1153 29x2.35" 22TPI |
| Greutate Aproximativă |
14.5 kg (mărime M) |
| Mărimi Disponibile |
XS, S, M, L, XL |
Geometrie
Dimensiuni & Geometrie
Geometrie optimizată pentru confort și control. Alege mărimea potrivită pentru tine folosind tabelul de mai jos.
| Măsurătoare |
XS |
S |
M |
L |
XL |
| Rider Height (cm) |
150-160 |
160-170 |
170-180 |
180-190 |
190-200 |
| Reach (mm) |
380 |
395 |
410 |
425 |
440 |
| Stack (mm) |
585 |
595 |
605 |
615 |
625 |
| Head Tube Angle |
69° |
69° |
69° |
69° |
69° |
| Seat Tube Angle |
73° |
73° |
73° |
73° |
73° |
| Wheelbase (mm) |
1085 |
1100 |
1115 |
1130 |
1145 |
| Standover Height (mm) |
700 |
715 |
730 |
745 |
760 |
Versatilitate
Pregătită pentru orice aventură
De la drumuri forestiere până la trasee tehnice, Onna 20 este partenerul tău de încredere. Headtube conic permite upgrade la furci mai performante, iar routing-ul intern al cablurilor asigură un aspect curat și protecție optimă.
