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

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

@@ -1,52 +1,61 @@
---
import { Icon } from "astro-icon/components";
import { siteConfig } from "../../config/site";
const features = [
{
icon: "heroicons:bolt",
...siteConfig.whyUs.cards[0],
},
{
icon: "heroicons:check-circle",
...siteConfig.whyUs.cards[1],
},
{
icon: "heroicons:users",
...siteConfig.whyUs.cards[2],
},
];
---
<section id="about" class="py-20 lg:py-28">
<div class="max-w-7xl mx-auto px-6">
<div class="text-center mb-16">
<span class="badge badge-secondary badge-lg font-semibold mb-4">Why Us</span>
<span class="badge badge-secondary badge-lg font-semibold mb-4">{siteConfig.whyUs.badge}</span>
<h2 class="text-3xl lg:text-4xl font-bold text-base-content mb-4">
Why Choose Atash Consulting?
{siteConfig.whyUs.title}
</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>
{
features.map((feature) => (
<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 rounded-2xl flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform duration-300
${feature.variant === "primary" ? "bg-primary/10" : ""}
${feature.variant === "secondary" ? "bg-secondary/10" : ""}
${feature.variant === "accent" ? "bg-accent/10" : ""}
`}
>
<Icon
name={feature.icon}
class={`w-8 h-8
${feature.variant === "primary" ? "text-primary" : ""}
${feature.variant === "secondary" ? "text-secondary" : ""}
${feature.variant === "accent" ? "text-accent" : ""}
`}
/>
</div>
<h3 class="text-xl font-bold text-base-content mb-3">
{feature.title}
</h3>
<p class="text-base-content/60 leading-relaxed">
{feature.content}
</p>
</div>
))
}
</div>
<div class="mt-20 p-8 lg:p-12 rounded-2xl bg-gradient-to-br from-neutral to-neutral/90">