import { Toaster } from "@/components/ui/toaster"; import { Toaster as Sonner } from "@/components/ui/sonner"; import { TooltipProvider } from "@/components/ui/tooltip"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { BrowserRouter, Routes, Route } from "react-router-dom"; import Index from "./pages/Index"; import IphoneHacks from "./pages/IphoneHacks"; import AndroidHacks from "./pages/AndroidHacks"; import PcHacks from "./pages/PcHacks"; import NotFound from "./pages/NotFound";

const queryClient = new QueryClient();

const App = () => ( <Route path="/" element={} /> <Route path="/iphone-hacks" element={} /> <Route path="/android-hacks" element={} /> <Route path="/pc-hacks" element={} /> <Route path="*" element={} /> );

export default App;

import { Link } from "react-router-dom"; import { Smartphone, Monitor, TabletSmartphone, MessageCircle } from "lucide-react";

const Index = () => { return (

{/* Discord Link */}

الدسكورد

    <div className="text-center mb-16">
      <h1 className="text-6xl font-bold text-white mb-4 drop-shadow-2xl">
        هاكات N7R
      </h1>
      
      <div className="flex justify-center mb-8">
        <img 
          src="/lovable-uploads/9e306661-d955-4539-8f2c-bfe33c4651cc.png" 
          alt="هاكات N7R" 
          className="max-w-md w-full h-auto rounded-2xl shadow-2xl border border-red-700"
        />
      </div>
      
      <p className="text-xl text-red-200 max-w-2xl mx-auto">
        اكتشف أفضل الهاكات والأدوات للأجهزة المختلفة
      </p>
    </div>

    <div className="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto mb-16">
      {/* هاكات آيفون */}
      <Link to="/iphone-hacks" className="transform hover:scale-105 transition-all duration-300">
        <div className="bg-gradient-to-br from-red-800 to-red-900 p-8 rounded-2xl shadow-2xl border border-red-700 hover:border-red-500 group">
          <div className="text-center">
            <div className="bg-red-700 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 group-hover:bg-red-600 transition-colors">
              <Smartphone className="w-10 h-10 text-white" />
            </div>
            <h2 className="text-3xl font-bold text-white mb-4">
              هاكات آيفون
            </h2>
            <p className="text-red-200 text-lg">
              أدوات وهاكات مخصصة لأجهزة آيفون
            </p>
          </div>
        </div>
      </Link>

      {/* هاكات أندرويد */}
      <Link to="/android-hacks" className="transform hover:scale-105 transition-all duration-300">
        <div className="bg-gradient-to-br from-red-800 to-red-900 p-8 rounded-2xl shadow-2xl border border-red-700 hover:border-red-500 group">
          <div className="text-center">
            <div className="bg-red-700 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 group-hover:bg-red-600 transition-colors">
              <TabletSmartphone className="w-10 h-10 text-white" />
            </div>
            <h2 className="text-3xl font-bold text-white mb-4">
              هاكات أندرويد
            </h2>
            <p className="text-red-200 text-lg">
              أدوات وهاكات مخصصة لأجهزة أندرويد
            </p>
          </div>
        </div>
      </Link>

      {/* هاكات بيسي */}
      <Link to="/pc-hacks" className="transform hover:scale-105 transition-all duration-300">
        <div className="bg-gradient-to-br from-red-800 to-red-900 p-8 rounded-2xl shadow-2xl border border-red-700 hover:border-red-500 group">
          <div className="text-center">
            <div className="bg-red-700 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-6 group-hover:bg-red-600 transition-colors">
              <Monitor className="w-10 h-10 text-white" />
            </div>
            <h2 className="text-3xl font-bold text-white mb-4">
              هاكات بيسي
            </h2>
            <p className="text-red-200 text-lg">
              أدوات وهاكات مخصصة لأجهزة الكمبيوتر
            </p>
          </div>
        </div>
      </Link>
    </div>

    <div className="flex justify-center">
      <a 
        href="https://discord.gg/NjSRRMrjYh" 
        target="_blank" 
        rel="noopener noreferrer"
        className="inline-flex items-center bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-700 hover:to-purple-700 text-white px-6 py-3 rounded-lg transition-all duration-300 transform hover:scale-105 shadow-lg"
      >
        <MessageCircle className="w-6 h-6 ml-2" />
        الدسكورد
      </a>
    </div>
  </div>
</div>

); };

export default Index;