import React from 'react';
import { Download, Smartphone, Globe, Sparkles, ArrowLeft, CheckCircle2 } from 'lucide-react';
import siteInfo from '../../data/siteInfo.json';

interface CTASectionProps {
  onOpenAuth?: () => void;
}

export const CTASection: React.FC<CTASectionProps> = ({ onOpenAuth }) => {
  return (
    <section className="py-20 relative overflow-hidden bg-radial-glow border-t border-white/10">
      <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        
        <div className="glass-panel p-8 sm:p-12 rounded-3xl text-center relative overflow-hidden shadow-2xl border border-indigo-500/30">
          <div className="absolute -top-24 -left-24 w-60 h-60 bg-indigo-500/20 rounded-full blur-3xl pointer-events-none" />
          <div className="absolute -bottom-24 -right-24 w-60 h-60 bg-cyan-500/20 rounded-full blur-3xl pointer-events-none" />

          <div className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-cyan-500/10 text-cyan-300 border border-cyan-500/20 text-xs sm:text-sm font-bold mb-6">
            <Sparkles className="w-4 h-4" />
            <span>همین حالا به جمع هزاران کاربر هوشان بپیوندید</span>
          </div>

          <h2 className="text-2xl sm:text-4xl lg:text-5xl font-extrabold text-white mb-6 font-vazir">
            همین حالا هوشانی شو!
          </h2>

          <p className="text-slate-300 text-sm sm:text-base max-w-2xl mx-auto leading-relaxed mb-10">
            دسترسی بدون محدودیت به دستیارهای هوشمند در موبایل، تبلت و کامپیوتر. اپلیکیشن رسمی هوشان را دریافت کنید یا مستقیماً در مرورگر شروع کنید.
          </p>

          {/* Download & Platform Buttons */}
          <div className="flex flex-wrap items-center justify-center gap-4">
            <a
              href="https://cafebazaar.ir"
              target="_blank"
              rel="noreferrer"
              className="btn-donya-primary px-6 py-3.5 rounded-xl font-bold flex items-center gap-2.5 text-sm sm:text-base shadow-xl"
            >
              <Smartphone className="w-5 h-5 text-emerald-400" />
              <span>دانلود از کافه‌بازار</span>
            </a>

            <a
              href="/app-release.apk"
              download
              className="glass-panel px-6 py-3.5 rounded-xl font-bold text-white flex items-center gap-2.5 text-sm sm:text-base hover:border-cyan-500/50 hover:bg-slate-800 transition-all"
            >
              <Download className="w-5 h-5 text-cyan-400" />
              <span>دانلود مستقیم فایل APK</span>
            </a>

            <a
              href="https://app.houshan.ai"
              target="_blank"
              rel="noreferrer"
              className="btn-donya-outline px-6 py-3.5 rounded-xl font-bold flex items-center gap-2 text-sm sm:text-base"
            >
              <Globe className="w-5 h-5 text-indigo-400" />
              <span>ورود به نسخه وب اپلیکیشن</span>
            </a>
          </div>

          {/* Trust Features */}
          <div className="flex flex-wrap justify-center gap-6 mt-10 pt-8 border-t border-white/5 text-xs text-slate-400">
            <span className="flex items-center gap-1.5">
              <CheckCircle2 className="w-4 h-4 text-emerald-400" />
              بدون نیاز به فیلترشکن
            </span>
            <span className="flex items-center gap-1.5">
              <CheckCircle2 className="w-4 h-4 text-emerald-400" />
              اتصال پرسرعت به سرورهای داخلی
            </span>
            <span className="flex items-center gap-1.5">
              <CheckCircle2 className="w-4 h-4 text-emerald-400" />
              پشتیبانی ۷ روز هفته
            </span>
          </div>

        </div>

      </div>
    </section>
  );
};
