Replace entire repo content with updated code from /root/shahikitchen-website/

components/CateringPackageCard.tsx

@@ -6,9 +6,11 @@ import {
   CATERING_CATEGORY_ORDER,
   groupDishesByCategory,
 } from '@/lib/catering-data';
+import { buildCateringPackagePricingMessage } from '@/application/messaging/whatsapp-message-builder';
+import { container } from '@/infrastructure/di/container';
 import { useLanguage } from '@/lib/language-context';
 import { getTranslation } from '@/lib/translations';
-import { Users, UtensilsCrossed } from 'lucide-react';
+import { MessageCircle, Users, UtensilsCrossed } from 'lucide-react';
 import { motion } from 'framer-motion';
 
 interface CateringPackageCardProps {
@@ -26,6 +28,13 @@ export default function CateringPackageCard({ pkg, index = 0 }: CateringPackageC
   const packageDescription =
     (t.catering.packageDescriptions as Record<string, string>)?.[pkg.id] ?? pkg.description;
 
+  const handlePricingInquiry = () => {
+    const template = (t.catering as { packagePricingInquiry?: string }).packagePricingInquiry;
+    if (!template) return;
+    const message = buildCateringPackagePricingMessage(packageName, template);
+    container.messagingGateway.openWhatsApp(message);
+  };
+
   return (
     <motion.article
       initial={{ opacity: 0, y: 28 }}
@@ -67,16 +76,14 @@ export default function CateringPackageCard({ pkg, index = 0 }: CateringPackageC
           </div>
         </div>
 
-        <div className="mb-5 rounded-2xl border border-[#c99a2e]/25 bg-[#fffdf8] px-4 py-3.5">
-          <div className="flex items-baseline gap-2">
-            <span className="text-2xl font-medium tabular-nums tracking-[-0.5px] text-[#B38B4D]">
-              {pkg.pricePerHead}
-            </span>
-            <span className="text-sm font-semibold text-[#8a6a25]">
-              {t.catering.perHead} · {pkg.currency}
-            </span>
-          </div>
-        </div>
+        <button
+          type="button"
+          onClick={handlePricingInquiry}
+          className="mb-5 flex w-full items-center justify-center gap-2 rounded-2xl border border-[#c99a2e]/35 bg-[#fffdf8] px-4 py-3.5 text-base font-semibold tracking-[-0.2px] text-[#B38B4D] transition-all hover:border-[#c99a2e] hover:bg-[#fff6dc] hover:text-[#8C6B3A] active:scale-[0.98]"
+        >
+          <MessageCircle className="h-4 w-4 shrink-0" aria-hidden />
+          {t.catering.contactForPricing}
+        </button>
 
         <div className="mb-2 flex items-center gap-2 text-xs font-bold uppercase tracking-[0.18em] text-[#8a6a25]">
           <UtensilsCrossed className="h-3.5 w-3.5 text-[#c99a2e]" />