آیفون اکتیو و نات اکتیو چیست؟ کدام را بخریم؟
۳ ماه پیشخانه آیفون
جدیدترین گوشی های موبایل
مشاهده همه
اکسسوری‌های پرفروش
مشاهده همه
پیشنهادهای شگفت‌انگیز
مشاهده همه
پرفروش‌ترین ماکت‌ها
مشاهده همه
محصولات اصل از برندهای معتبر جهانی
کنسول بازی
ایرپاد
اپل واچ
ایرپاد مکس
راهنمای خرید
مشاهده همه
برندها
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>پرچمداران ۲۰۲۶</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Inter', system-ui, sans-serif;
background: #000;
color: #f5f5f7;
overflow-x: hidden;
}
.banner {
max-width: 1400px;
margin: 0 auto;
padding: 60px 40px;
background: linear-gradient(180deg, #0a0a0a 0%, #111 100%);
}
.header {
text-align: center;
margin-bottom: 50px;
}
.header h1 {
font-size: clamp(2.2rem, 5vw, 3.5rem);
font-weight: 700;
letter-spacing: -0.03em;
background: linear-gradient(90deg, #fff, #a1a1a6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 12px;
}
.header p {
font-size: 1.15rem;
color: #86868b;
font-weight: 400;
}
.phones-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 28px;
}
.phone-card {
background: #1c1c1e;
border-radius: 24px;
padding: 32px 24px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(255,255,255,0.08);
}
.phone-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0,0,0,0.5);
}
.phone-visual {
height: 220px;
border-radius: 18px;
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
/* iPhone colors */
.iphone-burgundy { background: linear-gradient(145deg, #4a1c2b, #7a2f45); }
.iphone-glacier { background: linear-gradient(145deg, #c5d8e8, #a8c4d8); }
.iphone-silver { background: linear-gradient(145deg, #e8e8ed, #c7c7cc); }
.iphone-black { background: linear-gradient(145deg, #1a1a1a, #2c2c2e); }
/* S26 Ultra colors */
.s26-violet { background: linear-gradient(145deg, #3d2b5a, #5c3d8a); }
.s26-sky { background: linear-gradient(145deg, #a8d4f0, #7eb8e0); }
.s26-black { background: linear-gradient(145deg, #1c1c1e, #2d2d30); }
.s26-white { background: linear-gradient(145deg, #f5f5f7, #e0e0e5); }
/* Z Flip colors */
.flip-pink { background: linear-gradient(145deg, #f2c4d0, #e8a0b5); }
.flip-cream { background: linear-gradient(145deg, #f5f0e6, #e8dfd0); }
.flip-graphite { background: linear-gradient(145deg, #2a2a2c, #3d3d40); }
.flip-mint { background: linear-gradient(145deg, #b8e0d2, #8fc9b5); }
.phone-icon {
width: 90px;
height: 160px;
background: rgba(0,0,0,0.25);
border-radius: 16px;
border: 3px solid rgba(255,255,255,0.15);
position: relative;
}
.phone-icon::after {
content: '';
position: absolute;
top: 12px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 6px;
background: rgba(255,255,255,0.2);
border-radius: 3px;
}
.brand {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #86868b;
margin-bottom: 6px;
}
.model {
font-size: 1.35rem;
font-weight: 600;
margin-bottom: 16px;
}
.colors {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}
.color-dot {
width: 22px;
height: 22px;
border-radius: 50%;
border: 2px solid rgba(255,255,255,0.25);
box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.cta {
display: inline-block;
margin-top: 40px;
padding: 16px 42px;
background: #0071e3;
color: white;
font-weight: 600;
font-size: 1.05rem;
border-radius: 980px;
text-decoration: none;
transition: background 0.2s;
}
.cta:hover { background: #0077ed; }
.footer-note {
text-align: center;
margin-top: 30px;
font-size: 0.85rem;
color: #6e6e73;
}
</style>
</head>
<body>
<div class="banner">
<div class="header">
<h1>پرچمداران ۲۰۲۶</h1>
<p>iPhone 18 Pro · iPhone 18 Pro Max · Galaxy S26 Ultra · Galaxy Z Flip 8</p>
</div>
<div class="phones-grid">
<!-- iPhone 18 Pro -->
<div class="phone-card">
<div class="phone-visual iphone-burgundy">
<div