<!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>
/* تنظیمات کلی */
body {
font-family: 'Tahoma', 'Vazirmatn', sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
color: #333;
line-height: 1.8;
}
h1, h2, h3 { color: #1a5e20; }

/* هدر */
header {
background-color: #fff;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
padding: 20px 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 24px;
font-weight: bold;
color: #2e7d32;
}
.btn {
background-color: #2e7d32;
color: #fff;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
transition: 0.3s;
}
.btn:hover { background-color: #1b5e20; }

/* بخش اصلی (Hero) */
.hero {
background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
text-align: center;
padding: 100px 20px;
}
.hero h1 { font-size: 40px; margin-bottom: 20px; }
.hero p { font-size: 18px; color: #555; max-width: 600px; margin: 0 auto 30px; }

/* بخش خدمات */
.services {
padding: 80px 20px;
text-align: center;
background: #fff;
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
max-width: 1200px;
margin: 40px auto 0;
}
.service-card {
background: #f4f4f4;
padding: 30px;
border-radius: 10px;
transition: 0.3s;
}
.service-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.service-card h3 { margin-bottom: 15px; }

/* بخش درباره ما */
.about {
padding: 80px 20px;
background: #f9f9f9;
text-align: center;
}
.about p {
max-width: 800px;
margin: 0 auto;
font-size: 18px;
color: #444;
}

/* فوتر */
footer {
background-color: #1a5e20;
color: #fff;
text-align: center;
padding: 30px;
}
</style>
</head>
<body>

<!-- هدر سایت -->
<header>
<div class="logo">🌿 گروه توسعه سرمایه‌گذاری زیتون</div>
<a href="#contact" class="btn">تماس با ما</a>
</header>

<!-- بخش اصلی -->
<section class="hero">
<h1>آینده را با ما بسازید</h1>
<p>گروه توسعه سرمایه‌گذاری زیتون، با تکیه بر دانش مدیریت، تجربه اجرایی و رویکرد پایدار (Green Management)، راهکارهای هوشمندانه برای رشد کسب‌وکار شما ارائه می‌دهد.</p>
<a href="#services" class="btn">مشاهده خدمات</a>
</section>

<!-- بخش خدمات -->
<section class="services" id="services">
<h2>حوزه‌های تخصصی ما</h2>
<div class="services-grid">
<div class="service-card">
<h3>بازسازی و مدیریت پروژه</h3>
<p>اجرای پروژه‌های بازسازی، نظارت فنی و بهینه‌سازی هزینه‌ها (زیتون سبز).</p>
</div>
<div class="service-card">
<h3>مشاوره مالی و سرمایه‌گذاری</h3>
<p>تحلیل جریان نقدی، حسابرسی و مشاوره سرمایه‌گذاری (وی‌سنس).</p>
</div>
<div class="service-card">
<h3>تشریفات و تجهیز مجالس</h3>
<p>برگزاری مراسم، مدیریت تالار و تجهیز مجالس (گروه سلطانی).</p>
</div>
<div class="service-card">
<h3>بازرگانی و تامین کالا</h3>
<p>واردات و تامین تجهیزات با استفاده از مزیت‌های منطقه آزاد (الماس).</p>
</div>
<div class="service-card">
<h3>صنعت خودرو و قطعات</h3>
<p>تامین قطعات خودرو، راه‌اندازی آزمایشگاه‌ها و همکاری با قطعه‌سازان (لیون).</p>
</div>
</div>
</section>

<!-- بخش درباره ما -->
<section class="about">
<h2>درباره مدیرعامل</h2>
<p>دکتر سعید سلطانی، با مدرک دکتری مدیریت از دانشگاه بوردو فرانسه و بیش از ۲۵ سال تجربه در صنعت خودرو و بانکداری، با رویکردی نوین به دنبال ایجاد ارزش پایدار برای شرکا و مشتریان گروه زیتون است.</p>
</section>

<!-- فوتر -->
<footer id="contact">
<h3>ارتباط با ما</h3>
<p>شماره تماس: ۰۹۱۲XXXXXXX</p>
<p>ایمیل: info@zeytoon-group.ir</p>
<p>© ۱۴۰۳ گروه توسعه سرمایه‌گذاری زیتون. تمامی حقوق محفوظ است.</p>
</footer>

</body>
</html>