diff --git a/README.md b/README.md
index 5856ca9..01067fe 100644
--- a/README.md
+++ b/README.md
@@ -1,97 +1,98 @@
-<div align=center>
-<img src="https://capsule-render.vercel.app/api?type=waving&height=70&color=100:FF0000,20:F0F0F0&section=footer&reversal=false&textBg=false&fontAlignY=50&descAlign=48&descAlignY=59"/>
-  
-![Jane Doe](https://github.com/user-attachments/assets/6dce4a9a-c124-413d-816b-a0ea878a6cd9)
-<img src="https://capsule-render.vercel.app/api?type=waving&height=70&color=20:FF0000,100:F0F0F0&section=header&reversal=false&textBg=false&fontAlignY=50&descAlign=48&descAlignY=59"/>
+# Payment Gateway Website
 
+This repository serves as a foundation for building a secure and efficient payment gateway website.
 
-# Guanshiyin
+<hr><br>
+
+## Purpose of This Repository
+
+This repository contains the source code for a payment gateway website. The project demonstrates fundamental principles of secure online transactions and provides a solid foundation for further exploration of payment gateway integrations.
 
-</div>
-<div align=justify>
-Welcome! I'm Guan, a professional Graphic Design & UI/UX Design with a knack for crafting visually stunning and highly functional websites or design. Combining creativity and technical expertise. I transform your vision into digital masterpiece that excels in both appearance and performance.
-</div>
 <hr><br>
 
-<div align=center>
-  
-## About Me
+## Demonstration
+
+Check out the live demo of the Payment Gateway Website [here](https://simple-payment-gateaway.guanshiyinnn.com/).
+
+### Program Function Demonstration
+
+Here is a demonstration of the basic payment processing function:
+
+```javascript
+// filepath: /opt/lampp/htdocs/Payment-Gateway-Website/src/paymentProcessor.js
+function processPayment(amount, paymentMethod) {
+  // ...existing code...
+  if (paymentMethod === "creditCard") {
+    // Process credit card payment
+  } else if (paymentMethod === "paypal") {
+    // Process PayPal payment
+  }
+  // ...existing code...
+  return paymentStatus;
+}
+```
 
-</div>
-<div align=justify>
-From Indonesia :indonesia:, I wear two hats: Graphic Designer and UI/UX Designer.   Currently, I'm putting my skills to good use at the Amalia Foundation for Orphanage.  In my free time, you'll find me exploring the world of technology , getting lost in a good novel , or simply pondering the universe's mysteries. Feel free to connect with me on <a href="https://instagram.com/guanshiyin_">Instagram!</a>
-</div>
 <hr><br>
 
-<div align=center>
-  
-## Languages and Tools
+## Features
 
-### Languages
+- Secure payment processing
+- Multiple payment methods (credit card, PayPal, etc.)
+- User-friendly interface
+- Real-time transaction updates
 
-<img src="https://github.com/devicons/devicon/blob/master/icons/kotlin/kotlin-original.svg" title="Kotlin" alt="Kotlin" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/php/php-original.svg" title="PHP" alt="PHP" width="40" height="40"/>&nbsp;
-<img src="https://raw.githubusercontent.com/HighAmbition211/HighAmbition211/auxiliary/languages/java.svg" title="Java" alt="Java" width="40" height="40"/>&nbsp;
-<img src="https://raw.githubusercontent.com/HighAmbition211/HighAmbition211/auxiliary/languages/python.svg" title="Python" alt="Python" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/c/c-original.svg" title="C" alt="C" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/cplusplus/cplusplus-original.svg" title="C++" alt="C++" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/javascript/javascript-original.svg" title="Javascript" alt="Javascript" width="40" height="40"/>&nbsp;
+<hr><br>
 
-### Operation System
+## Technologies Used
 
-<img src="https://github.com/devicons/devicon/blob/master/icons/linux/linux-original.svg" title="Linux" alt="Linux" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/ubuntu/ubuntu-original.svg" title="Linux Ubuntu" alt="Linux Ubuntu" width="40" height="40"/>&nbsp;
-<img src="https://seeklogo.com/images/K/kali-linux-logo-93027C57BD-seeklogo.com.png" title="Kali Linux" alt="kali Linux" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/windows11/windows11-original.svg" title="Windows" alt="Windows" width="40" height="40"/>&nbsp;
+- HTML5
+- CSS3
+- JavaScript
 
-### Frameworks & Libraries
+<hr><br>
 
-<img src="https://raw.githubusercontent.com/HighAmbition211/HighAmbition211/auxiliary/libraries/react.svg" title="React" alt="React" width="40" height="40"/>&nbsp;
-<img src="https://raw.githubusercontent.com/HighAmbition211/HighAmbition211/auxiliary/frameworks/tailwindcss.svg" title="Tailwind" alt="Tailwind" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/alpinejs/alpinejs-original.svg" title="alpinejs" alt="alpinejs" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/nodejs/nodejs-original.svg" title="NodeJS" alt="NodeJS" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/vuejs/vuejs-original.svg" title="Vue" alt="Vue" width="40" height="40"/>&nbsp;
-<img src="https://gsap.com/favicon-32x32.png" title="GSAP" alt="GSAP" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/laravel/laravel-original.svg" title="Laravel" alt="Laravel" width="40" height="40"/>&nbsp;
-<img src="https://lenis.darkroom.engineering/favicon-32x32.png" title="Lenis" alt="Lenis" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/bootstrap/bootstrap-original.svg" title="Bootstrap" alt="Bootstrap" width="40" height="40"/>&nbsp;
+## Project Setup
 
-### IDE
+1. **Install XAMPP**
+2. **Clone this repository**
 
-<img src="https://github.com/devicons/devicon/blob/master/icons/vscode/vscode-original.svg" title="VS Code" alt="VS Code" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/androidstudio/androidstudio-original.svg" title="Android Studio" alt="Android Studio" width="40" height="40"/>&nbsp;
+```bash
+git clone https://github.com/guanshiyin28/Payment-Gateway-Website.git
+```
 
-### Database
+3. **Direct to directory**
 
-<img src="https://github.com/devicons/devicon/blob/master/icons/sqlite/sqlite-original.svg" title="SQLite" alt="SQLite" width="40" height="40"/>&nbsp;
-<img src="https://raw.githubusercontent.com/HighAmbition211/HighAmbition211/auxiliary/databases/mysql.svg" title="MySQL" alt="MySQL" width="40" height="40"/>&nbsp;
+```bash
+cd Payment-Gateway-Website
+```
 
-### Version Control
+4. **Move the project to the XAMPP htdocs directory**
 
-<img src="https://github.com/devicons/devicon/blob/master/icons/git/git-original.svg" title="Git" alt="Git" width="40" height="40"/>&nbsp;
-<img src="https://github.com/devicons/devicon/blob/master/icons/github/github-original.svg" title="GitHub" alt="GitHub" width="40" height="40"/>&nbsp;
+```bash
+mv Payment-Gateway-Website /opt/lampp/htdocs/
+```
 
-</div>
 <hr><br>
 
-<div align=center>
-  
-## My Stats
+## Steps to Run
 
-[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=guanshiyin28&layout=donut&theme=tokyonight)](https://github.com/guanshiyin28/)
+1. **Start the Apache server in XAMPP**
+2. **Open your web browser and navigate to**
 
-<img width="600" height="200" src="https://github-readme-stats.vercel.app/api?username=guanshiyin28&show_icons=true&theme=tokyonight">
+```bash
+http://localhost/Payment-Gateway-Website
+```
 
-[![GitHub Streak](https://github-readme-streak-stats.herokuapp.com?user=guanshiyin28&theme=tokyonight)](https://www.instagram.com/guanshiyin_/)
-<img src="https://github-readme-activity-graph.vercel.app/graph?username=guanshiyin28&theme=tokyo-night&hide_border=true&hide_title=false&area=true&custom_title=Total%20contribution%20graph%20in%20all%20repo">
-<img src="https://github-profile-trophy.vercel.app/?username=guanshiyin28">
-<img width="1000" src="https://github.com/guanshiyin28/guanshiyin28/blob/master/assets/snake.svg" alt="snake"/>
+<hr><br>
+
+## License
+
+This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
 
-</div>
 <hr><br>
 
-<div align=center>
-  <a href="https://www.instagram.com/guanshiyin_/">
-     <img src="https://capsule-render.vercel.app/api?type=waving&height=200&color=100:FF0000,20:F0F0F0&section=footer&reversal=false&textBg=false&fontAlignY=50&descAlign=48&descAlignY=59"/>
-  </a>
+<div align="center">
+   <a href="https://www.instagram.com/yourusername/">
+      <img src="https://capsule-render.vercel.app/api?type=waving&height=200&color=100:393E46,20:F7F7F7&section=footer&reversal=false&textBg=false&fontAlignY=50&descAlign=48&descAlignY=59"/>
+   </a>
 </div>