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

Visual and code overhaul, including Nix support
All checks were successful
Docker Deploy / build-and-push (push) Successful in 2m55s
Details

Browse Source
This commit is contained in:
Atridad Lahiji
2025-07-25 21:45:28 -06:00
parent 10926a00a8
commit 8cf1d5c2e1
15 changed files with 1316 additions and 1106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/components/sections/HeroSection.astro Normal file
View File

@@ -0,0 +1,84 @@
---
import { siteConfig } from "../../config/site";
---
<section class="relative overflow-hidden py-12 lg:py-20">
<div class="max-w-7xl mx-auto px-6">
<div
class="hero min-h-[65vh] bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 rounded-2xl shadow-xl relative"
>
<div
class="absolute inset-0 bg-gradient-to-br from-primary/20 via-transparent to-secondary/20 rounded-2xl"
>
</div>
<div
class="absolute inset-0 bg-gradient-to-t from-black/10 via-transparent to-black/5 rounded-2xl"
>
</div>
<div
class="hero-content text-center text-primary-content py-16 lg:py-20 px-8"
>
<div class="max-w-4xl w-full space-y-8">
<div>
<h1
class="text-4xl sm:text-6xl lg:text-7xl font-bold mb-4 leading-tight text-white"
>
{siteConfig.name}
</h1>
<div
class="w-20 h-1 bg-accent mx-auto mb-6 rounded-full"
>
</div>
</div>
<p
class="text-lg sm:text-xl lg:text-2xl mb-8 opacity-90 max-w-3xl mx-auto leading-relaxed text-white"
>
{siteConfig.hero.description} — Delivering reliable, scalable
solutions tailored to your business needs.
</p>
<div
class="flex flex-col sm:flex-row gap-4 justify-center items-center"
>
<a
href="#contact"
class="btn btn-accent btn-lg text-accent-content hover:bg-accent/90 shadow-lg border-0"
>
<svg
class="w-5 h-5 mr-2"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M13 10V3L4 14h7v7l9-11h-7z"></path>
</svg>
Start Your Project
</a>
<a
href="#services"
class="btn btn-outline btn-lg text-white border-white hover:bg-white hover:text-primary"
>
<svg
class="w-5 h-5 mr-2"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
></path>
</svg>
View Services
</a>
</div>
</div>
</div>
</div>
</div>
</section>