diff --git a/docs/plans/2026-03-11-birthday-roast-gallery.md b/docs/plans/2026-03-11-birthday-roast-gallery.md
index 73c4edf..450aa93 100644
--- a/docs/plans/2026-03-11-birthday-roast-gallery.md
+++ b/docs/plans/2026-03-11-birthday-roast-gallery.md
@@ -327,13 +327,13 @@ export default function BirthdayBanner({ name = "Linh" }) {
       <div className="absolute inset-0 bg-black/10"></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 {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>
@@ -375,7 +375,7 @@ function App() {
       <BirthdayBanner name="Linh" />
       <RoastGallery />
       <footer className="text-center py-8 text-gray-500">
-        <p>Made with 💖 for the birthday roast</p>
+        <p>Made with 💩</p>
       </footer>
     </div>
   )
diff --git a/index.html b/index.html
index 9c426e8..e9be5e5 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Happy Birthday Linh! 🎂</title>
+    <title>Happy birthday b Linh! 🎂</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/public/images/1.jpeg b/public/images/1.jpeg
new file mode 100644
index 0000000..d717104
Binary files /dev/null and b/public/images/1.jpeg differ
diff --git a/public/images/460885e2-fedc-4667-9d89-81479e0a037d.jpeg b/public/images/460885e2-fedc-4667-9d89-81479e0a037d.jpeg
new file mode 100644
index 0000000..b88d01c
Binary files /dev/null and b/public/images/460885e2-fedc-4667-9d89-81479e0a037d.jpeg differ
diff --git a/public/images/4734bcf9-c588-4a25-8dec-ccf240f884d1.jpeg b/public/images/4734bcf9-c588-4a25-8dec-ccf240f884d1.jpeg
new file mode 100644
index 0000000..2f7cd43
Binary files /dev/null and b/public/images/4734bcf9-c588-4a25-8dec-ccf240f884d1.jpeg differ
diff --git a/public/images/474e8db1-687e-4ec3-b3c1-50ebf5a2db5a.jpeg b/public/images/474e8db1-687e-4ec3-b3c1-50ebf5a2db5a.jpeg
new file mode 100644
index 0000000..71bdfc0
Binary files /dev/null and b/public/images/474e8db1-687e-4ec3-b3c1-50ebf5a2db5a.jpeg differ
diff --git a/public/images/74f71867-ee8e-4c53-99ba-753e59b2ab20.jpeg b/public/images/74f71867-ee8e-4c53-99ba-753e59b2ab20.jpeg
new file mode 100644
index 0000000..8e45175
Binary files /dev/null and b/public/images/74f71867-ee8e-4c53-99ba-753e59b2ab20.jpeg differ
diff --git a/public/images/894687fb-a7b7-4f5d-b64d-19fe27357cc8.jpeg b/public/images/894687fb-a7b7-4f5d-b64d-19fe27357cc8.jpeg
new file mode 100644
index 0000000..f577c09
Binary files /dev/null and b/public/images/894687fb-a7b7-4f5d-b64d-19fe27357cc8.jpeg differ
diff --git a/public/images/8ca58a8d-0c2d-4600-b8ec-ec21c4e1724a.jpeg b/public/images/8ca58a8d-0c2d-4600-b8ec-ec21c4e1724a.jpeg
new file mode 100644
index 0000000..38547bc
Binary files /dev/null and b/public/images/8ca58a8d-0c2d-4600-b8ec-ec21c4e1724a.jpeg differ
diff --git a/public/images/c21c7258-1eb6-4ebc-bd90-177230493b53.jpeg b/public/images/c21c7258-1eb6-4ebc-bd90-177230493b53.jpeg
new file mode 100644
index 0000000..aad0db6
Binary files /dev/null and b/public/images/c21c7258-1eb6-4ebc-bd90-177230493b53.jpeg differ
diff --git a/public/images/d1b53da2-f405-47ef-b239-ccf5a7a27bcb.jpeg b/public/images/d1b53da2-f405-47ef-b239-ccf5a7a27bcb.jpeg
new file mode 100644
index 0000000..31b2e0f
Binary files /dev/null and b/public/images/d1b53da2-f405-47ef-b239-ccf5a7a27bcb.jpeg differ
diff --git a/public/images/f1f58a34-7d98-4d4f-affe-f39207044d80.jpeg b/public/images/f1f58a34-7d98-4d4f-affe-f39207044d80.jpeg
new file mode 100644
index 0000000..d717104
Binary files /dev/null and b/public/images/f1f58a34-7d98-4d4f-affe-f39207044d80.jpeg differ
diff --git a/public/roasts.json b/public/roasts.json
index 812a388..3d891b3 100644
--- a/public/roasts.json
+++ b/public/roasts.json
@@ -1,4 +1,11 @@
 [
-  { "image": "placeholder-1.jpg", "caption": "Thêm ảnh vào thư mục public/images/ nhé! 😄" },
-  { "image": "placeholder-2.jpg", "caption": "Chỉnh caption trong public/roasts.json" }
+  { "image": "460885e2-fedc-4667-9d89-81479e0a037d.jpeg" },
+  { "image": "4734bcf9-c588-4a25-8dec-ccf240f884d1.jpeg" },
+  { "image": "474e8db1-687e-4ec3-b3c1-50ebf5a2db5a.jpeg" },
+  { "image": "74f71867-ee8e-4c53-99ba-753e59b2ab20.jpeg" },
+  { "image": "894687fb-a7b7-4f5d-b64d-19fe27357cc8.jpeg" },
+  { "image": "8ca58a8d-0c2d-4600-b8ec-ec21c4e1724a.jpeg" },
+  { "image": "c21c7258-1eb6-4ebc-bd90-177230493b53.jpeg" },
+  { "image": "d1b53da2-f405-47ef-b239-ccf5a7a27bcb.jpeg" },
+  { "image": "f1f58a34-7d98-4d4f-affe-f39207044d80.jpeg" }
 ]
diff --git a/src/App.jsx b/src/App.jsx
index 9c8e6ca..ba249f2 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -7,7 +7,7 @@ function App() {
       <BirthdayBanner name="Linh" />
       <RoastGallery />
       <footer className="text-center py-8 text-gray-500">
-        <p>Made with 💖 for the birthday roast</p>
+        <p>Made with 💩</p>
       </footer>
     </div>
   )
diff --git a/src/components/BirthdayBanner.jsx b/src/components/BirthdayBanner.jsx
index 3805fc3..5e14ed8 100644
--- a/src/components/BirthdayBanner.jsx
+++ b/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>
diff --git a/src/components/RoastCard.jsx b/src/components/RoastCard.jsx
index 3900873..e046aad 100644
--- a/src/components/RoastCard.jsx
+++ b/src/components/RoastCard.jsx
@@ -4,15 +4,17 @@ export default function RoastCard({ image, caption }) {
       <div className="aspect-square overflow-hidden">
         <img
           src={`/images/${image}`}
-          alt={caption}
+          alt={caption || 'Roast photo'}
           className="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"
         />
       </div>
-      <div className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4">
-        <p className="text-white text-sm md:text-base font-medium text-center">
-          {caption}
-        </p>
-      </div>
+      {caption && (
+        <div className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4">
+          <p className="text-white text-sm md:text-base font-medium text-center">
+            {caption}
+          </p>
+        </div>
+      )}
     </div>
   )
 }
diff --git a/src/components/RoastGallery.jsx b/src/components/RoastGallery.jsx
index 9905f7f..33a01b0 100644
--- a/src/components/RoastGallery.jsx
+++ b/src/components/RoastGallery.jsx
@@ -14,7 +14,7 @@ export default function RoastGallery() {
   return (
     <section className="max-w-7xl mx-auto px-4 py-12">
       <h2 className="text-3xl font-bold text-center mb-8 text-gray-800">
-        📸 Bộ Sưu Tập "Huyền Thoại"
+        📸 Phd hoá học
       </h2>
       <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6">
         {roasts.map((roast, index) => (
