canina/frontend/application/app/about/page.tsx

import type { Metadata } from "next";
import { ShieldCheck, History, Award, CheckCircle } from "lucide-react";

export const metadata: Metadata = {
  title: "درباره ما - میراث ۴۰ ساله کانیتا آلمان در ایران",
  description: "داستان کانینا ایران و میراث ۴۰ ساله شرکت Canina pharma GmbH آلمان در تولید مکمل‌های فوق‌تخصصی دامپزشکی با گرید دارویی اختصاصی.",
  alternates: {
    canonical: "/about",
  },
  openGraph: {
    title: "درباره ما - کانینا ایران",
    description: "داستان کانینا ایران و میراث ۴۰ ساله شرکت Canina pharma GmbH آلمان در تولید مکمل‌های فوق‌تخصصی دامپزشکی.",
    url: "https://canina-iran.com/about",
    siteName: "کانینا ایران",
    locale: "fa_IR",
    type: "website",
  }
};

export default function AboutPage() {
  return (
    <div className="bg-medical-gray-50 py-16 px-4 sm:px-6 lg:px-8 font-vazir" dir="rtl">
      <div className="max-w-4xl mx-auto space-y-16">
        
        {/* Hero Section */}
        <div className="text-center space-y-4">
          <span className="inline-flex items-center gap-2 px-4 py-2 bg-canina-blue/5 border border-canina-blue/10 rounded-full text-canina-blue text-xs font-black uppercase tracking-widest">
            <History className="w-4 h-4" />
            داستان ما از ۱۹۸۴
          </span>
          <h1 className="text-4xl lg:text-5xl font-black text-medical-gray-900 leading-tight">
            درباره <span className="text-canina-blue italic">کانینا ایران</span>
          </h1>
          <p className="text-lg text-medical-gray-500 max-w-2xl mx-auto leading-relaxed">
            میراث علمی و تعهد ما به تدارک هوشمندانه سلامت برای همراهان وفادار شما.
          </p>
        </div>

        {/* Brand Image Placeholder / Card */}
        <div className="relative bg-canina-blue rounded-[3rem] p-12 overflow-hidden text-white shadow-2xl">
          <div className="absolute inset-0 opacity-10 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')]" />
          <div className="relative z-10 space-y-6">
            <h2 className="text-3xl font-black italic">Canina pharma GmbH</h2>
            <p className="text-base text-white/80 leading-relaxed max-w-2xl">
              شرکت Canina pharma GmbH در سال ۱۹۸۴ توسط پتر و کریستین کرشن‌مایر در شهر برگیش گلادباخ آلمان تأسیس شد. این کمپانی با فلسفه «مادر طبیعت بهترین نسخه را می‌داند»، برای بیش از ۴۰ سال است که استاندارد طلایی مکمل‌های دامپزشکی را در جهان تعریف می‌کند.
            </p>
          </div>
        </div>

        {/* Narrative Section */}
        <div className="space-y-8 text-medical-gray-700 leading-relaxed">
          <p>
            امروز محصولات کانینا در بیش از ۴۰ کشور جهان توزیع می‌شود. کانینا ایران به عنوان نماینده رسمی این برند، با هدف ارتقای کیفیت زندگی حیوانات خانگی و دسترسی آسان جامعه دامپزشکی و دارندگان حیوانات به این مکمل‌های ارزشمند، فعالیت خود را آغاز نموده است. تمامی محصولات با بسته‌بندی اصلی آلمان و دارای برچسب اصالت سازمان دامپزشکی ارائه می‌شوند.
          </p>
        </div>

        {/* Key Features Grid */}
        <div className="grid md:grid-cols-3 gap-6">
          <div className="bg-white border border-medical-gray-200 rounded-[2rem] p-8 shadow-sm hover:shadow-xl transition-all">
            <div className="w-12 h-12 bg-canina-blue text-white rounded-2xl flex items-center justify-center mb-6">
              <ShieldCheck className="w-6 h-6" />
            </div>
            <h3 className="text-lg font-black text-medical-gray-900 mb-2">گرید فوق‌دارویی</h3>
            <p className="text-sm text-medical-gray-500 font-bold leading-relaxed">
              استفاده از مواد اولیه کاملاً طبیعی و فرآوری شده در بالاترین سطح کیفی دارویی مطابق استانداردهای اروپا.
            </p>
          </div>

          <div className="bg-white border border-medical-gray-200 rounded-[2rem] p-8 shadow-sm hover:shadow-xl transition-all">
            <div className="w-12 h-12 bg-canina-blue text-white rounded-2xl flex items-center justify-center mb-6">
              <Award className="w-6 h-6" />
            </div>
            <h3 className="text-lg font-black text-medical-gray-900 mb-2">گواهی‌های بین‌المللی</h3>
            <p className="text-sm text-medical-gray-500 font-bold leading-relaxed">
              دارای تأییدیه‌های IFS Food و HACCP که ایمنی، سلامت و یکپارچگی خطوط تولید را تضمین می‌کند.
            </p>
          </div>

          <div className="bg-white border border-medical-gray-200 rounded-[2rem] p-8 shadow-sm hover:shadow-xl transition-all">
            <div className="w-12 h-12 bg-canina-blue text-white rounded-2xl flex items-center justify-center mb-6">
              <CheckCircle className="w-6 h-6" />
            </div>
            <h3 className="text-lg font-black text-medical-gray-900 mb-2">تعهد به اصالت</h3>
            <p className="text-sm text-medical-gray-500 font-bold leading-relaxed">
              ارائه محصولات اصل با ضمانت اصالت کالا و برچسب‌های رهگیری قانونی وزارت بهداشت و دامپزشکی.
            </p>
          </div>
        </div>
      </div>
    </div>
  );
}