Spaces:

arshia-a1
/

deepsite-project

Running

App Files Files Community

deepsite-project / about.html

arshia-a1

Project summary

509902e verified about 1 month ago

raw

history blame contribute delete

9.1 kB

	<!DOCTYPE html>
	<html lang="fa-IR" dir="rtl">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>درباره ما — SuperNova</title>
	<meta name="description" content="استودیو نرم‌افزاری سوپرنوا — تیم متخصص ساخت محصولات دیجیتال مقیاس‌پذیر با فناوری‌های نوین">
	<link rel="icon" type="image/x-icon" href="/favicon.ico">
	<link rel="canonical" href="https://supernova.com/about/">
	<link rel="alternate" hreflang="fa-IR" href="https://supernova.com/about/">
	<link rel="alternate" hreflang="en" href="https://supernova.com/en/about/">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
	<script src="https://cdn.tailwindcss.com"></script>
	<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
	<script>
	tailwind.config = {
	theme: {
	extend: {
	colors: {
	'deep-space': '#0B1020',
	'surface': '#0F1724',
	'muted': '#1F2937',
	'text-primary': '#F8FAFC',
	'text-secondary': '#CBD5E1',
	'accent': '#FFD166',
	'accent-secondary': '#7C5CFF',
	},
	fontFamily: {
	'serif': ['Playfair Display', 'serif'],
	'sans': ['Inter', 'system-ui', 'sans-serif'],
	},
	}
	}
	}
	</script>
	</head>
	<body class="bg-deep-space text-text-primary">
	<a href="#main" class="sr-only focus:not-sr-only">رفتن به محتوا</a>

	<header class="fixed top-0 w-full z-50 bg-surface/80 backdrop-blur-md border-b border-muted/30">
	<nav class="container mx-auto px-4 md:px-6 py-4 flex items-center justify-between">
	<a href="/" class="font-serif text-2xl font-bold text-accent">SuperNova</a>
	<ul class="hidden md:flex items-center space-x-8" style="flex-direction: row-reverse;">
	<li><a href="/" class="text-text-secondary hover:text-accent transition">خانه</a></li>
	<li><a href="/services/" class="text-text-secondary hover:text-accent transition">خدمات</a></li>
	<li><a href="/projects/" class="text-text-secondary hover:text-accent transition">پروژه‌ها</a></li>
	<li><a href="/blog/" class="text-text-secondary hover:text-accent transition">بلاگ</a></li>
	<li><a href="/careers/" class="text-text-secondary hover:text-accent transition">همکاری</a></li>
	<li><a href="/contact/" class="bg-accent text-deep-space px-4 py-2 rounded-lg hover:bg-opacity-90 transition">مشاوره</a></li>
	</ul>
	</nav>
	</header>

	<main id="main" class="pt-20">
	<!-- Hero -->
	<section class="py-20 md:py-32 bg-gradient-to-b from-surface to-deep-space">
	<div class="container mx-auto px-4 text-center">
	<h1 class="font-serif text-5xl md:text-6xl font-bold mb-6">بنیان‌گذاران مقیاس</h1>
	<p class="text-xl text-text-secondary max-w-3xl mx-auto leading-relaxed">
	از سال ۲۰۱۸، سوپرنوا به استارتاپ‌ها و سازمان‌های پیشرو کمک کرده تا محصولات بزرگ بسازند، زیرساخت‌های پایدار داشته باشند و در بازار پیروز شوند.
	</p>
	</div>
	</section>

	<!-- Mission -->
	<section class="py-20 md:py-32">
	<div class="container mx-auto px-4 grid lg:grid-cols-2 gap-16 items-center">
	<div>
	<h2 class="font-serif text-4xl font-bold mb-6">ماموریت ما</h2>
	<div class="space-y-4 text-text-secondary">
	<p>ما یک تیم سخت‌کوش از مهندسان و توسعه‌دهندگان هستیم که عمیقاً به کیفیت، مقیاس‌پذیری و خوش‌نامی مشتریان‌مان باور داریم.</p>
	<div class="pt-4 border-t border-muted/20">
	<h3 class="text-lg font-semibold text-text-primary mb-3">ارزش‌های ما</h3>
	<ul class="space-y-2">
	<li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 ml-2 text-accent"></i> مقیاس‌پذیری (Scalability)</li>
	<li class="flex items-center"><i data-feather="shield" class="w-4 h-4 ml-2 text-accent"></i> قابل اطمینان (Reliability)</li>
	<li class="flex items-center"><i data-feather="diamond" class="w-4 h-4 ml-2 text-accent"></i> زیبایی (Elegance)</li>
	<li class="flex items-center"><i data-feather="zap" class="w-4 h-4 ml-2 text-accent"></i> نوآوری (Innovation)</li>
	</ul>
	</div>
	</div>
	</div>
	<div>
	<img src="http://static.photos/office/768x512/42" alt="تیم سوپرنوا در نشست خلاقانه" class="w-full rounded-2xl object-cover">
	</div>
	</div>
	</section>

	<!-- Stats -->
	<section class="py-20 bg-surface/50">
	<div class="container mx-auto px-4">
	<div class="grid md:grid-cols-4 gap-8 text-center">
	<div>
	<div class="text-4xl font-bold text-accent mb-2">۶۰+</div>
	<div class="text-text-secondary">پروژه دیجیتال</div>
	</div>
	<div>
	<div class="text-4xl font-bold text-accent mb-2">۵M+</div>
	<div class="text-text-secondary">کاربر نهایی</div>
	</div>
	<div>
	<div class="text-4xl font-bold text-accent mb-2">۹۹.۹۹%</div>
	<div class="text-text-secondary">uptime متوسط</div>
	</div>
	<div>
	<div class="text-4xl font-bold text-accent mb-2">۱۲</div>
	<div class="text-text-secondary">عضو اصلی تیم</div>
	</div>
	</div>
	</div>
	</section>

	<!-- Team -->
	<section class="py-20 md:py-32">
	<div class="container mx-auto px-4">
	<h2 class="font-serif text-4xl font-bold text-center mb-16">ملاقات با تیم ما</h2>
	<div class="grid md:grid-cols-3 gap-8">
	<div class="bg-surface rounded-2xl p-8">
	<img src="http://static.photos/people/320x320/101" alt="سارا حسینی" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover">
	<h3 class="text-xl font-semibold text-center mb-1">سارا حسینی</h3>
	<div class="text-accent text-sm text-center mb-2">مدیر فنی</div>
	<p class="text-text-secondary text-sm text-center">۱۴ سال تجربه در بک‌اند مقیاس، پیش‌تر در Google و Amazon</p>
	</div>
	<div class="bg-surface rounded-2xl p-8">
	<img src="http://static.photos/people/320x320/102" alt="علی رضایی" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover">
	<h3 class="text-xl font-semibold text-center mb-1">علی رضایی</h3>
	<div class="text-accent text-sm text-center mb-2">راهبر محصول</div>
	<p class="text-text-secondary text-sm text-center">کارشناس DevOps و SRE، افتخار ذخیره ۳۰۰k دلار در هزینه‌های ابری</p>
	</div>
	<div class="bg-surface rounded-2xl p-8">
	<img src="http://static.photos/people/320x320/103" alt="مهسا طاهری" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover">
	<h3 class="text-xl font-semibold text-center mb-1">مهسا طاهری</h3>
	<div class="text-accent text-sm text-center mb-2">معمار الگوریتم</div>
	<p class="text-text-secondary text-sm text-center">مؤلف کتاب "طراحی مدل‌های آزمون‌شده در مقیاس بزرگ"</p>
	</div>
	</div>
	</div>
	</section>

	<!-- CTA -->
	<section class="py-20 md:py-32 bg-gradient-to-r from-accent/10 to-accent-secondary/10">
	<div class="container mx-auto px-4 text-center">
	<h2 class="font-serif text-4xl font-bold mb-6">آماده‌اید شروع کنیم؟</h2>
	<div class="max-w-2xl mx-auto">
	<p class="text-xl text-text-secondary mb-8">بیایید درباره ایده شما صحبت کنیم و نقشه‌ای برای تبدیل آن به واقعیت بچینیم.</p>
	<a href="/contact/" class="inline-flex items-center bg-accent text-deep-space px-8 py-4 rounded-xl text-lg font-semibold hover:bg-opacity-90 transition">
	برنامه‌ریزی تماس exploratory <i data-feather="arrow-left" class="w-5 h-5 mr-2"></i>
	</a>
	</div>
	</div>
	</section>
	</main>

	<footer class="bg-surface border-t border-muted/30 py-16">
	<div class="container mx-auto px-4 text-center">
	<div class="mt-8 pt-8 border-t border-muted/50 text-text-secondary">
	<p>© 2024 SuperNova Studio - همه حقوق محفوظ است</p>
	<div class="mt-4 space-x-6" style="flex-direction: row-reverse;">
	<a href="/privacy/" class="hover:text-accent transition">حریم‌خصوصی</a>
	<a href="/terms/" class="hover:text-accent transition">شرایط استفاده</a>
	<a href="/accessibility/" class="hover:text-accent transition">دسترس‌پذیری</a>
	<a href="/cookie-policy/" class="hover:text-accent transition">کوکی‌ها</a>
	</div>
	</div>
	</div>
	</footer>

	<script>feather.replace()</script>
	</body>
	</html>