diff --git a/client/dev-dist/sw.js b/client/dev-dist/sw.js
index ee427d5..c42ebe1 100644
--- a/client/dev-dist/sw.js
+++ b/client/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-86c9b217'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.itc0gcirm3o"
+    "revision": "0.cqa50r5rbt"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/client/src/components/screens/Home/ClaimMissionAnimation.tsx b/client/src/components/screens/Home/ClaimMissionAnimation.tsx
new file mode 100644
index 0000000..ee42a00
--- /dev/null
+++ b/client/src/components/screens/Home/ClaimMissionAnimation.tsx
@@ -0,0 +1,187 @@
+import { useEffect, useState, useMemo } from "react"
+import { motion } from "framer-motion"
+import Particles, { initParticlesEngine } from "@tsparticles/react"
+import type { Engine, Container, IOptions, RecursivePartial } from "@tsparticles/engine"
+import { MoveDirection } from "@tsparticles/engine"
+import { loadFull } from "tsparticles"
+import coinIcon from "../../../assets/icons/CoinIcon.webp";
+
+interface Mission {
+  id: string
+  title: string
+  description: string
+  difficulty: 'Easy' | 'Mid' | 'Hard'
+  reward: number
+  completed: boolean
+  claimed?: boolean // Añadimos esta propiedad para el estado de reclamado
+}
+
+interface ClaimMissionAnimationProps {
+  mission: Mission;
+  onClose: () => void;
+}
+
+export function ClaimMissionAnimation({ mission, onClose }: ClaimMissionAnimationProps): JSX.Element | null {
+  const [engineLoaded, setEngineLoaded] = useState(false)
+
+  useEffect(() => {
+    initParticlesEngine(async (engine: Engine) => {
+      await loadFull(engine)
+    }).then(() => setEngineLoaded(true))
+  }, [])
+
+  // Effect to automatically close after 4 seconds
+  useEffect(() => {
+    const timer = setTimeout(onClose, 4000)
+    return () => clearTimeout(timer)
+  }, [onClose])
+
+  // Play success sound effect
+  useEffect(() => {
+    const audio = new Audio("/purchase-success.mp3")
+    audio.volume = 0.5
+    audio.play().catch((err) => console.log("Audio play failed:", err))
+    return () => {
+      audio.pause()
+      audio.currentTime = 0
+    }
+  }, [])
+
+  const particlesLoaded = async (container?: Container): Promise<void> => {
+    console.log("Claim particles loaded", container)
+  }
+
+  const options = useMemo<RecursivePartial<IOptions>>(
+    () => ({
+      fullScreen: { enable: false },
+      fpsLimit: 60,
+      particles: {
+        number: { value: 100, density: { enable: true, area: 800 } },
+        color: {
+          value: ["#FF8F3F", "#FF5722", "#5BB3DB", "#E6DCC7", "#26453D"],
+        },
+        shape: { type: "circle" },
+        opacity: {
+          value: 0.8,
+          random: true,
+          animation: { enable: true, speed: 1, minimumValue: 0.1, sync: false },
+        },
+        size: { value: 10, random: true, animation: { enable: false } },
+        links: { enable: false },
+        move: {
+          enable: true,
+          speed: 6,
+          direction: MoveDirection.none,
+          random: true,
+          straight: false,
+          outModes: { default: "out" },
+        },
+        collisions: { enable: false },
+      },
+      interactivity: {
+        detectsOn: "canvas",
+        events: {
+          onHover: { enable: false },
+          onClick: { enable: false },
+          resize: { enable: true },
+        },
+      },
+      detectRetina: true,
+    }),
+    []
+  )
+
+  if (!engineLoaded) return null
+
+  return (
+    <motion.div
+      className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm"
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      onClick={onClose}
+    >
+      {/* Particle background */}
+      <Particles
+        id="claimParticles"
+        className="absolute inset-0 z-0"
+        options={options}
+        particlesLoaded={particlesLoaded}
+      />
+
+      {/* Confirmation card */}
+      <motion.div
+        className="bg-cream p-6 rounded-xl shadow-lg z-10 flex flex-col items-center max-w-xs w-full"
+        initial={{ scale: 0.8, y: 20 }}
+        animate={{ 
+          scale: 1, 
+          y: 0,
+          transition: { 
+            type: "spring", 
+            stiffness: 300, 
+            damping: 15
+          } 
+        }}
+        onClick={(e) => e.stopPropagation()}
+      >
+        {/* Coin icon with glow animation */}
+        <motion.div
+          initial={{ rotate: -10, scale: 0.9 }}
+          animate={{
+            rotate: [0, -5, 5, -5, 0],
+            scale: [1, 1.05, 1, 1.05, 1],
+            transition: { duration: 1.5, repeat: Infinity, repeatType: "reverse" },
+          }}
+          className="relative w-32 h-32 mb-4 flex items-center justify-center"
+        >
+          {/* Coin icon */}
+          <img
+            src={coinIcon}
+            alt="Coin Icon"
+            className="w-20 h-20"
+          />
+          
+          <motion.div
+            className="absolute inset-0 rounded-full"
+            animate={{
+              boxShadow: [
+                "0 0 20px rgba(255,193,7,0.5)",
+                "0 0 40px rgba(255,193,7,0.7)",
+                "0 0 20px rgba(255,193,7,0.5)",
+              ],
+            }}
+            transition={{ duration: 2, repeat: Infinity, repeatType: "reverse" }}
+          />
+        </motion.div>
+
+        {/* Mission completed title */}
+        <h2 className="font-luckiest text-xl text-dark mb-4 text-center">
+          Mission Completed!
+        </h2>
+
+        {/* Reward amount */}
+        <div className="flex items-center space-x-2 mb-4">
+          <span className="font-luckiest text-3xl text-yellow-600">
+            +{mission.reward}
+          </span>
+          <img
+            src={coinIcon}
+            alt="Coin Icon"
+            className="h-8 w-8"
+          />
+        </div>
+
+        {/* Success message */}
+        {/* <motion.p
+          className="text-green-600 font-bold font-luckiest text-center"
+          initial={{ opacity: 0, y: 10 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ delay: 0.5 }}
+        >
+          Coins added to your wallet!
+        </motion.p> */}
+      </motion.div>
+    </motion.div>
+  )
+}
+
+export default ClaimMissionAnimation
\ No newline at end of file
diff --git a/client/src/components/screens/Home/DailyMissionsModal.tsx b/client/src/components/screens/Home/DailyMissionsModal.tsx
new file mode 100644
index 0000000..ee82743
--- /dev/null
+++ b/client/src/components/screens/Home/DailyMissionsModal.tsx
@@ -0,0 +1,261 @@
+import { motion, AnimatePresence } from "framer-motion"
+import { useState } from "react"
+import GolemTalkIcon from "../../../assets/icons/GolemTalkIcon.webp"
+import { ClaimMissionAnimation } from "./ClaimMissionAnimation"
+import coinIcon from "../../../assets/icons/CoinIcon.webp";
+
+interface Mission {
+  id: string
+  title: string
+  description: string
+  difficulty: 'Easy' | 'Mid' | 'Hard'
+  reward: number
+  completed: boolean
+  claimed?: boolean
+}
+
+interface DailyMissionsModalProps {
+  /** Player's address for context */
+  playerAddress: string
+  /** Callback to close the modal */
+  onClose: () => void
+}
+
+export function DailyMissionsModal({ onClose }: DailyMissionsModalProps) {
+  const [showCelebration, setShowCelebration] = useState(false)
+  const [claimedMission, setClaimedMission] = useState<Mission | null>(null)
+  const [missions, setMissions] = useState<Mission[]>([
+    {
+      id: "mission_1",
+      title: "First Steps",
+      description: "Complete 3 runs in any level",
+      difficulty: "Easy",
+      reward: 100,
+      completed: false,
+      claimed: false
+    },
+    {
+      id: "mission_2", 
+      title: "Speed Runner",
+      description: "Finish a run in under 2 minutes",
+      difficulty: "Mid",
+      reward: 250,
+      completed: false,
+      claimed: false
+    },
+    {
+      id: "mission_3",
+      title: "Coin Master",
+      description: "Collect 1000 coins in a single run",
+      difficulty: "Hard", 
+      reward: 500,
+      completed: true,
+      claimed: false
+    }
+  ])
+
+  const getDifficultyStyle = (difficulty: Mission['difficulty']) => {
+    switch (difficulty) {
+      case 'Easy':
+        return 'bg-green-500 text-white'
+      case 'Mid':
+        return 'bg-orange-500 text-white'
+      case 'Hard':
+        return 'bg-red-500 text-white'
+      default:
+        return 'bg-gray-500 text-white'
+    }
+  }
+
+  const handleClaimReward = (mission: Mission) => {
+    setClaimedMission(mission)
+    setShowCelebration(true)
+    
+    setMissions(prevMissions => 
+      prevMissions.map(m => 
+        m.id === mission.id ? { ...m, claimed: true } : m
+      )
+    )
+    
+    console.log(`Claiming reward for mission: ${mission.id}, reward: ${mission.reward}`)
+  }
+
+  const handleCloseCelebration = () => {
+    setShowCelebration(false)
+    setClaimedMission(null)
+  }
+
+  return (
+    <>
+      <motion.div
+        className="fixed inset-0 z-50 flex items-start justify-center bg-black/50 backdrop-blur-sm p-4 pt-8 pb-4 overflow-y-auto"
+        initial={{ opacity: 0 }}
+        animate={{ opacity: 1 }}
+        exit={{ opacity: 0 }}
+        onClick={onClose}
+      >
+        {/* Container principal con flex column */}
+        <motion.div
+          className="flex flex-col items-center w-full max-w-md min-h-fit"
+          initial={{ scale: 0.8, opacity: 0 }}
+          animate={{ scale: 1, opacity: 1 }}
+          exit={{ scale: 0.8, opacity: 0 }}
+          transition={{ delay: 0.1 }}
+          onClick={(e) => e.stopPropagation()}
+        >
+          {/* Imagen del golem - ahora dentro del flujo normal */}
+          <motion.img
+            src={GolemTalkIcon}
+            alt="Golem hablando"
+            className="w-32 h-32 sm:w-40 sm:h-40 md:w-48 md:h-48 mb-4 flex-shrink-0"
+            animate={{
+              scale: [1, 1.05, 1],
+            }}
+            transition={{
+              duration: 2,
+              repeat: Infinity,
+              ease: "easeInOut"
+            }}
+          />
+
+          {/* Card del modal con las misiones */}
+          <div className="bg-cream rounded-xl p-4 sm:p-6 shadow-md w-full max-h-[70vh] overflow-y-auto">
+            {/* Título del modal */}
+            <div className="text-center mb-4 sm:mb-6">
+              <h2 className="font-luckiest text-xl sm:text-2xl text-dark mb-2">Daily Missions</h2>
+              <p className="font-rubik text-xs sm:text-sm text-gray-600">Complete missions to earn rewards!</p>
+            </div>
+
+            {/* Lista de misiones */}
+            <div className="space-y-3 sm:space-y-4">
+              {missions.map((mission: Mission, index: number) => (
+                <motion.div
+                  key={mission.id}
+                  className={`relative bg-white rounded-[10px] p-3 sm:p-4 border-2 shadow-sm ${
+                    mission.completed 
+                      ? mission.claimed 
+                        ? 'border-gray-300 bg-gray-50'
+                        : 'border-green-200 bg-green-50'
+                      : 'border-gray-200 hover:border-gray-300'
+                  }`}
+                  initial={{ opacity: 0, x: -20 }}
+                  animate={{ opacity: 1, x: 0 }}
+                  transition={{ delay: 0.2 + index * 0.1 }}
+                  whileHover={{ scale: mission.completed ? 1 : 1.02 }}
+                >
+                  {/* Header: Dificultad, Recompensa y Estado */}
+                  <div className="flex justify-between items-start mb-3">
+                    <div className="flex items-center space-x-2 sm:space-x-3">
+                      {/* Etiqueta de dificultad */}
+                      <span 
+                        className={`px-2 py-1 rounded-full text-xs font-bold ${getDifficultyStyle(mission.difficulty)}`}
+                      >
+                        {mission.difficulty}
+                      </span>
+                      
+                      {/* Recompensa */}
+                      <div className="flex items-center space-x-1">
+                        <span className={`font-luckiest text-sm sm:text-lg ${
+                          mission.completed 
+                            ? mission.claimed 
+                              ? 'text-gray-500'
+                              : 'text-green-600'
+                            : 'text-yellow-600'
+                        }`}>
+                          {mission.reward}
+                        </span>
+                        <img
+                          src={coinIcon}
+                          alt="Coin Icon"
+                          className={`h-4 w-4 sm:h-5 sm:w-5 ${
+                            mission.completed && mission.claimed ? 'opacity-50' : ''
+                          }`}
+                        />
+                      </div>
+                    </div>
+                    
+                    {/* Indicador de completado */}
+                    {mission.completed && (
+                      <div className={`rounded-full w-5 h-5 sm:w-6 sm:h-6 flex items-center justify-center ${
+                        mission.claimed 
+                          ? 'bg-gray-500 text-white'
+                          : 'bg-green-500 text-white'
+                      }`}>
+                        <span className="text-xs font-bold">✓</span>
+                      </div>
+                    )}
+                  </div>
+
+                  {/* Título y descripción */}
+                  <div className="mb-3">
+                    <h3 className={`font-luckiest text-sm sm:text-base mb-1 ${
+                      mission.completed 
+                        ? mission.claimed 
+                          ? 'text-gray-500'
+                          : 'text-green-700'
+                        : 'text-dark'
+                    }`}>
+                      {mission.title}
+                    </h3>
+                    <p className={`font-rubik text-xs sm:text-sm ${
+                      mission.completed 
+                        ? mission.claimed 
+                          ? 'text-gray-400'
+                          : 'text-green-600'
+                        : 'text-gray-600'
+                    }`}>
+                      {mission.description}
+                    </p>
+                  </div>
+
+                  {/* Botón de reclamar */}
+                  {mission.completed && !mission.claimed && (
+                    <div className="flex justify-end">
+                      <motion.button
+                        className="bg-green-500 hover:bg-green-600 text-white px-3 py-2 sm:px-4 sm:py-2 rounded-[5px] font-luckiest text-xs sm:text-sm"
+                        whileHover={{ scale: 1.05 }}
+                        whileTap={{ scale: 0.95 }}
+                        onClick={() => handleClaimReward(mission)}
+                      >
+                        Claim Reward
+                      </motion.button>
+                    </div>
+                  )}
+
+                  {/* Overlay para misiones completadas */}
+                  {mission.completed && (
+                    <div className={`absolute inset-0 rounded-lg pointer-events-none ${
+                      mission.claimed 
+                        ? 'bg-gray-500/10'
+                        : 'bg-green-500/5'
+                    }`} />
+                  )}
+                </motion.div>
+              ))}
+            </div>
+
+            {/* Botón para cerrar */}
+            <motion.button
+              onClick={onClose}
+              className="w-full mt-4 sm:mt-6 btn-cr-yellow hover:bg-gray-600 text-white py-2 px-4 font-luckiest text-sm sm:text-base"
+              whileHover={{ scale: 1.02 }}
+              whileTap={{ scale: 0.98 }}
+            >
+              Close
+            </motion.button>
+          </div>
+        </motion.div>
+      </motion.div>
+
+      {/* Animación de celebración */}
+      <AnimatePresence>
+        {showCelebration && claimedMission && (
+          <ClaimMissionAnimation
+            mission={claimedMission}
+            onClose={handleCloseCelebration}
+          />
+        )}
+      </AnimatePresence>
+    </>
+  )
+}
\ No newline at end of file
diff --git a/client/src/components/screens/Home/HomeScreen.tsx b/client/src/components/screens/Home/HomeScreen.tsx
index f8704b8..4e97b7e 100644
--- a/client/src/components/screens/Home/HomeScreen.tsx
+++ b/client/src/components/screens/Home/HomeScreen.tsx
@@ -8,7 +8,8 @@ import BackgroundParticles from "../../shared/BackgroundParticles";
 import { characters, getGolemVisualDataById } from "../../../constants/characters";
 import { TopBar } from "../../layout/TopBar";
 import bannerImg from "../../../assets/icons/banner.webp";
-import { GolemTalkModal } from "./GolemTalkModal";
+//import { GolemTalkModal } from "./GolemTalkModal";
+import { DailyMissionsModal } from "./DailyMissionsModal";
 import useAppStore from "../../../zustand/store";
 import toast, { Toaster } from 'react-hot-toast';
 
@@ -277,12 +278,20 @@ export const HomeScreen = memo(function HomeScreen({
         </div>
       </div>
 
-      <AnimatePresence>
+      {/* <AnimatePresence>
         {showTalkModal && (
           <div className="absolute inset-0 z-50">
             <GolemTalkModal playerAddress={playerAddress} onClose={closeTalk} />
           </div>
         )}
+      </AnimatePresence> */}
+
+      <AnimatePresence>
+        {showTalkModal && (
+          <div className="absolute inset-0 z-50">
+            <DailyMissionsModal playerAddress={playerAddress} onClose={closeTalk} />
+          </div>
+        )}
       </AnimatePresence>
 
       <Toaster
diff --git a/client/tsconfig.app.tsbuildinfo b/client/tsconfig.app.tsbuildinfo
index ffabf85..844f7a8 100644
--- a/client/tsconfig.app.tsbuildinfo
+++ b/client/tsconfig.app.tsbuildinfo
@@ -1 +1 @@
-{"root":["./src/main.tsx","./src/vite-env.d.ts","./src/app/app.tsx","./src/app/layout.tsx","./src/components/layout/navbar.tsx","./src/components/layout/topbar.tsx","./src/components/screens/cover/cover-screen.tsx","./src/components/screens/game/audiomanager.ts","./src/components/screens/game/coinsrewardcalculator.ts","./src/components/screens/game/gamecanvas.tsx","./src/components/screens/game/gameovermodal.tsx","./src/components/screens/game/map.tsx","./src/components/screens/game/scoredisplay.tsx","./src/components/screens/game/startmodal.tsx","./src/components/screens/home/avatarcarousel.tsx","./src/components/screens/home/charactercard.tsx","./src/components/screens/home/dropdownmenu.tsx","./src/components/screens/home/golemtalkmodal.tsx","./src/components/screens/home/homescreen.tsx","./src/components/screens/home/sharemodal.tsx","./src/components/screens/login/loginscreen.tsx","./src/components/screens/market/golemcard.tsx","./src/components/screens/market/golemgrid.tsx","./src/components/screens/market/insufficientbalanceanimation.tsx","./src/components/screens/market/mapcard.tsx","./src/components/screens/market/mapgrid.tsx","./src/components/screens/market/marketscreen.tsx","./src/components/screens/market/purchaseanimation.tsx","./src/components/screens/play/mapcard.tsx","./src/components/screens/play/mapcarousel.tsx","./src/components/screens/play/playscreen.tsx","./src/components/screens/profile/golemdetailmodal.tsx","./src/components/screens/profile/mapprofilecard.tsx","./src/components/screens/profile/profilegolemcard.tsx","./src/components/screens/profile/profilescreen.tsx","./src/components/screens/ranking/rankingrow.tsx","./src/components/screens/ranking/rankingscreen.tsx","./src/components/screens/ranking/rankingtable.tsx","./src/components/shared/backgroundparticles.tsx","./src/components/types/ characters.ts","./src/components/types/game.ts","./src/components/types/golem.ts","./src/components/types/map.ts","./src/components/types/markettypes.ts","./src/components/types/profiletypes.ts","./src/config/cartridgeconnector.tsx","./src/config/manifest.ts","./src/constants/characters.ts","./src/constants/golems.ts","./src/constants/mapvisualdata.ts","./src/constants/maps.ts","./src/context/musiccontext.tsx","./src/dojo/bindings.ts","./src/dojo/contracts.gen.ts","./src/dojo/dojoconfig.ts","./src/dojo/starknet-provider.tsx","./src/dojo/hooks/usegamerewards.tsx","./src/dojo/hooks/useglobalranking.tsx","./src/dojo/hooks/usegolem.tsx","./src/dojo/hooks/usemaps.tsx","./src/dojo/hooks/usemarketstore.tsx","./src/dojo/hooks/useplayer.tsx","./src/dojo/hooks/useprofiledata.tsx","./src/dojo/hooks/userankings.tsx","./src/dojo/hooks/usespawn.tsx","./src/dojo/hooks/usestarknetconnect.ts","./src/services/aiagent.ts","./src/services/db.ts","./src/zustand/store.ts"],"version":"5.8.3"}
\ No newline at end of file
+{"root":["./src/main.tsx","./src/vite-env.d.ts","./src/app/app.tsx","./src/app/layout.tsx","./src/components/layout/navbar.tsx","./src/components/layout/topbar.tsx","./src/components/screens/cover/cover-screen.tsx","./src/components/screens/game/audiomanager.ts","./src/components/screens/game/coinsrewardcalculator.ts","./src/components/screens/game/gamecanvas.tsx","./src/components/screens/game/gameovermodal.tsx","./src/components/screens/game/map.tsx","./src/components/screens/game/scoredisplay.tsx","./src/components/screens/game/startmodal.tsx","./src/components/screens/home/avatarcarousel.tsx","./src/components/screens/home/charactercard.tsx","./src/components/screens/home/claimmissionanimation.tsx","./src/components/screens/home/dailymissionsmodal.tsx","./src/components/screens/home/dropdownmenu.tsx","./src/components/screens/home/golemtalkmodal.tsx","./src/components/screens/home/homescreen.tsx","./src/components/screens/home/sharemodal.tsx","./src/components/screens/login/loginscreen.tsx","./src/components/screens/market/golemcard.tsx","./src/components/screens/market/golemgrid.tsx","./src/components/screens/market/insufficientbalanceanimation.tsx","./src/components/screens/market/mapcard.tsx","./src/components/screens/market/mapgrid.tsx","./src/components/screens/market/marketscreen.tsx","./src/components/screens/market/purchaseanimation.tsx","./src/components/screens/play/mapcard.tsx","./src/components/screens/play/mapcarousel.tsx","./src/components/screens/play/playscreen.tsx","./src/components/screens/profile/golemdetailmodal.tsx","./src/components/screens/profile/mapprofilecard.tsx","./src/components/screens/profile/profilegolemcard.tsx","./src/components/screens/profile/profilescreen.tsx","./src/components/screens/ranking/rankingrow.tsx","./src/components/screens/ranking/rankingscreen.tsx","./src/components/screens/ranking/rankingtable.tsx","./src/components/shared/backgroundparticles.tsx","./src/components/types/ characters.ts","./src/components/types/game.ts","./src/components/types/golem.ts","./src/components/types/map.ts","./src/components/types/markettypes.ts","./src/components/types/profiletypes.ts","./src/config/cartridgeconnector.tsx","./src/config/manifest.ts","./src/constants/characters.ts","./src/constants/golems.ts","./src/constants/mapvisualdata.ts","./src/constants/maps.ts","./src/context/musiccontext.tsx","./src/context/posthogconfig.tsx","./src/dojo/bindings.ts","./src/dojo/contracts.gen.ts","./src/dojo/dojoconfig.ts","./src/dojo/starknet-provider.tsx","./src/dojo/hooks/usegamerewards.tsx","./src/dojo/hooks/useglobalranking.tsx","./src/dojo/hooks/usegolem.tsx","./src/dojo/hooks/usemaps.tsx","./src/dojo/hooks/usemarketstore.tsx","./src/dojo/hooks/useplayer.tsx","./src/dojo/hooks/useprofiledata.tsx","./src/dojo/hooks/userankings.tsx","./src/dojo/hooks/usespawn.tsx","./src/dojo/hooks/usestarknetconnect.ts","./src/services/aiagent.ts","./src/services/db.ts","./src/zustand/store.ts"],"version":"5.8.3"}
\ No newline at end of file
diff --git a/client/vite.config.ts b/client/vite.config.ts
index 802477e..f95277b 100644
--- a/client/vite.config.ts
+++ b/client/vite.config.ts
@@ -3,15 +3,15 @@ import { defineConfig } from "vite";
 import topLevelAwait from "vite-plugin-top-level-await";
 import wasm from "vite-plugin-wasm";
 import { VitePWA } from "vite-plugin-pwa";
-//import fs from "fs";
+import fs from "fs";
 
 export default defineConfig(({ mode }) => ({
    server: {
     port: 3001,
-        //   https: {
-        //     key: fs.readFileSync("mkcert+1-key.pem"), // Path to private key file
-        //     cert: fs.readFileSync("mkcert+1.pem"),   // Path to certificate file
-        // },
+           https: {
+            key: fs.readFileSync("mkcert+1-key.pem"), // Path to private key file
+            cert: fs.readFileSync("mkcert+1.pem"),   // Path to certificate file
+        },
    },
   plugins: [
     react(),