feat: add missing exports for deployment

Add `getRandomAyats` function to data file.
Create `AuthButtons` component for auth states.

Co-authored-by: undefined <undefined+undefined@users.noreply.github.com>

Author: v0[bot]

app/games/page.tsx

@@ -13,25 +13,25 @@ export default function GamesPage() {
       <h1 className="text-3xl font-bold mb-8 text-center">Quranic Games</h1>
 
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-        {/* Spiritual-Model Card */}
-        <Card className="border-indigo-200 bg-indigo-50">
+         {/* Asma-Ul-Husna Puzzle Card */}
+        <Card className="border-orange-200 bg-orange-50">
           <CardHeader>
-            <CardTitle className="text-indigo-800">Spiritual Model Game</CardTitle>
-            <CardDescription>Move sliders to see how spiritual factors influence your deeds</CardDescription>
+            <CardTitle className="text-orange-800">Asma-Ul-Husna Puzzle</CardTitle>
+            <CardDescription>Rearrange puzzles of the Most Beautiful Names of God</CardDescription>
           </CardHeader>
           <CardContent>
             <p>
-              Move sliders and see how different spiritual factors influence your deeds based on Surah Al-Qariah, verses 6-9, which describes the fate of those whose deeds are weighed on the Day of Judgment.
+              Arrange the puzzle of juggled Arabic and English names of Allah in order. Choose a group to start learning through play.
             </p>
           </CardContent>
           <CardFooter>
-            <Link href="https://v0-kalam.vercel.app/pages/spiritual-model" target="_blank" rel="noopener noreferrer" className="w-full">
-              <Button className="bg-indigo-600 hover:bg-indigo-700">Play Now</Button>
+            <Link href="/pages/asma-puzzle" passHref>
+              <Button className="bg-orange-600 hover:bg-orange-700">Play Now</Button>
             </Link>
           </CardFooter>
         </Card>
 
-        {/* New Make Quranic Ayats Game Card */}
+        {/* Make Quranic Ayats Game Card */}
         <Card className="border-purple-200 bg-purple-50">
           <CardHeader>
             <CardTitle className="text-purple-800">Make Quranic Ayats</CardTitle>
@@ -83,7 +83,7 @@ export default function GamesPage() {
           </CardFooter>
         </Card>
 
-         {/* New Dua & Emotions Matching Game Card */}
+         {/* Dua & Emotions Matching Game Card */}
         <Card className="border-indigo-200 bg-indigo-50">
           <CardHeader>
             <CardTitle className="text-purple-800">Match Dua and Emotions</CardTitle>
@@ -183,7 +183,7 @@ export default function GamesPage() {
         </Card>
 
 
-           {/* New Make Dua Match Game Card */}
+           {/* Match Dua & Prophets Game Card */}
         <Card className="border-orange-200 bg-orange-50">
           <CardHeader>
             <CardTitle className="text-orange-800">Match Duas</CardTitle>

app/page.tsx

@@ -59,20 +59,20 @@ export default function HomePage() {
         <section className="mb-12">
           <h3 className="text-xl font-semibold mb-6 flex items-center justify-center space-x-2"><Gamepad2 className="h-6 w-6 text-black-600 mb-2" />{" "}Featured Games</h3>
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
-            {/* Barzaq Game */}
+            {/* Asma Ul Husna Puzzle */}
             <Card className="border-indigo-200 bg-indigo-50 dark:bg-indigo-950 dark:border-indigo-800">
               <CardHeader>
                 <Award className="h-6 w-6 text-blue-600 mb-2" />
-                <CardTitle className="text-indigo-800 dark:text-indigo-200">Barzaq Game</CardTitle>
-                <CardDescription>Learn about the intermediate state after death</CardDescription>
+                <CardTitle className="text-indigo-800 dark:text-indigo-200"> Asma-Ul-Husna Puzzle</CardTitle>
+                <CardDescription>Learn the Most Beautiful Names of God</CardDescription>
               </CardHeader>
               <CardContent>
                 <p className="text-sm text-gray-600 dark:text-gray-300">
-                  Explore the concept of Barzaq through an interactive educational game based on Islamic teachings.
+                  Arrange the puzzle of juggled Arabic and English names of Allah in order. Choose a group to start learning through play.
                 </p>
               </CardContent>
               <CardFooter>
-                <Link href="https://v0-barzaq.vercel.app/" target="_blank" rel="noopener noreferrer" className="w-full">
+                <Link href="https://v0-kalam.vercel.app/pages/asma-puzzle/" target="_blank" rel="noopener noreferrer" className="w-full">
                   <Button className="w-full bg-indigo-600 hover:bg-indigo-700">Play Now</Button>
                 </Link>
               </CardFooter>
@@ -145,7 +145,7 @@ export default function HomePage() {
                 size="lg"
                 className="text-emerald-600 hover:text-emerald-700 border-emerald-600 hover:border-emerald-700"
               >
-                See all 18 games <ArrowRight className="ml-2 h-4 w-4" />
+                See all 19 games <ArrowRight className="ml-2 h-4 w-4" />
               </Button>
             </Link>
           </div>

package.json

@@ -60,9 +60,9 @@
     "path": "latest",
     "react": "latest",
     "react-day-picker": "latest",
-    "react-dnd": "^16.0.1",
-    "react-dnd-html5-backend": "^16.0.1",
-    "react-dnd-touch-backend": "^16.0.1",
+    "react-dnd": "latest",
+    "react-dnd-html5-backend": "latest",
+    "react-dnd-touch-backend": "latest",
     "react-dom": "19.2.0",
     "react-hook-form": "latest",
     "react-resizable-panels": "latest",