From 16c1b4a96deeff6cc47383a9b573b45bdeaba04b Mon Sep 17 00:00:00 2001
From: Ridho Perdana <ridho.perdana@wartek.belajar.id>
Date: Tue, 17 Dec 2024 11:51:08 +0700
Subject: [PATCH] feat: update title

---
 src/AnimalFacts.jsx | 9 +++++++--
 src/AnimalStory.jsx | 4 ++--
 src/App.jsx         | 4 ++--
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/AnimalFacts.jsx b/src/AnimalFacts.jsx
index aab3267..8815436 100644
--- a/src/AnimalFacts.jsx
+++ b/src/AnimalFacts.jsx
@@ -388,7 +388,6 @@ const AnimalFacts = ({ IsMenuOpen }) => {
                 className={`w-5/6 max-w-lg p-8 bg-white border-4 flex flex-col items-center mb-4 rounded-xl shadow-lg ${isOver ? 'border-green-300' : 'border-white-200'}`}
             >
                 <div className="mb-4">
-                    <h3 className="font-semibold text-blue-600">Fakta:</h3>
                     <ul>
                         {animal.facts.map((fact, index) => (
                             <li key={index} className="mb-2 text-gray-700">{fact}</li>
@@ -434,13 +433,19 @@ const AnimalFacts = ({ IsMenuOpen }) => {
             backgroundRepeat: 'repeat',
             backgroundSize: 'auto',
         }} className={`flex flex-col items-center min-h-screen bg-blue-50`}>
+            <div className='p-8 place-self-start'>
+                <h2 className="text-2xl font-bold mb-4">Fakta Hewan</h2>
+                <p className="text-gray-700">
+                    Ayo temukan gambar hewan sesuai faktanya!
+                </p>
+            </div>
             <ToastContainer />
             <CustomDragLayer />
 
             {/* Animal Placeholder */}
             <div
                 id="book-content"
-                className="flex flex-col items-center w-full mt-8"
+                className="flex flex-col items-center w-full mb-8"
                 style={{ paddingBottom: '160px' }} // Adjusted bottom padding for the floating section height
             >
                 {randomizedImageUploader.map((animal) => (
diff --git a/src/AnimalStory.jsx b/src/AnimalStory.jsx
index d31ded2..7137934 100644
--- a/src/AnimalStory.jsx
+++ b/src/AnimalStory.jsx
@@ -8,9 +8,9 @@ const AnimalStory = () => {
             backgroundRepeat: 'repeat',
             backgroundSize: 'auto',
         }} className="p-8">
-            <h2 className="text-2xl font-bold mb-4">Animal Story</h2>
+            <h2 className="text-2xl font-bold mb-4">Cerita Hewan</h2>
             <p className="text-gray-700">
-                Here you can add your animal stories. This is a placeholder for the animal story content.
+                Yuk baca cerita hewan yang terus update setiap hari!
             </p>
         </div>
     );
diff --git a/src/App.jsx b/src/App.jsx
index e1f901f..1fe58d8 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -36,12 +36,12 @@ const App = () => {
                             <Link to="/" className={`block py-2 px-4 ${
                         location.pathname === "/" ? "bg-gray-800 text-white" : "text-gray-400"
                         }`}>
-                                Animal Facts
+                                Fakta Hewan
                             </Link>
                             <Link to="/story" className={`block py-2 px-4 ${
                         location.pathname === "/story" ? "bg-gray-800 text-white" : "text-gray-400"
                         }`}>
-                                Animal Story
+                                Cerita Hewan
                             </Link>
                         </div>
                     </div>