alirez.br
ff2632f8db
- Added image quality settings and device sizes in next.config.ts for better image optimization. - Updated package dependencies, including cheerio and baseline-browser-mapping. - Improved global styles for blog content images to ensure responsiveness. - Refactored button components for consistent sizing and styling across the application. - Enhanced blog post card layout with new variants and improved author name formatting. - Adjusted hero section and content layout for better visual appeal and user experience.
64 lines
3.7 KiB
TypeScript
64 lines
3.7 KiB
TypeScript
import Image from "next/image";
|
|
|
|
export default function ContentSection() {
|
|
return (
|
|
<section className="bg-background 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="/assets/main-pic/intelligent-workflow-control-center.jpg"
|
|
className="rounded-[15px] object-cover dark:hidden"
|
|
alt="مرکز کنترل گردش کار هوشمند"
|
|
width={1207}
|
|
height={929}
|
|
quality={100}
|
|
sizes="(max-width: 640px) 100vw, 50vw"
|
|
/>
|
|
<Image
|
|
src="/assets/main-pic/intelligent-workflow-control-center-dark.jpg"
|
|
className="hidden rounded-[15px] object-cover dark:block"
|
|
alt="مرکز کنترل گردش کار هوشمند"
|
|
width={1207}
|
|
height={929}
|
|
quality={100}
|
|
sizes="(max-width: 640px) 100vw, 50vw"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="relative space-y-4">
|
|
<p className="text-muted-foreground leading-relaxed tracking-normal text-justify sm:text-start">
|
|
فیپ یک گروه متخصص است که در حوزه اینتگریشن و روش‌های نوین یکپارچه‌سازی فعالیت می‌کند.{" "}
|
|
<span className="text-primary font-bold">
|
|
ما با استفاده از تکنولوژی‌های پیشرفته و رویکردهای نوآورانه
|
|
</span>{" "}
|
|
به کسب‌وکارها کمک می‌کنیم تا سیستم‌های خود را به شکلی کارآمد و قابل‌اعتماد بهم متصل کنند.
|
|
</p>
|
|
<p className="text-muted-foreground leading-relaxed tracking-normal text-justify sm:text-start">
|
|
ما در زمینه یکپارچه‌سازی سیستم‌ها، اتوماسیون فرآیندها، ارتباطات چندکاناله و مدیریت داده‌ها تخصص داریم. با استفاده از روش‌های نوین و ابزارهای پیشرفته، راهکارهای سفارشی برای هر کسب‌وکار طراحی و پیاده‌سازی می‌کنیم که به آن‌ها امکان می‌دهد تا از قدرت اتوماسیون و ارتباطات هوشمند بهره‌مند شوند.
|
|
</p>
|
|
|
|
<div className="pt-6">
|
|
<blockquote className="border-s-4 border-primary/30 ps-4">
|
|
<p className="leading-relaxed tracking-normal text-foreground">
|
|
ماموریت ما این است که با استفاده از روش‌های نوین اینتگریشن، به کسب‌وکارها کمک کنیم تا
|
|
بدون پیچیدگی‌های فنی، سیستم‌های خود را بهم متصل کنند و به اهداف خود برسند.
|
|
</p>
|
|
|
|
<div className="mt-6 space-y-3">
|
|
<div className="block font-medium not-italic text-foreground">ماموریت فیپ</div>
|
|
</div>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|