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

Redesign!
All checks were successful
Build and Deploy / build-and-push (push) Successful in 2m47s
Details

Browse Source
This commit is contained in:
Atridad Lahiji
2025-12-18 09:09:22 -07:00
parent 840b51eba5
commit 95bb381033
9 changed files with 416 additions and 501 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
src/components/sections/AboutSection.astro
View File

@@ -1,113 +1,71 @@
<section id="about" class="py-16 lg:py-24">
<section id="about" class="py-20 lg:py-28">
<div class="max-w-7xl mx-auto px-6">
<div class="hero bg-base-200 rounded-2xl shadow-lg">
<div class="hero-content text-center py-12 lg:py-16 px-6">
<div class="max-w-4xl w-full space-y-8">
<div class="space-y-4">
<div
class="inline-flex items-center gap-3 bg-secondary/10 text-secondary px-8 py-4 rounded-full text-2xl lg:text-3xl font-bold"
>
<svg
class="w-8 h-8"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
></path>
</svg>
Why Choose Atash Consulting?
</div>
</div>
<p
class="text-lg text-base-content/80 leading-relaxed max-w-3xl mx-auto"
>
With over a decade of experience in the software
industry, I bring deep technical expertise and a
commitment to excellence to every project.
</p>
<div
class="grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-12 mt-12"
>
<div class="text-center space-y-4">
<div
class="w-16 h-16 bg-primary rounded-xl flex items-center justify-center mx-auto shadow-lg"
>
<svg
class="w-8 h-8 text-primary-content"
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>
</div>
<h3 class="text-xl font-bold text-base-content">
Fast Delivery
</h3>
<p class="text-base-content/70 leading-relaxed">
Quick turnaround without compromising quality
</p>
</div>
<div class="text-center space-y-4">
<div
class="w-16 h-16 bg-secondary rounded-xl flex items-center justify-center mx-auto shadow-lg"
>
<svg
class="w-8 h-8 text-secondary-content"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
></path>
</svg>
</div>
<h3 class="text-xl font-bold text-base-content">
Quality Assured
</h3>
<p class="text-base-content/70 leading-relaxed">
Rigorous testing and quality control processes
</p>
</div>
<div class="text-center space-y-4">
<div
class="w-16 h-16 bg-accent rounded-xl flex items-center justify-center mx-auto shadow-lg"
>
<svg
class="w-8 h-8 text-accent-content"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
></path>
</svg>
</div>
<h3 class="text-xl font-bold text-base-content">
Expert Support
</h3>
<p class="text-base-content/70 leading-relaxed">
Ongoing support and maintenance services
</p>
</div>
</div>
<div class="text-center mb-16">
<span class="badge badge-secondary badge-lg font-semibold mb-4">Why Us</span>
<h2 class="text-3xl lg:text-4xl font-bold text-base-content mb-4">
Why Choose Atash Consulting?
</h2>
<p class="text-lg text-base-content/60 max-w-2xl mx-auto">
With over a decade of experience in the software industry, we bring deep
technical expertise and a commitment to excellence to every project.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="group text-center p-8 rounded-2xl bg-base-100 border border-base-300/50 hover:border-primary/30 hover:shadow-xl transition-all duration-300">
<div class="w-16 h-16 bg-primary/10 rounded-2xl flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform duration-300">
<svg class="w-8 h-8 text-primary" 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>
</div>
<h3 class="text-xl font-bold text-base-content mb-3">Fast Delivery</h3>
<p class="text-base-content/60 leading-relaxed">
Quick turnaround without compromising quality
</p>
</div>
<div class="group text-center p-8 rounded-2xl bg-base-100 border border-base-300/50 hover:border-secondary/30 hover:shadow-xl transition-all duration-300">
<div class="w-16 h-16 bg-secondary/10 rounded-2xl flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform duration-300">
<svg class="w-8 h-8 text-secondary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
<h3 class="text-xl font-bold text-base-content mb-3">Quality Assured</h3>
<p class="text-base-content/60 leading-relaxed">
Rigorous testing and quality control processes
</p>
</div>
<div class="group text-center p-8 rounded-2xl bg-base-100 border border-base-300/50 hover:border-accent/30 hover:shadow-xl transition-all duration-300">
<div class="w-16 h-16 bg-accent/10 rounded-2xl flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform duration-300">
<svg class="w-8 h-8 text-accent" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
</div>
<h3 class="text-xl font-bold text-base-content mb-3">Expert Support</h3>
<p class="text-base-content/60 leading-relaxed">
Ongoing support and maintenance services
</p>
</div>
</div>
<div class="mt-20 p-8 lg:p-12 rounded-2xl bg-gradient-to-br from-neutral to-neutral/90">
<div class="grid grid-cols-2 lg:grid-cols-4 gap-8">
<div class="text-center">
<div class="text-3xl lg:text-4xl font-bold text-neutral-content mb-2">10+</div>
<div class="text-neutral-content/60 text-sm font-medium">Years Experience</div>
</div>
<div class="text-center">
<div class="text-3xl lg:text-4xl font-bold text-neutral-content mb-2">50+</div>
<div class="text-neutral-content/60 text-sm font-medium">Projects Delivered</div>
</div>
<div class="text-center">
<div class="text-3xl lg:text-4xl font-bold text-neutral-content mb-2">100%</div>
<div class="text-neutral-content/60 text-sm font-medium">Client Satisfaction</div>
</div>
<div class="text-center">
<div class="text-3xl lg:text-4xl font-bold text-neutral-content mb-2">24/7</div>
<div class="text-neutral-content/60 text-sm font-medium">Support Available</div>
</div>
</div>
</div>