Update components/pricing.tsx

components/pricing.tsx

@@ -0,0 +1,96 @@
+"use client";
+import { Container } from "@/components/container";
+import { Card } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Check, Sparkles, Clock } from "lucide-react";
+
+export function Pricing() {
+  const features = [
+    "11+ وحدة تعليمية شاملة",
+    "قوالب وأدوات جاهزة",
+    "دعم مباشر من حنان",
+    "تحديثات مجانية مدى الحياة",
+    "مجموعة خاصة للطالبات",
+    "شهادة إتمام الكورس"
+  ];
+
+  return (
+    <section id="pricing" className="py-20 bg-gradient-to-br from-amber-50 via-yellow-50 to-orange-50">
+      <Container>
+        <div className="text-center mb-12">
+          <h2 className="text-3xl md:text-5xl font-bold mb-4">
+            <span className="golden-text">السعر الحالي</span>
+          </h2>
+          <p className="text-lg text-gray-600">
+            عرض محدود - لن يتكرر!
+          </p>
+        </div>
+
+        <div className="max-w-2xl mx-auto">
+          <Card className="p-8 md:p-12 bg-white border-4 border-amber-300 golden-glow relative overflow-hidden">
+            {/* Limited offer badge */}
+            <div className="absolute top-0 left-0 golden-gradient text-white px-6 py-2 text-sm font-bold transform -rotate-45 -translate-x-12 -translate-y-6 shadow-lg">
+              <Clock className="w-4 h-4 inline ml-2" />
+              عرض محدود
+            </div>
+
+            <div className="text-center mb-8">
+              <div className="inline-block p-4 bg-amber-50 rounded-full mb-4">
+                <Sparkles className="w-12 h-12 text-amber-600" />
+              </div>
+              
+              <h3 className="text-2xl font-bold text-gray-900 mb-4">
+                كورس التسويق الرقمي الشامل
+              </h3>
+
+              <div className="flex items-center justify-center gap-4 mb-2">
+                <span className="text-5xl md:text-7xl font-bold golden-text">
+                  $39
+                </span>
+              </div>
+              
+              <p className="text-red-600 font-semibold text-lg mb-4">
+                (السعر سيرتفع قريباً إلى $99)
+              </p>
+
+              <div className="inline-block px-4 py-2 bg-red-100 border-2 border-red-300 rounded-lg">
+                <p className="text-red-700 font-bold">
+                  ⏰ العرض ينتهي خلال 48 ساعة
+                </p>
+              </div>
+            </div>
+
+            <div className="space-y-3 mb-8">
+              {features.map((feature, index) => (
+                <div key={index} className="flex items-center gap-3 p-3 bg-amber-50 rounded-lg">
+                  <Check className="w-5 h-5 text-amber-600 flex-shrink-0" />
+                  <span className="text-gray-800 font-medium">{feature}</span>
+                </div>
+              ))}
+            </div>
+
+            <Button 
+              size="lg"
+              className="w-full golden-gradient text-white font-bold text-xl py-8 rounded-xl golden-glow hover:scale-105 transition-transform duration-300"
+            >
+              <Sparkles className="w-6 h-6 ml-2" />
+              سجّلي الآن قبل انتهاء العرض
+            </Button>
+
+            <p className="text-center text-sm text-gray-600 mt-6">
+              ✅ دفعة واحدة فقط - بدون اشتراك شهري
+              <br />
+              ✅ ضمان استرجاع المال خلال 7 أيام
+            </p>
+          </Card>
+
+          <div className="mt-8 text-center">
+            <p className="text-gray-700">
+              💳 طرق دفع آمنة ومتعددة
+            </p>
+          </div>
+        </div>
+      </Container>
+    </section>
+  );
+}