"use client";

import { cn } from "@/lib/utils";
interface Service2Props {
  className?: string;
}

const Service2 = ({ className }: Service2Props) => {
  return (
    <section dir="rtl" lang="fa" className={cn("pb-32", className)}>
      {/* Full Width Hero with Background Image */}
      <div
        className="relative flex min-h-[500px] items-center justify-center bg-cover bg-center bg-no-repeat py-32"
        style={{
          backgroundImage:
            "url('/block-media/shadcnblocks/block/photos/christopher-gower-vjMgqUkS8q8-unsplash.jpg')",
        }}
      >
        {/* Dark overlay for better text readability */}
        <div className="absolute inset-0 bg-black/50"></div>

        <div className="relative z-10 container text-center">
          <h1 className="text-xl font-medium tracking-tight text-white md:text-2xll lg:text-2xll">
            طراحی تجربه و رابط کاربری
          </h1>
        </div>
      </div>

      {/* Intro Section */}
      <div className="py-16">
        <div className="container">
          <div className="mx-auto max-w-3xl space-y-8 text-start">
            <h2 className="text-3xl font-semibold tracking-tight md:text-xl">
              طراحی کاربرمحور با تمرکز بر تبدیل
            </h2>
            <p className="text-xl leading-relaxed text-muted-foreground">
              ما معتقدیم طراحی خوب باید برای هر کاربری که با محصول شما تعامل
              دارد، شهودی، دسترس‌پذیر و هدفمند باشد. رویکرد طراحی تجربه و رابط کاربری ما بر
              درک نیازها، رفتارها و نقاط درد کاربران تمرکز دارد تا رابط‌هایی
              بسازیم که نه‌تنها زیبا به نظر برسند، بلکه بی‌نقص کار کنند.
            </p>
          </div>
        </div>
      </div>

      {/* Content Section */}
      <div className="py-16">
        <div className="container">
          <div className="mx-auto prose prose-sm max-w-3xl dark:prose-invert">
            <h2>خلق تجربه‌های دیجیتال معنادار</h2>
            <p>
              ما تحقیق کاربر، معماری اطلاعات و طراحی بصری را ترکیب می‌کنیم تا
              تجربه‌هایی ارائه دهیم که تعامل و تبدیل را افزایش می‌دهند.
            </p>

            <p>
              از طریق تحقیق و آزمایش جامع کاربر، تصمیم‌های طراحی را با داده‌های
              واقعی اعتبارسنجی می‌کنیم. فرآیند طراحی تکراری ما تضمین می‌کند هر
              عنصر هدفی دارد و هم به اهداف کسب‌وکار شما کمک می‌کند و هم تجربه
              کاربری استثنایی ارائه می‌دهد.
            </p>

            <p>
              ما در ساخت سیستم‌های طراحی تخصص داریم که با رشد کسب‌وکار شما
              مقیاس‌پذیرند؛ یکپارچگی در تمام نقاط تماس را حفظ می‌کنند و در عین
              حال انعطاف لازم برای رشد و تحول آینده را دارند.
            </p>

            <p>
              رویکرد همکاری ما ذینفعان را در تمام فرآیند طراحی  از
              وایرفریم‌های اولیه تا نمونه‌های نهایی  درگیر می‌کند. این
              هم‌راستایی بین اهداف کسب‌وکار و نیازهای کاربر را تضمین می‌کند و
              محصولاتی می‌سازد که در بازار موفق می‌شوند.
            </p>

            <p>
              هر تصمیم طراحی بر پایه تحقیق و آزمایش است؛ راه‌حل‌هایی که نه‌تنها
              از نظر بصری جذاب‌اند، بلکه از نظر استراتژیک درست و از سوی
              کاربران تأیید شده‌اند.
            </p>

            <h2>خدمات طراحی تجربه و رابط کاربری ما</h2>
            <ul>
              <li>تحقیق کاربر و توسعه پرسونا</li>
              <li>معماری اطلاعات و نقشه‌برداری سفر کاربر</li>
              <li>وایرفریم و نمونه‌سازی تعاملی</li>
              <li>طراحی بصری و یکپارچه‌سازی برند</li>
              <li>آزمایش کاربردپذیری و اعتبارسنجی طراحی</li>
              <li>ایجاد و مستندسازی سیستم طراحی</li>
            </ul>

            <h2>طراحی استراتژیک برای موفقیت کسب‌وکار</h2>
            <p>
              فلسفه طراحی ما بر خلق رابط‌هایی استوار است که فاصله بین نیازهای
              کاربر و اهداف کسب‌وکار را پر می‌کنند. ما می‌دانیم طراحی تجربه و رابط کاربری
              عالی فقط به زیبایی‌شناسی محدود نیست  بلکه به خلق تعامل‌های
              معناداری مربوط است که نتیجه می‌دهند.
            </p>

            <p>
              از مفهوم اولیه تا پیاده‌سازی نهایی، تضمین می‌کنیم هر عنصر طراحی
              به تجربه کاربری یکپارچه‌ای کمک کند که ارزش‌های برند شما را منعکس
              و اهداف کسب‌وکارتان را پشتیبانی کند. طراحی‌های ما برای عملکرد،
              دسترس‌پذیری و مقیاس‌پذیری در تمام دستگاه‌ها و پلتفرم‌ها بهینه
              شده‌اند.
            </p>
          </div>
        </div>
      </div>
    </section>
  );
};

export { Service2 };