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

Fixed some wording
All checks were successful
Build and Deploy / build-and-push (push) Successful in 2m54s
Details

Browse Source
This commit is contained in:
Atridad Lahiji
2025-12-20 00:56:32 -07:00
parent 0297d0a8ef
commit 6ca843a4f8
10 changed files with 819 additions and 387 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,6 @@
---
import { siteConfig } from "../../config/site";
import { Icon } from "astro-icon/components";
---
<section class="relative overflow-hidden bg-neutral">
@@ -12,19 +13,14 @@ import { siteConfig } from "../../config/site";
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-success opacity-75"></span>
<span class="relative inline-flex rounded-full h-2 w-2 bg-success"></span>
</span>
Accepting new clients
{siteConfig.hero.badge}
</div>
<h1 class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-extrabold text-white leading-tight tracking-tight mb-6">
Building
Digital Solutions
<br class="hidden sm:block" />
That Drive Growth
<h1 class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-extrabold text-white leading-tight tracking-tight mb-6" set:html={siteConfig.hero.mainTitle.replace("Digital Solutions", "Digital Solutions<br class='hidden sm:block' />")}>
</h1>
<p class="text-lg sm:text-xl text-white/70 max-w-2xl mx-auto mb-10 leading-relaxed">
{siteConfig.hero.description}. Delivering reliable, scalable
solutions tailored to your business needs.
{siteConfig.hero.description}. {siteConfig.hero.subDescription}
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
@@ -32,62 +28,33 @@ import { siteConfig } from "../../config/site";
href="#contact"
class="btn btn-accent btn-lg shadow-lg shadow-accent/25 hover:shadow-xl hover:shadow-accent/30 hover:-translate-y-0.5 transition-all duration-300 group"
>
<svg
<Icon
name="heroicons:bolt"
class="w-5 h-5 transition-transform group-hover:rotate-12"
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
/>
{siteConfig.hero.cta}
</a>
<a
href="#services"
class="btn btn-outline btn-lg border-white/30 text-white hover:bg-white hover:text-neutral hover:border-white transition-all duration-300"
>
<svg
<Icon
name="heroicons:chevron-down"
class="w-5 h-5"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M19 9l-7 7-7-7"></path>
</svg>
Explore Services
/>
{siteConfig.hero.secondaryCta}
</a>
</div>
<div class="mt-16 pt-10">
<p class="text-white text-sm mb-6 uppercase tracking-wider font-medium">Trusted expertise in</p>
<p class="text-white text-sm mb-6 uppercase tracking-wider font-medium">{siteConfig.hero.trustedText}</p>
<div class="flex flex-wrap justify-center items-center gap-8 lg:gap-12">
<div class="flex items-center gap-2.5 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
</svg>
<span class="font-medium">Web Development</span>
</div>
<div class="flex items-center gap-2.5 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
</svg>
<span class="font-medium">Mobile Apps</span>
</div>
<div class="flex items-center gap-2.5 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
</svg>
<span class="font-medium">DevOps</span>
</div>
{siteConfig.hero.features.map((feature) => (
<div class="flex items-center gap-2.5 text-white/80">
<Icon name={feature.icon} class="w-5 h-5" />
<span class="font-medium">{feature.text}</span>
</div>
))}
</div>
</div>
</div>