From 12c6b6187edf88f00b1767d185c34d7903fee45c Mon Sep 17 00:00:00 2001
From: kleap-admin <admin@kleap.co>
Date: Sun, 18 Jan 2026 17:33:53 +0000
Subject: [PATCH] Update components/final-cta.tsx

---
 components/final-cta.tsx | 76 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 76 insertions(+)
 create mode 100644 components/final-cta.tsx

diff --git a/components/final-cta.tsx b/components/final-cta.tsx
new file mode 100644
index 0000000..d340952
--- /dev/null
+++ b/components/final-cta.tsx
@@ -0,0 +1,76 @@
+"use client";
+import { Container } from "@/components/container";
+import { Button } from "@/components/ui/button";
+import { Sparkles, ArrowLeft } from "lucide-react";
+
+export function FinalCTA() {
+  const scrollToPricing = () => {
+    document.getElementById('pricing')?.scrollIntoView({ behavior: 'smooth' });
+  };
+
+  return (
+    <section className="py-20 relative overflow-hidden">
+      {/* Golden gradient background */}
+      <div className="absolute inset-0 golden-gradient opacity-90"></div>
+      
+      {/* Animated particles */}
+      <div className="absolute inset-0">
+        <div className="absolute top-10 left-10 w-3 h-3 bg-white/30 rounded-full animate-pulse"></div>
+        <div className="absolute top-20 right-20 w-2 h-2 bg-white/40 rounded-full animate-bounce"></div>
+        <div className="absolute bottom-20 left-1/4 w-2 h-2 bg-white/30 rounded-full animate-ping"></div>
+        <div className="absolute top-1/3 right-1/3 w-3 h-3 bg-white/40 rounded-full animate-pulse"></div>
+      </div>
+
+      <Container className="relative z-10">
+        <div className="max-w-4xl mx-auto text-center text-white">
+          <div className="inline-block p-3 bg-white/20 rounded-full mb-6">
+            <Sparkles className="w-12 h-12" />
+          </div>
+
+          <h2 className="text-3xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight">
+            ابدئي الآن
+          </h2>
+
+          <p className="text-xl md:text-2xl mb-8 leading-relaxed">
+            افتحي باب الدخل الرقمي اليوم
+            <br />
+            بخطوات بسيطة ونتائج مضمونة
+          </p>
+
+          <div className="flex flex-col sm:flex-row gap-4 justify-center items-center mb-8">
+            <Button 
+              size="lg"
+              onClick={scrollToPricing}
+              className="bg-white text-amber-900 font-bold text-xl px-10 py-8 rounded-full hover:scale-110 transition-transform duration-300 shadow-2xl hover:shadow-white/50"
+            >
+              <Sparkles className="w-6 h-6 ml-2" />
+              اشتري الآن - 39$ فقط
+              <ArrowLeft className="w-6 h-6 mr-2" />
+            </Button>
+          </div>
+
+          <div className="space-y-3 text-white/90">
+            <p className="flex items-center justify-center gap-2">
+              ✅ دفعة واحدة فقط
+            </p>
+            <p className="flex items-center justify-center gap-2">
+              ✅ وصول مدى الحياة
+            </p>
+            <p className="flex items-center justify-center gap-2">
+              ✅ ضمان استرجاع المال
+            </p>
+          </div>
+
+          <div className="mt-12 p-6 bg-white/10 backdrop-blur-sm rounded-2xl border-2 border-white/30">
+            <p className="text-2xl font-bold mb-2">
+              ⏰ العرض محدود - لا تفوتي الفرصة!
+            </p>
+            <p className="text-lg">
+              انضمي لـ 500+ طالبة بدأن رحلتهن نحو الحرية المالية
+            </p>
+          </div>
+        </div>
+      </Container>
+    </section>
+  );
+}