diff --git a/assets/css/style.css b/assets/css/style.css
index 14743c6e..f38c2e12 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -23,7 +23,7 @@
   --gold-crayola: hsl(38, 61%, 73%);
   --quick-silver: hsla(0, 0%, 65%, 1);
   --davys-grey: hsla(30, 3%, 34%, 1);
-  --smoky-black-1: hsla(40, 12%, 5%, 1);
+  --smoky-black-1: rgb(63, 24, 24);
   --smoky-black-2: hsla(30, 8%, 5%, 1);
   --smoky-black-3: hsla(0, 3%, 7%, 1);
   --eerie-black-1: hsla(210, 4%, 9%, 1);
diff --git a/chatbot.html b/chatbot.html
new file mode 100644
index 00000000..cd152d65
--- /dev/null
+++ b/chatbot.html
@@ -0,0 +1,202 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Restaurant Table Booking Chatbot</title>
+    <script src="https://unpkg.com/react@17/umd/react.development.js"></script>
+    <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
+    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            margin: 0;
+            background-color: #121212;
+            color: #e0e0e0;
+        }
+        .card {
+            background-color: #1e1e1e;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+            width: 100%;
+            max-width: 400px;
+        }
+        .card-header {
+            padding: 1rem;
+            border-bottom: 1px solid #333;
+        }
+        .card-title {
+            margin: 0;
+            font-size: 1.25rem;
+            color: #ffffff;
+        }
+        .card-content {
+            height: 400px;
+            overflow-y: auto;
+            padding: 1rem;
+        }
+        .message {
+            margin-bottom: 0.5rem;
+            padding: 0.5rem;
+            border-radius: 4px;
+            max-width: 80%;
+        }
+        .bot-message {
+            background-color: #ffffff;
+            color: #000000;
+            align-self: flex-start;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+        .user-message {
+            background-color: #4a4a4a;
+            color: #ffffff;
+            align-self: flex-end;
+            margin-left: auto;
+        }
+        .card-footer {
+            padding: 1rem;
+            border-top: 1px solid #333;
+            display: flex;
+        }
+        input {
+            flex-grow: 1;
+            padding: 0.5rem;
+            border: 1px solid #555;
+            border-radius: 4px;
+            background-color: #2c2c2c;
+            color: #ffffff;
+        }
+        button {
+            padding: 0.5rem 1rem;
+            background-color: #4a4a4a;
+            color: white;
+            border: none;
+            border-radius: 4px;
+            margin-left: 0.5rem;
+            cursor: pointer;
+        }
+        button:hover {
+            background-color: #5a5a5a;
+        }
+        button:disabled {
+            background-color: #3a3a3a;
+            cursor: not-allowed;
+        }
+        ::-webkit-scrollbar {
+            width: 8px;
+        }
+        ::-webkit-scrollbar-track {
+            background: #1e1e1e;
+        }
+        ::-webkit-scrollbar-thumb {
+            background: #4a4a4a;
+            border-radius: 4px;
+        }
+        ::-webkit-scrollbar-thumb:hover {
+            background: #5a5a5a;
+        }
+    </style>
+</head>
+<body>
+    <div id="root"></div>
+
+    <script type="text/babel">
+        function ChatBot() {
+            const [messages, setMessages] = React.useState([
+                { text: "Welcome! I can help you book a table. How many people will be dining?", sender: 'bot' }
+            ]);
+            const [input, setInput] = React.useState('');
+            const [step, setStep] = React.useState(0);
+            const [booking, setBooking] = React.useState({
+                people: '',
+                email: '',
+                phone: '',
+                time: ''
+            });
+
+            const handleSend = () => {
+                if (input.trim() === '') return;
+
+                setMessages(prev => [...prev, { text: input, sender: 'user' }]);
+
+                switch (step) {
+                    case 0:
+                        setBooking(prev => ({ ...prev, people: input }));
+                        setMessages(prev => [...prev, { text: "Great! Please provide your email address.", sender: 'bot' }]);
+                        setStep(1);
+                        break;
+                    case 1:
+                        if (!/^\S+@\S+\.\S+$/.test(input)) {
+                            setMessages(prev => [...prev, { text: "That doesn't look like a valid email. Please try again.", sender: 'bot' }]);
+                        } else {
+                            setBooking(prev => ({ ...prev, email: input }));
+                            setMessages(prev => [...prev, { text: "Thank you. Now, what's your phone number?", sender: 'bot' }]);
+                            setStep(2);
+                        }
+                        break;
+                    case 2:
+                        if (!/^\d{10}$/.test(input)) {
+                            setMessages(prev => [...prev, { text: "Please enter a valid 10-digit phone number.", sender: 'bot' }]);
+                        } else {
+                            setBooking(prev => ({ ...prev, phone: input }));
+                            setMessages(prev => [...prev, { text: "Perfect! Lastly, what time would you like to book the table?", sender: 'bot' }]);
+                            setStep(3);
+                        }
+                        break;
+                    case 3:
+                        setBooking(prev => ({ ...prev, time: input }));
+                        setMessages(prev => [
+                            ...prev,
+                            { text: "Thank you for providing all the information. Your request has been sent!", sender: 'bot' },
+                            { text: `Booking details:\nPeople: ${booking.people}\nEmail: ${booking.email}\nPhone: ${booking.phone}\nTime: ${input}`, sender: 'bot' }
+                        ]);
+                        setStep(4);
+                        break;
+                }
+
+                setInput('');
+            };
+
+            React.useEffect(() => {
+                const chatContent = document.querySelector('.card-content');
+                chatContent.scrollTop = chatContent.scrollHeight;
+            }, [messages]);
+
+            return (
+                <div className="card">
+                    <div className="card-header">
+                        <h2 className="card-title">Restaurant Table Booking</h2>
+                    </div>
+                    <div className="card-content">
+                        {messages.map((message, index) => (
+                            <div key={index} className={`message ${message.sender === 'bot' ? 'bot-message' : 'user-message'}`}>
+                                {message.text}
+                            </div>
+                        ))}
+                    </div>
+                    <div className="card-footer">
+                        <input
+                            type="text"
+                            value={input}
+                            onChange={(e) => setInput(e.target.value)}
+                            onKeyPress={(e) => e.key === 'Enter' && handleSend()}
+                            disabled={step === 4}
+                            placeholder="Type your message..."
+                            aria-label="Type your message"
+                        />
+                        <button onClick={handleSend} disabled={step === 4}>
+                            Send
+                        </button>
+                    </div>
+                </div>
+            );
+        }
+
+        ReactDOM.render(<ChatBot />, document.getElementById('root'));
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 7cabfd9b..5ece1c8a 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
     - primary meta tags
   -->
   <title>Grilli - Amazing & Delicious Food</title>
-  <meta name="title" content="Grilli - Amazing & Delicious Food">
+  <meta name="title" content="Indiana - Amazing & Delicious Food">
   <meta name="description" content="This is a Restaurant html template made by codewithsadee">
 
   <!-- 
@@ -67,7 +67,7 @@
         </div>
 
         <span class="span">
-          Restaurant St, Delicious City, London 9578, UK
+          Restaurant Mysore, India
         </span>
       </address>
 
@@ -78,7 +78,7 @@
           <ion-icon name="time-outline" aria-hidden="true"></ion-icon>
         </div>
 
-        <span class="span">Daily : 8.00 am to 10.00 pm</span>
+        <span class="span">Daily : 9.00 am to 10.00 pm</span>
       </div>
 
       <a href="tel:+11234567890" class="topbar-item link">
@@ -96,7 +96,7 @@
           <ion-icon name="mail-outline" aria-hidden="true"></ion-icon>
         </div>
 
-        <span class="span">booking@restaurant.com</span>
+        <span class="span">booking@MakeMyTour.com</span>
       </a>
 
     </div>
@@ -114,7 +114,7 @@
     <div class="container">
 
       <a href="#" class="logo">
-        <img src="./assets/images/logo.svg" width="160" height="50" alt="Grilli - Home">
+        <img src="assets/images/logo.svg" width="160" height="50" alt="Grilli - Home">
       </a>
 
       <nav class="navbar" data-navbar>
@@ -124,7 +124,7 @@
         </button>
 
         <a href="#" class="logo">
-          <img src="./assets/images/logo.svg" width="160" height="50" alt="Grilli - Home">
+          <img src="assets/images/logo.svg" width="160" height="50" alt="Grilli - Home">
         </a>
 
         <ul class="navbar-list">
@@ -175,26 +175,25 @@
           <p class="headline-1 navbar-title">Visit Us</p>
 
           <address class="body-4">
-            Restaurant St, Delicious City, <br>
-            London 9578, UK
+            Kuvempunagar Mysore, India
           </address>
 
-          <p class="body-4 navbar-text">Open: 9.30 am - 2.30pm</p>
+          <p class="body-4 navbar-text">Open: 9.30 am - 9.30pm</p>
 
-          <a href="mailto:booking@grilli.com" class="body-4 sidebar-link">booking@grilli.com</a>
+          <a href="mailto:booking@grilli.com" class="body-4 sidebar-link">booking@MakeMyTour.com</a>
 
           <div class="separator"></div>
 
           <p class="contact-label">Booking Request</p>
 
           <a href="tel:+88123123456" class="body-1 contact-number hover-underline">
-            +88-123-123456
+            +91-9696364801
           </a>
         </div>
 
       </nav>
 
-      <a href="#" class="btn btn-secondary">
+      <a href="chatbot.html" class="btn btn-secondary">
         <span class="text text-1">Find A Table</span>
 
         <span class="text text-2" aria-hidden="true">Find A Table</span>
@@ -335,8 +334,7 @@ <h1 class="display-1 hero-title slider-reveal">
           <h2 class="headline-1 section-title">We Offer Top Notch</h2>
 
           <p class="section-text">
-            Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has been the industrys
-            standard dummy text ever.
+            We offer top-notch food crafted with the finest ingredients, ensuring every dish delights your palate. Experience culinary excellence that brings joy to every meal. 
           </p>
 
           <ul class="grid-list">
@@ -438,9 +436,7 @@ <h3 class="title-4 card-title">
             <h2 class="headline-1 section-title">Every Fla vor Tells a Story</h2>
 
             <p class="section-text">
-              Lorem Ipsum is simply dummy text of the printingand typesetting industry lorem Ipsum has been the
-              industrys standard dummy text ever since the when an unknown printer took a galley of type and scrambled
-              it to make a type specimen book It has survived not only five centuries, but also the leap into.
+              Grilli Restaurant is committed to delivering exceptional cuisine that delights every guest. Our culinary masterpieces have set a standard of excellence, satisfying patrons for years. Each dish is crafted with passion, ensuring a memorable dining experience that celebrates exquisite flavors and quality. Join us and savor the art of fine dining!
             </p>
 
             <div class="contact-label">Book Through Call</div>
@@ -758,7 +754,7 @@ <h3 class="title-3">
             <img src="./assets/images/testi-avatar.jpg" width="100" height="100" loading="lazy" alt="Sam Jhonson"
               class="img">
 
-            <p class="label-2 profile-name">Sam Jhonson</p>
+            <p class="label-2 profile-name">Pheonix </p>
           </div>
 
         </div>
@@ -918,7 +914,7 @@ <h2 class="headline-1 section-title">Our Strength</h2>
 
                 <h3 class="title-2 card-title">Hygienic Food</h3>
 
-                <p class="label-1 card-text">Lorem Ipsum is simply dummy printing and typesetting.</p>
+                <p class="label-1 card-text">Hygienic food is prepared with the utmost attention to cleanliness and safety, ensuring that every ingredient is handled and cooked with care. This commitment to hygiene not only protects health but also enhances the enjoyment of meals, providing peace of mind while dining..</p>
 
               </div>
             </li>
@@ -932,7 +928,7 @@ <h3 class="title-2 card-title">Hygienic Food</h3>
 
                 <h3 class="title-2 card-title">Fresh Environment</h3>
 
-                <p class="label-1 card-text">Lorem Ipsum is simply dummy printing and typesetting.</p>
+                <p class="label-1 card-text">A fresh environment invigorates the senses, with crisp air and vibrant greenery promoting relaxation and clarity. It fosters a sense of well-being, inspiring creativity and encouraging a deeper connection with nature.</p>
 
               </div>
             </li>
@@ -946,7 +942,7 @@ <h3 class="title-2 card-title">Fresh Environment</h3>
 
                 <h3 class="title-2 card-title">Skilled Chefs</h3>
 
-                <p class="label-1 card-text">Lorem Ipsum is simply dummy printing and typesetting.</p>
+                <p class="label-1 card-text">Skilled chefs possess a unique blend of creativity and precision, transforming fresh ingredients into culinary masterpieces. Their passion for flavor and presentation elevates dining experiences, making every meal a celebration of artistry and technique.</p>
 
               </div>
             </li>
@@ -960,7 +956,9 @@ <h3 class="title-2 card-title">Skilled Chefs</h3>
 
                 <h3 class="title-2 card-title">Event & Party</h3>
 
-                <p class="label-1 card-text">Lorem Ipsum is simply dummy printing and typesetting.</p>
+                <p class="label-1 card-text">Event & Party
+                  
+                  Events and parties are vibrant gatherings that bring people together to celebrate special moments, foster connections, and create lasting memories. From intimate soirées to grand celebrations, the atmosphere buzzes with joy, laughter, and shared experiences that enrich our lives.</p>
 
               </div>
             </li>
@@ -1000,7 +998,7 @@ <h2 class="section-title headline-1 text-center">Upcoming Event</h2>
                   <img src="./assets/images/event-1.jpg" width="350" height="450" loading="lazy"
                     alt="Flavour so good you’ll try to eat with your eyes." class="img-cover">
 
-                  <time class="publish-date label-2" datetime="2022-09-15">15/09/2022</time>
+                  <time class="publish-date label-2" datetime="2022-09-15">15/01/2025</time>
                 </div>
 
                 <div class="card-content">
@@ -1021,7 +1019,7 @@ <h3 class="card-title title-2 text-center">
                   <img src="./assets/images/event-2.jpg" width="350" height="450" loading="lazy"
                     alt="Flavour so good you’ll try to eat with your eyes." class="img-cover">
 
-                  <time class="publish-date label-2" datetime="2022-09-08">08/09/2022</time>
+                  <time class="publish-date label-2" datetime="2022-09-08">08/09/2024</time>
                 </div>
 
                 <div class="card-content">
@@ -1042,7 +1040,7 @@ <h3 class="card-title title-2 text-center">
                   <img src="./assets/images/event-3.jpg" width="350" height="450" loading="lazy"
                     alt="Flavour so good you’ll try to eat with your eyes." class="img-cover">
 
-                  <time class="publish-date label-2" datetime="2022-09-03">03/09/2022</time>
+                  <time class="publish-date label-2" datetime="2022-09-03">03/11/2024</time>
                 </div>
 
                 <div class="card-content">
@@ -1091,7 +1089,7 @@ <h3 class="card-title title-2 text-center">
           </a>
 
           <address class="body-4">
-            Restaurant St, Delicious City, London 9578, UK
+            Restaurant , Gautham City, Mirzapur 9578, India
           </address>
 
           <a href="mailto:booking@grilli.com" class="body-4 contact-link">booking@grilli.com</a>
@@ -1183,7 +1181,7 @@ <h3 class="card-title title-2 text-center">
       <div class="footer-bottom">
 
         <p class="copyright">
-          &copy; 2022 Grilli. All Rights Reserved | Crafted by <a href="https://github.com/codewithsadee"
+          &copy; 2024 Grilli. All Rights Reserved | Crafted by <a href="https://github.com/codewithsadee"
             target="_blank" class="link">codewithsadee</a>
         </p>
 
diff --git a/readme-images/Thumbs.db b/readme-images/Thumbs.db
deleted file mode 100644
index b451bfff..00000000
Binary files a/readme-images/Thumbs.db and /dev/null differ
diff --git a/readme-images/desktop.png b/readme-images/desktop.png
deleted file mode 100644
index c7785ed0..00000000
Binary files a/readme-images/desktop.png and /dev/null differ
