first commit

src/components/BirthdayBanner.jsx

@@ -45,19 +45,24 @@ export default function BirthdayBanner({ name = "Linh" }) {
 
   return (
     <header
-      className="relative bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 text-white py-16 md:py-24 cursor-pointer overflow-hidden"
+      className="relative text-white py-16 md:py-24 cursor-pointer overflow-hidden"
       onClick={handleClick}
+      style={{
+        backgroundImage: `url(/images/1.jpeg)`,
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+      }}
     >
-      <div className="absolute inset-0 bg-black/10"></div>
+      <div className="absolute inset-0 bg-black/40"></div>
       <div className="relative z-10 max-w-4xl mx-auto text-center px-4">
         <h1 className="text-4xl md:text-6xl font-bold mb-4 animate-bounce">
-          🎂 Happy Birthday {name}! 🎉
+          🎂 Happy birthday b {name}! 🎉
         </h1>
         <p className="text-xl md:text-2xl font-medium opacity-90">
-          Chúc mừng sinh nhật! Click để ăn confetti! ✨
+          Chúc mừng sinh nhật! 
         </p>
         <p className="mt-4 text-lg opacity-75">
-          (Click anywhere for more confetti 🎊)
+          (Click để ăn pháo bông vào mồm ✨)
         </p>
       </div>
     </header>