feat: add front page template with hero section
This commit is contained in:
@@ -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; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user