<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>لندینگ پیج فروش و بازاریابی</title>
<style>
/* ========== RESET & BASE STYLES ========== */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Tahoma', 'Segoe UI', 'IranSans', system-ui, -apple-system, sans-serif;
background: linear-gradient(135deg, #f5f7fa 0%, #e9edf2 100%);
color: #1e2a3e;
line-height: 1.6;
direction: rtl;
}
/* ========== CONTAINER ========== */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* ========== HERO SECTION ========== */
.hero {
background: linear-gradient(135deg, #0f2b3d 0%, #1b4f6e 100%);
color: white;
padding: 80px 0;
text-align: center;
border-radius: 0 0 50px 50px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.hero h1 {
font-size: 2.8rem;
margin-bottom: 20px;
font-weight: 800;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
.hero p {
font-size: 1.3rem;
max-width: 700px;
margin: 0 auto 30px;
opacity: 0.95;
}
.btn {
display: inline-block;
background: #ff6b35;
color: white;
padding: 14px 40px;
font-size: 1.1rem;
font-weight: bold;
border-radius: 50px;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
border: none;
cursor: pointer;
}
.btn:hover {
background: #e55a2b;
transform: scale(1.05);
box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}
.btn-outline {
background: transparent;
border: 2px solid white;
margin-right: 15px;
}
.btn-outline:hover {
background: white;
color: #1b4f6e;
border-color: white;
}
/* ========== FEATURES SECTION ========== */
.features {
padding: 70px 0;
background: white;
}
.section-title {
text-align: center;
font-size: 2.2rem;
margin-bottom: 50px;
color: #0f2b3d;
position: relative;
}
.section-title:after {
content: '';
display: block;
width: 80px;
height: 4px;
background: #ff6b35;
margin: 15px auto 0;
border-radius: 2px;
}
.grid-3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}
.card {
background: #f8faff;
padding: 30px 20px;
border-radius: 20px;
text-align: center;
transition: all 0.3s;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
border: 1px solid #eef2f7;
}
.card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}
.card-icon {
font-size: 3rem;
margin-bottom: 20px;
}
.card h3 {
font-size: 1.5rem;
margin-bottom: 15px;
color: #1b4f6e;
}
/* ========== CTA SECTION ========== */
.cta {
background: linear-gradient(135deg, #ff6b35, #ff8c42);
color: white;
padding: 60px 0;
text-align: center;
}
.cta h2 {
font-size: 2rem;
margin-bottom: 20px;
}
.cta .btn {
background: white;
color: #ff6b35;
margin-top: 20px;
}
.cta .btn:hover {
background: #fff3e6;
transform: scale(1.05);
}
/* ========== TESTIMONIAL ========== */
.testimonial {
padding: 70px 0;
background: #f0f4f9;
}
.testimonial-box {
max-width: 800px;
margin: 0 auto;
background: white;
padding: 40px;
border-radius: 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
text-align: center;
}
.testimonial-text {
font-size: 1.2rem;
font-style: italic;
margin-bottom: 20px;
color: #2c3e50;
}
.testimonial-author {
font-weight: bold;
color: #ff6b35;
font-size: 1.1rem;
}
/* ========== FOOTER ========== */
.footer {
background: #0f2b3d;
color: #bbb;
text-align: center;
padding: 30px 0;
font-size: 0.9rem;
}
/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
.hero h1 {
font-size: 1.8rem;
}
.hero p {
font-size: 1rem;
}
.btn {
padding: 10px 25px;
font-size: 0.9rem;
}
.section-title {
font-size: 1.6rem;
}
.testimonial-box {
padding: 25px;
}
}
@media (max-width: 480px) {
.hero {
padding: 50px 0;
}
.btn-outline {
margin-right: 0;
margin-top: 15px;
display: inline-block;
}
.hero-buttons {
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
}
}
</style>
</head>
<body>
<!-- هدر اصلی (Hero) -->
<section class="hero">
<div class="container">
<h1>افزایش فروش با بازاریابی هوشمند</h1>
<p>استراتژیهای عملی برای رشد کسبوکار شما | مشاوره تخصصی و ابزارهای مدرن</p>
<div class="hero-buttons">
<a href="#" class="btn">دریافت مشاوره رایگان</a>
<a href="#" class="btn btn-outline">مشاهده نمونه کارها</a>
</div>
</div>
</section>
<!-- ویژگیها -->
<section class="features">
<div class="container">
<h2 class="section-title">چرا ما را انتخاب میکنید؟</h2>
<div class="grid-3">
<div class="card">
<div class="card-icon">📊</div>
<h3>تحلیل پیشرفته</h3>
<p>دادهمحورترین کمپینهای بازاریابی با آنالیز لحظهای و گزارشهای دقیق</p>
</div>
<div class="card">
<div class="card-icon">🚀</div>
<h3>رشد سریع</h3>
<p>افزایش نرخ تبدیل و فروش تا ۳ برابر با روشهای بهینه شده</p>
</div>
<div class="card">
<div class="card-icon">🎯</div>
<h3>هدفگذاری دقیق</h3>
<p>شناسایی مخاطبان واقعی و جذب مشتریان وفادار</p>
</div>
</div>
</div>
</section>
<!-- بخش نظر مشتری -->
<section class="testimonial">
<div class="container">
<div class="testimonial-box">
<div class="testimonial-text">
"با کمک استراتژیهای بازاریابی آنلاین، فروش ماهانه ما ۱۸۰٪ افزایش پیدا کرد. تیم فوقالعاده حرفهای و نتیجهگرا"
</div>
<div class="testimonial-author">- محمد رضایی (مدیر فروش)</div>
</div>
</div>
</section>
<!-- دعوت به اقدام نهایی -->
<section class="cta">
<div class="container">
<h2>آماده افزایش فروش خود هستید؟</h2>
<p>همین حالا با ما تماس بگیرید و یک جلسه مشاوره رایگان رزرو کنید</p>
<a href="#" class="btn">شروع کنید</a>
</div>
</section>
<!-- فوتر -->
<footer class="footer">
<div class="container">
<p>© 2025 تمامی حقوق برای لندینگ پیج فروش و بازاریابی محفوظ است.</p>
<p>تماس با ما: info@example.com | تلفن: ۰۲۱-۱۲۳۴۵۶۷۸</p>
</div>
</footer>
</body>
</html>
اشتراک گذاری