ar.badiei/aragrp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
ahmadrezabd
2025-12-04 14:27:31 +03:30
parent 89308c8a8c
commit ab297039ba
10 changed files with 534 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/solutions/page.tsx
+37 -22
View File
@@ -96,43 +96,49 @@ const solutions = [
export default function SolutionsPage() {
return (
<>
<section className="bg-white py-16 md:py-32">
<div className="mx-auto max-w-5xl px-6">
<div className="mx-auto max-w-3xl space-y-6 text-center">
<h1 className="text-3xl font-semibold md:text-4xl lg:text-5xl leading-relaxed tracking-normal">
{/* Hero Section */}
<section className="bg-white py-20 md:py-28">
<div className="mx-auto max-w-4xl px-6">
<div className="text-center space-y-6">
<h1 className="text-4xl font-bold md:text-5xl lg:text-6xl leading-tight tracking-normal">
راه‌حل‌های ما
</h1>
<p className="text-lg leading-relaxed tracking-normal text-muted-foreground">
<p className="text-xl leading-relaxed tracking-normal text-muted-foreground max-w-2xl mx-auto">
مجموعه‌ای از ابزارهای قدرتمند برای یکپارچه‌سازی، اتوماسیون و ارتباطات هوشمند که به کسب‌وکار شما کمک می‌کند تا کارآمدتر و سریع‌تر عمل کند.
</p>
</div>
</div>
</section>
<div className="mt-16 md:mt-24 grid gap-8 md:grid-cols-2 lg:grid-cols-2">
{/* Solutions Grid */}
<section className="bg-muted/30 py-20 md:py-28">
<div className="mx-auto max-w-6xl px-6">
<div className="grid gap-8 md:grid-cols-2 lg:grid-cols-2">
{solutions.map((solution, index) => {
const Icon = solution.icon;
return (
<div
key={index}
className="group rounded-2xl border bg-white p-6 transition-all hover:shadow-lg"
className="group rounded-2xl border bg-white p-8 transition-all hover:shadow-lg"
>
<div className="mb-4 flex items-center gap-3">
<div className="flex size-12 items-center justify-center rounded-xl bg-primary/10 text-primary">
<Icon className="size-6" />
<div className="mb-6 flex items-center gap-4">
<div className="flex size-14 items-center justify-center rounded-xl bg-primary/10 text-primary shrink-0">
<Icon className="size-7" />
</div>
<h2 className="text-xl font-semibold leading-relaxed tracking-normal">
<h2 className="text-2xl font-bold leading-tight tracking-normal">
{solution.title}
</h2>
</div>
<p className="mb-4 leading-relaxed tracking-normal text-muted-foreground">
<p className="mb-6 leading-relaxed tracking-normal text-muted-foreground text-lg">
{solution.description}
</p>
<ul className="space-y-2">
<ul className="space-y-3">
{solution.features.map((feature, featureIndex) => (
<li
key={featureIndex}
className="flex items-start gap-2 text-sm leading-relaxed tracking-normal"
className="flex items-start gap-3 text-base leading-relaxed tracking-normal"
>
<span className="mt-1.5 size-1.5 shrink-0 rounded-full bg-primary" />
<span className="mt-1.5 size-2 shrink-0 rounded-full bg-primary" />
<span className="text-muted-foreground">{feature}</span>
</li>
))}
@@ -141,21 +147,30 @@ export default function SolutionsPage() {
);
})}
</div>
</div>
</section>
<div className="mt-16 text-center">
<h2 className="mb-4 text-2xl font-semibold md:text-3xl leading-relaxed tracking-normal">
{/* CTA Section */}
<section className="bg-white py-20 md:py-28">
<div className="mx-auto max-w-4xl px-6">
<div className="text-center space-y-8 p-12 rounded-2xl border bg-gradient-to-br from-primary/5 to-primary/10">
<h2 className="text-3xl font-bold md:text-4xl leading-tight tracking-normal">
آماده شروع هستید؟
</h2>
<p className="mb-8 text-muted-foreground leading-relaxed tracking-normal">
<p className="text-lg text-muted-foreground max-w-2xl mx-auto">
همین حالا شروع کنید و از قدرت یکپارچه‌سازی و ارتباطات هوشمند بهره‌مند شوید
</p>
<Button asChild size="lg">
<Link href="/pricing">مشاهده قیمت‌ها</Link>
</Button>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<Button asChild size="lg">
<Link href="/pricing">مشاهده قیمت‌ها</Link>
</Button>
<Button asChild size="lg" variant="outline">
<Link href="/about">درباره ما</Link>
</Button>
</div>
</div>
</div>
</section>
</>
);
}