atash/atashdotdev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added a new logo loop + optimized the component setup (DRY)
All checks were successful
Docker Deploy / build-and-push (push) Successful in 3m26s
Details

Browse Source
This commit is contained in:
Atridad Lahiji
2026-01-29 13:48:37 -07:00
parent 3e89a109ec
commit 9c95362800
14 changed files with 921 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/sections/HeroSection.astro
View File

@@ -1,6 +1,8 @@
---
import { siteConfig } from "../../config/site";
import { Icon } from "astro-icon/components";
import Section from "../Section.astro";
import RotatingText from "../RotatingText.astro";
import StatusIndicator from "../StatusIndicator.vue";
const rotatingText = (siteConfig.hero as any).rotatingText as
@@ -8,13 +10,17 @@ const rotatingText = (siteConfig.hero as any).rotatingText as
| undefined;
---
<section class="relative overflow-hidden bg-neutral">
<Section
fullWidth={true}
background="bg-neutral"
class="relative overflow-hidden"
>
<div
class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff15_1px,transparent_1px),linear-gradient(to_bottom,#ffffff15_1px,transparent_1px)] bg-size-[4rem_4rem] mask-[radial-gradient(ellipse_at_center,black_20%,transparent_70%)]"
>
</div>
<div class="relative max-w-7xl mx-auto px-6 py-20 lg:py-32">
<div class="relative max-w-7xl mx-auto px-6">
<div class="text-center max-w-4xl mx-auto">
<StatusIndicator client:load />
@@ -28,19 +34,7 @@ const rotatingText = (siteConfig.hero as any).rotatingText as
<>
{part}
{index < array.length - 1 && rotatingText && (
<span class="block w-full my-2">
<span class="text-rotate">
<span class="justify-items-center">
{rotatingText.map((item) => (
<span
class={item.className}
>
{item.text}
</span>
))}
</span>
</span>
</span>
<RotatingText items={rotatingText} />
)}
</>
))
@@ -96,4 +90,4 @@ const rotatingText = (siteConfig.hero as any).rotatingText as
</div>
</div>
</div>
</section>
</Section>