refactor(ar): replace Hero with HomeHero on Arabic homepage and delete Hero.astro
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
1 parent
05f5c59721
commit
95d78c22eb
2 files changed
+2
-26
No files matched your search
@@ -1,24 +0,0 @@
|
||||
---
|
||||
interface Props { title: string; eyebrow?: string; description?: string; image?: string; alt?: string; }
|
||||
const { title, eyebrow, description, image, alt = '' } = Astro.props;
|
||||
---
|
||||
<section class="hero">
|
||||
<div class="container hero-grid">
|
||||
<div>
|
||||
{eyebrow && <p class="eyebrow">{eyebrow}</p>}
|
||||
<h1>{title}</h1>
|
||||
{description && <p class="hero-copy">{description}</p>}
|
||||
<a class="button" href="/client-consultation">Get Started</a>
|
||||
</div>
|
||||
{image && <img src={image} alt={alt} loading="eager" />}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.hero { background: var(--color-tint); overflow: hidden; padding-block: clamp(3rem, 7vw, 5rem); }
|
||||
.hero-grid { align-items: center; display: grid; gap: var(--space-xl); grid-template-columns: 1.05fr .95fr; }
|
||||
.hero img { max-height: 430px; object-fit: contain; width: 100%; }
|
||||
@media (max-width: 950px) {
|
||||
.hero-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user