feat: add front page template with hero section

This commit is contained in:
2026-04-03 01:09:34 +05:00
parent 8c54edf25e
commit d0567fda86
3 changed files with 62 additions and 0 deletions
+21
View File
@@ -586,3 +586,24 @@ body.sidebar-overlay::after {
display: none;
}
}
/* ==========================================================================
Hero section
========================================================================== */
.hero { padding: 80px 0 60px; }
.hero__title { font-size: 3.5rem; line-height: 1.1; margin: 0 0 24px; max-width: 700px; }
.hero__subtitle { font-size: 1.25rem; line-height: 1.6; color: var(--color-gray-text); margin: 0 0 40px; max-width: 600px; }
.hero__actions { display: flex; gap: 16px; margin-bottom: 60px; }
.hero__stats { display: flex; gap: 48px; }
.hero__stat { display: flex; flex-direction: column; gap: 4px; }
.hero__stat-number { font-family: var(--font-heading); font-weight: 700; font-size: 2.5rem; line-height: 1; color: var(--color-primary); }
.hero__stat-label { font-size: 0.875rem; color: var(--color-gray-text); }
@media (max-width: 767px) {
.hero { padding: 40px 0 32px; }
.hero__title { font-size: 2rem; }
.hero__subtitle { font-size: 1rem; }
.hero__actions { flex-direction: column; margin-bottom: 40px; }
.hero__stats { flex-direction: column; gap: 24px; }
}