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

2026-06-29 16:22:09 +00:00
parent 57cc67d2d3
commit 50e3a34895
723 changed files with 20055 additions and 26101 deletions
@@ -0,0 +1,122 @@
+'use client';
+
+import { dishImageUrl } from '@/lib/assets';
+import type { CateringPackage } from '@/lib/catering-data';
+import {
+  CATERING_CATEGORY_ORDER,
+  groupDishesByCategory,
+} from '@/lib/catering-data';
+import { useLanguage } from '@/lib/language-context';
+import { getTranslation } from '@/lib/translations';
+import { Users, UtensilsCrossed } from 'lucide-react';
+import { motion } from 'framer-motion';
+
+interface CateringPackageCardProps {
+  pkg: CateringPackage;
+  index?: number;
+}
+
+export default function CateringPackageCard({ pkg, index = 0 }: CateringPackageCardProps) {
+  const { language } = useLanguage();
+  const t = getTranslation(language);
+  const grouped = groupDishesByCategory(pkg.includedDishes);
+
+  const packageName =
+    (t.catering.packages as Record<string, string>)?.[pkg.id] ?? pkg.name;
+  const packageDescription =
+    (t.catering.packageDescriptions as Record<string, string>)?.[pkg.id] ?? pkg.description;
+
+  return (
+    <motion.article
+      initial={{ opacity: 0, y: 28 }}
+      whileInView={{ opacity: 1, y: 0 }}
+      viewport={{ once: true, margin: '-40px' }}
+      transition={{ duration: 0.55, delay: index * 0.08, ease: [0.25, 1, 0.5, 1] }}
+      className={`luxury-card flex h-full flex-col overflow-hidden rounded-[2rem] border bg-white transition-all duration-300 ${
+        pkg.highlight
+          ? 'border-[#c99a2e]/50 shadow-lg shadow-[#c99a2e]/15 ring-1 ring-[#c99a2e]/25'
+          : 'border-[#EDE6D9] hover:border-[#c99a2e]/35'
+      }`}
+    >
+      {pkg.image && (
+        <div className="relative h-48 overflow-hidden bg-[#F2EDE4] sm:h-52">
+          <img
+            src={dishImageUrl(pkg.image)}
+            alt={packageName}
+            className="h-full w-full object-cover transition-transform duration-500 hover:scale-105"
+            loading="lazy"
+          />
+          <div className="absolute inset-0 bg-gradient-to-t from-[#101724]/50 via-transparent to-transparent" />
+          {pkg.highlight && (
+            <span className="absolute top-4 left-4 rounded-full bg-gradient-to-r from-[#c99a2e] to-[#e8c56a] px-3 py-1 text-[10px] font-bold uppercase tracking-[0.2em] text-[#241806] shadow-md">
+              {t.catering.mostPopular}
+            </span>
+          )}
+        </div>
+      )}
+
+      <div className="flex flex-1 flex-col p-6 sm:p-7">
+        <div className="mb-4 flex items-start justify-between gap-4">
+          <div>
+            <h3 className="text-[22px] leading-tight tracking-[-0.4px] text-[#101724]">
+              {packageName}
+            </h3>
+            <p className="mt-2 text-sm leading-relaxed text-[#6B665F]">
+              {packageDescription}
+            </p>
+          </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>
+
+        <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]" />
+          {t.catering.includedDishes}
+        </div>
+
+        <div className="flex-1 space-y-4">
+          {CATERING_CATEGORY_ORDER.map((category) => {
+            const dishes = grouped[category];
+            if (dishes.length === 0) return null;
+
+            const categoryLabel =
+              (t.catering.categories as Record<string, string>)?.[category] ?? category;
+
+            return (
+              <div key={category}>
+                <p className="mb-1.5 text-[10px] font-bold uppercase tracking-[0.22em] text-[#c99a2e]">
+                  {categoryLabel}
+                </p>
+                <ul className="space-y-1">
+                  {dishes.map((dish) => (
+                    <li
+                      key={dish.id}
+                      className="flex items-center gap-2 text-sm text-[#3d4654]"
+                    >
+                      <span className="h-1 w-1 shrink-0 rounded-full bg-[#c99a2e]" aria-hidden />
+                      {dish.name}
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            );
+          })}
+        </div>
+
+        <div className="mt-6 flex items-center gap-2 border-t border-[#EDE6D9] pt-4 text-xs text-[#8A8478]">
+          <Users className="h-3.5 w-3.5 text-[#B38B4D]" />
+          {t.catering.guestNote}
+        </div>
+      </div>
+    </motion.article>
+  );
+}