64 lines
3.1 KiB
TypeScript
64 lines
3.1 KiB
TypeScript
import Image from "next/image";
|
|
|
|
export default function ContentSection() {
|
|
return (
|
|
<section className="bg-white py-16 md:py-32">
|
|
<div className="mx-auto max-w-5xl space-y-8 px-6 md:space-y-16">
|
|
<h2 className="relative z-10 max-w-xl text-2xl font-medium md:text-3xl lg:text-4xl leading-relaxed tracking-normal">
|
|
اکوسیستم کنترل پی مدل‌های ما را گرد هم می‌آورد.
|
|
</h2>
|
|
<div className="grid gap-6 sm:grid-cols-2 md:gap-12 lg:gap-24">
|
|
<div className="relative mb-6 sm:mb-0">
|
|
<div className="bg-linear-to-b aspect-76/59 relative rounded-2xl from-zinc-300 to-transparent p-px dark:from-zinc-700">
|
|
<Image
|
|
src="https://images.unsplash.com/photo-1557683316-973673baf926?w=1207&h=929&fit=crop&q=80"
|
|
className="hidden rounded-[15px] dark:block object-cover"
|
|
alt="Modern abstract technology"
|
|
width={1207}
|
|
height={929}
|
|
/>
|
|
<Image
|
|
src="https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1207&h=929&fit=crop&q=80"
|
|
className="rounded-[15px] shadow dark:hidden object-cover"
|
|
alt="Modern abstract design"
|
|
width={1207}
|
|
height={929}
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="relative space-y-4">
|
|
<p className="text-muted-foreground leading-relaxed tracking-normal">
|
|
کنترل پی در حال تکامل است تا فراتر از مدل‌ها باشد.{" "}
|
|
<span className="text-accent-foreground font-bold">
|
|
این پلتفرم از کل اکوسیستم پشتیبانی می‌کند
|
|
</span>{" "}
|
|
— از محصولات تا نوآوری.
|
|
</p>
|
|
<p className="text-muted-foreground leading-relaxed tracking-normal">
|
|
این پلتفرم از کل اکوسیستم پشتیبانی می‌کند — از محصولات تا APIها و
|
|
پلتفرم‌هایی که به توسعه‌دهندگان و کسب‌وکارها کمک می‌کنند تا نوآوری
|
|
کنند
|
|
</p>
|
|
|
|
<div className="pt-6">
|
|
<blockquote className="border-s-4 ps-4">
|
|
<p className="leading-relaxed tracking-normal">
|
|
استفاده از کنترل پی مانند باز کردن یک قدرت فوق‌العاده طراحی
|
|
مخفی بوده است. این ترکیب کامل سادگی و تطبیق‌پذیری است که به ما
|
|
امکان می‌دهد رابط‌های کاربری بسازیم که هم زیبا و هم کاربرپسند
|
|
هستند.
|
|
</p>
|
|
|
|
<div className="mt-6 space-y-3">
|
|
<div className="block font-medium not-italic">احمدرضا عزیزان، مدیر</div>
|
|
</div>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|