diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -1,1206 +1,505 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="light">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>ESL Academic Hub - Assignment Marketplace</title>
+    <title>KHR Exchange | Crypto & Ringpull P2P Exchange Cambodia</title>
     <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link href="https://fonts.googleapis.com/css2?family=Helvetica+Neue:wght@300;400;700&display=swap" rel="stylesheet">
     <script>
         tailwind.config = {
             darkMode: 'class',
             theme: {
                 extend: {
+                    fontFamily: {
+                        sans: ['Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
+                    },
                     colors: {
-                        'pastel-blue': '#A7C7E7',
-                        'pastel-blue-dark': '#89B3D9',
-                        'pastel-blue-light': '#C5E0F9',
-                        'pastel-blue-accent': '#6D9EC7',
-                        'pastel-blue-text': '#2A4E6C',
+                        primary: {
+                            light: '#0328fc',  // Cambodian blue
+                            dark: '#3b82f6',
+                        },
+                        secondary: {
+                            light: '#e1192d',  // Cambodian red
+                            dark: '#ef4444',
+                        },
+                        background: {
+                            light: '#f8fafc',
+                            dark: '#0f172a',
+                        },
+                        card: {
+                            light: '#ffffff',
+                            dark: '#1e293b',
+                        },
+                        text: {
+                            light: '#334155',
+                            dark: '#e2e8f0',
+                        }
                     }
                 }
             }
         }
     </script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
-        .gradient-bg {
-            background: linear-gradient(135deg, #A7C7E7 0%, #89B3D9 100%);
-        }
-        .dark .gradient-bg {
-            background: linear-gradient(135deg, #1a365d 0%, #153e75 100%);
-        }
-        .assignment-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
-        }
-        .dark .assignment-card:hover {
-            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
+        .khmer-flag-logo {
+            background: linear-gradient(to bottom, 
+                #0328fc 0%, #0328fc 33%, 
+                #e1192d 33%, #e1192d 66%, 
+                #ffffff 66%, #ffffff 100%);
+            color: transparent;
+            background-clip: text;
+            -webkit-background-clip: text;
         }
-        .chat-bubble {
-            border-radius: 20px;
-            max-width: 80%;
+        .ringpull-gradient {
+            background: linear-gradient(135deg, #f59e0b 0%, #ef4444 50%, #ec4899 100%);
         }
-        .progress-bar {
-            transition: width 0.5s ease-in-out;
+        .transition-colors-slow {
+            transition: background-color 0.5s ease, color 0.5s ease;
         }
-        .citation-tool {
-            transition: all 0.3s ease;
+        .blinking-cursor:after {
+            content: "|";
+            animation: blink 1s step-end infinite;
         }
-        .citation-tool:hover {
-            transform: scale(1.02);
+        @keyframes blink {
+            from, to { opacity: 1; }
+            50% { opacity: 0; }
         }
-        .floating-button {
-            animation: float 3s ease-in-out infinite;
+        .rp-logo {
+            font-family: 'Helvetica Neue', sans-serif;
+            font-weight: 700;
+            position: relative;
+            display: inline-block;
         }
-        @keyframes float {
-            0% { transform: translateY(0px); }
-            50% { transform: translateY(-10px); }
-            100% { transform: translateY(0px); }
+        .rp-logo::before {
+            content: "";
+            position: absolute;
+            width: 120%;
+            height: 120%;
+            top: -10%;
+            left: -10%;
+            border: 2px solid #f59e0b;
+            border-radius: 50%;
+            z-index: -1;
         }
     </style>
 </head>
-<body class="bg-blue-50 dark:bg-gray-900 font-sans transition-colors duration-300">
-    <!-- Navigation -->
-    <nav class="gradient-bg text-white shadow-lg dark:shadow-gray-800">
-        <div class="container mx-auto px-4 py-3">
-            <div class="flex justify-between items-center">
-                <div class="flex items-center space-x-2">
-                    <i class="fas fa-graduation-cap text-2xl"></i>
-                    <span class="text-xl font-bold">ESL Academic Hub</span>
-                </div>
-                <div class="hidden md:flex space-x-6 items-center">
-                    <a href="#marketplace" class="hover:text-blue-100 dark:hover:text-blue-300 transition">Marketplace</a>
-                    <a href="#tools" class="hover:text-blue-100 dark:hover:text-blue-300 transition">Tools</a>
-                    <a href="#how-it-works" class="hover:text-blue-100 dark:hover:text-blue-300 transition">How It Works</a>
-                    <a href="#pricing" class="hover:text-blue-100 dark:hover:text-blue-300 transition">Pricing</a>
-                    <button id="themeToggle" class="p-2 rounded-full hover:bg-blue-700 dark:hover:bg-blue-900 transition">
-                        <i class="fas fa-moon dark:hidden"></i>
-                        <i class="fas fa-sun hidden dark:block"></i>
-                    </button>
-                </div>
-                <div class="flex items-center space-x-4">
-                    <button id="loginBtn" class="px-4 py-2 rounded-full bg-white text-blue-600 font-medium hover:bg-blue-50 dark:hover:bg-gray-800 transition">Login</button>
-                    <button id="signupBtn" class="px-4 py-2 rounded-full border-2 border-white text-white font-medium hover:bg-white hover:text-blue-600 dark:hover:bg-gray-800 transition">Sign Up</button>
-                    <button class="md:hidden text-xl" id="mobileMenuBtn">
-                        <i class="fas fa-bars"></i>
-                    </button>
-                </div>
+<body class="bg-background-light text-text-light dark:bg-background-dark dark:text-text-dark transition-colors-slow min-h-screen font-sans">
+    <header class="bg-card-light dark:bg-card-dark shadow-md transition-colors-slow">
+        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
+            <div class="flex items-center space-x-2">
+                <div class="w-10 h-10 rounded-full bg-gradient-to-b from-blue-600 via-red-600 to-white flex items-center justify-center">
+                    <span class="text-white font-bold">KHR</span>
+                </div>
+                <h1 class="text-xl font-bold khmer-flag-logo tracking-tight">KHR Exchange</h1>
             </div>
-            <!-- Mobile menu -->
-            <div id="mobileMenu" class="hidden md:hidden mt-4 pb-2">
-                <a href="#marketplace" class="block py-2 hover:bg-blue-700 dark:hover:bg-blue-900 px-2 rounded">Marketplace</a>
-                <a href="#tools" class="block py-2 hover:bg-blue-700 dark:hover:bg-blue-900 px-2 rounded">Tools</a>
-                <a href="#how-it-works" class="block py-2 hover:bg-blue-700 dark:hover:bg-blue-900 px-2 rounded">How It Works</a>
-                <a href="#pricing" class="block py-2 hover:bg-blue-700 dark:hover:bg-blue-900 px-2 rounded">Pricing</a>
-                <button id="mobileThemeToggle" class="w-full text-left py-2 px-2 hover:bg-blue-700 dark:hover:bg-blue-900 rounded flex items-center">
-                    <i class="fas fa-moon dark:hidden mr-2"></i>
-                    <i class="fas fa-sun hidden dark:block mr-2"></i>
-                    <span>Toggle Theme</span>
+            
+            <nav class="hidden md:flex space-x-6">
+                <a href="#exchange" class="hover:text-primary-light dark:hover:text-primary-dark transition font-light">Exchange</a>
+                <a href="#ringpulls" class="hover:text-primary-light dark:hover:text-primary-dark transition font-light">Ringpulls</a>
+                <a href="#how-it-works" class="hover:text-primary-light dark:hover:text-primary-dark transition font-light">How It Works</a>
+                <a href="#rates" class="hover:text-primary-light dark:hover:text-primary-dark transition font-light">Rates</a>
+                <a href="#contact" class="hover:text-primary-light dark:hover:text-primary-dark transition font-light">Contact</a>
+            </nav>
+            
+            <div class="flex items-center space-x-4">
+                <button id="theme-toggle" class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 transition">
+                    <i class="fas fa-moon dark:hidden"></i>
+                    <i class="fas fa-sun hidden dark:block"></i>
+                </button>
+                <button class="bg-primary-light dark:bg-primary-dark text-white px-4 py-2 rounded-md hover:bg-opacity-90 transition font-light">
+                    Sign In
+                </button>
+                <button class="md:hidden">
+                    <i class="fas fa-bars text-xl"></i>
                 </button>
             </div>
         </div>
-    </nav>
-
-    <!-- Hero Section -->
-    <section class="gradient-bg text-white py-16 md:py-24">
-        <div class="container mx-auto px-4">
-            <div class="flex flex-col md:flex-row items-center">
-                <div class="md:w-1/2 mb-10 md:mb-0">
-                    <h1 class="text-4xl md:text-5xl font-bold mb-6">Academic Success for ESL Students</h1>
-                    <p class="text-xl mb-8">Connect with native English-speaking freelancers to help with your assignments while maintaining academic integrity.</p>
-                    <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
-                        <button class="px-6 py-3 bg-white text-blue-600 rounded-full font-bold hover:bg-blue-50 transition">Post an Assignment</button>
-                        <button class="px-6 py-3 border-2 border-white rounded-full font-bold hover:bg-white hover:text-blue-600 transition">Become a Freelancer</button>
-                    </div>
-                </div>
-                <div class="md:w-1/2 flex justify-center">
-                    <div class="relative w-full max-w-md">
-                        <div class="absolute -top-6 -left-6 w-32 h-32 bg-blue-200 rounded-full opacity-20"></div>
-                        <div class="absolute -bottom-6 -right-6 w-32 h-32 bg-blue-300 rounded-full opacity-20"></div>
-                        <div class="relative bg-white dark:bg-gray-800 rounded-xl shadow-xl p-6 text-gray-800 dark:text-gray-200">
-                            <div class="flex items-center mb-4">
-                                <div class="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center">
-                                    <i class="fas fa-user-graduate text-blue-600 dark:text-blue-300"></i>
-                                </div>
-                                <div class="ml-3">
-                                    <p class="font-bold">Student Dashboard</p>
-                                    <p class="text-sm text-gray-500 dark:text-gray-400">Your current assignments</p>
-                                </div>
-                            </div>
-                            <div class="space-y-4">
-                                <div class="flex items-start">
-                                    <div class="w-8 h-8 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mt-1">
-                                        <i class="fas fa-book text-green-600 dark:text-green-300 text-xs"></i>
-                                    </div>
-                                    <div class="ml-3">
-                                        <p class="font-medium">Research Paper - Psychology</p>
-                                        <p class="text-sm text-gray-500 dark:text-gray-400">Due in 5 days • 3 bids received</p>
-                                    </div>
-                                </div>
-                                <div class="flex items-start">
-                                    <div class="w-8 h-8 rounded-full bg-yellow-100 dark:bg-yellow-900 flex items-center justify-center mt-1">
-                                        <i class="fas fa-file-alt text-yellow-600 dark:text-yellow-300 text-xs"></i>
-                                    </div>
-                                    <div class="ml-3">
-                                        <p class="font-medium">Essay - American History</p>
-                                        <p class="text-sm text-gray-500 dark:text-gray-400">In progress • Draft submitted</p>
-                                    </div>
-                                </div>
-                                <div class="flex items-start">
-                                    <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mt-1">
-                                        <i class="fas fa-chart-bar text-blue-600 dark:text-blue-300 text-xs"></i>
-                                    </div>
-                                    <div class="ml-3">
-                                        <p class="font-medium">Statistics Report</p>
-                                        <p class="text-sm text-gray-500 dark:text-gray-400">Completed • Grade: A-</p>
-                                    </div>
-                                </div>
-                            </div>
-                            <button class="mt-6 w-full py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">View All Assignments</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
+    </header>
 
-    <!-- University Verification Badge -->
-    <div class="bg-blue-100 dark:bg-gray-800 py-6">
-        <div class="container mx-auto px-4">
-            <div class="flex flex-col md:flex-row items-center justify-center bg-white dark:bg-gray-700 rounded-xl shadow-sm p-6">
-                <div class="mb-4 md:mb-0 md:mr-6">
-                    <div class="flex items-center bg-blue-100 dark:bg-blue-900 rounded-full px-4 py-2">
-                        <i class="fas fa-university text-blue-600 dark:text-blue-300 mr-2"></i>
-                        <span class="font-medium">University Verification</span>
-                    </div>
+    <main class="container mx-auto px-4 py-8">
+        <!-- Hero Section -->
+        <section class="flex flex-col md:flex-row items-center justify-between mb-16">
+            <div class="md:w-1/2 mb-8 md:mb-0">
+                <h2 class="text-4xl md:text-5xl font-light mb-4 tracking-tight">Cambodia's Premier <span class="font-bold text-primary-light dark:text-primary-dark">P2P Exchange</span></h2>
+                <p class="text-lg mb-6 font-light">Exchange crypto to cash, eMoney, or bank transfers instantly. Trade tokenized <span class="rp-logo font-bold text-yellow-500">RP</span> ringpulls for prizes or cold beers!</p>
+                <div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-4">
+                    <button class="bg-primary-light dark:bg-primary-dark text-white px-6 py-3 rounded-md hover:bg-opacity-90 transition font-light">
+                        Start Trading
+                    </button>
+                    <button class="border border-primary-light dark:border-primary-dark text-primary-light dark:text-primary-dark px-6 py-3 rounded-md hover:bg-opacity-10 transition font-light">
+                        Learn More
+                    </button>
                 </div>
-                <p class="text-center md:text-left text-gray-700 dark:text-gray-300 md:w-2/3">Verify your university email to gain access to exclusive features and increase trust with freelancers. We never share your academic information.</p>
-                <button class="mt-4 md:mt-0 md:ml-6 px-4 py-2 bg-blue-600 text-white rounded-full hover:bg-blue-700 transition">Verify Now</button>
-            </div>
-        </div>
-    </div>
-
-    <!-- Marketplace Section -->
-    <section id="marketplace" class="py-16 bg-white dark:bg-gray-900">
-        <div class="container mx-auto px-4">
-            <div class="text-center mb-12">
-                <h2 class="text-3xl font-bold text-blue-800 dark:text-blue-300 mb-4">Assignment Marketplace</h2>
-                <p class="text-xl text-gray-600 dark:text-gray-400 max-w-3xl mx-auto">Find the perfect freelancer for your academic needs or browse available assignments if you're a writer.</p>
             </div>
-            
-            <div class="flex flex-col md:flex-row mb-8">
-                <div class="md:w-1/4 mb-6 md:mb-0">
-                    <div class="bg-blue-50 dark:bg-gray-800 p-6 rounded-xl sticky top-4">
-                        <h3 class="font-bold text-lg mb-4">Filters</h3>
-                        <div class="space-y-4">
-                            <div>
-                                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Subject</label>
-                                <select class="w-full p-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg">
-                                    <option>All Subjects</option>
-                                    <option>Humanities</option>
-                                    <option>Social Sciences</option>
-                                    <option>Natural Sciences</option>
-                                    <option>Business</option>
-                                    <option>Engineering</option>
-                                </select>
-                            </div>
-                            <div>
-                                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Assignment Type</label>
-                                <select class="w-full p-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg">
-                                    <option>All Types</option>
-                                    <option>Essay</option>
-                                    <option>Research Paper</option>
-                                    <option>Report</option>
-                                    <option>Presentation</option>
-                                    <option>Case Study</option>
-                                </select>
-                            </div>
-                            <div>
-                                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Due Date</label>
-                                <select class="w-full p-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg">
-                                    <option>Any Time</option>
-                                    <option>Within 3 days</option>
-                                    <option>Within 1 week</option>
-                                    <option>Within 2 weeks</option>
-                                    <option>More than 2 weeks</option>
-                                </select>
-                            </div>
-                            <div>
-                                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Target Grade</label>
-                                <select class="w-full p-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg">
-                                    <option>Any Grade</option>
-                                    <option>A+</option>
-                                    <option>A</option>
-                                    <option>A-</option>
-                                    <option>B+</option>
-                                    <option>B</option>
-                                </select>
-                            </div>
-                            <button class="w-full py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">Apply Filters</button>
-                        </div>
-                    </div>
-                </div>
-                <div class="md:w-3/4 md:pl-8">
+            <div class="md:w-1/2 relative">
+                <div class="bg-card-light dark:bg-card-dark p-6 rounded-xl shadow-lg border border-gray-200 dark:border-gray-700 transition-colors-slow">
                     <div class="flex justify-between items-center mb-6">
-                        <h3 class="text-xl font-bold dark:text-white">Available Assignments</h3>
-                        <div class="flex items-center">
-                            <span class="text-sm text-gray-600 dark:text-gray-400 mr-2">Sort by:</span>
-                            <select class="p-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg">
-                                <option>Newest First</option>
-                                <option>Due Date</option>
-                                <option>Highest Budget</option>
-                                <option>Most Bids</option>
-                            </select>
+                        <h3 class="text-xl font-bold">Quick Exchange</h3>
+                        <div class="flex space-x-2">
+                            <span class="text-xs bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded">P2P</span>
+                            <span class="text-xs bg-green-100 dark:bg-green-900 px-2 py-1 rounded">Low Fees</span>
                         </div>
                     </div>
                     
-                    <div class="space-y-6" id="assignmentList">
-                        <!-- Assignment cards will be inserted here by JavaScript -->
-                    </div>
-                    
-                    <div class="mt-8 flex justify-center">
-                        <button class="px-6 py-2 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-blue-50 dark:hover:bg-gray-800 transition">Load More</button>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- Assignment Creation Modal -->
-    <div id="assignmentModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
-        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl w-full max-w-3xl max-h-screen overflow-y-auto">
-            <div class="p-6">
-                <div class="flex justify-between items-center mb-6">
-                    <h3 class="text-2xl font-bold dark:text-white">Create New Assignment</h3>
-                    <button id="closeModalBtn" class="text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300">
-                        <i class="fas fa-times text-2xl"></i>
-                    </button>
-                </div>
-                
-                <div class="space-y-6">
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Assignment Title*</label>
-                        <input type="text" class="w-full p-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg" placeholder="e.g., Research Paper on Climate Change">
-                    </div>
-                    
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                        <div>
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Subject*</label>
-                            <select class="w-full p-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg">
-                                <option value="">Select Subject</option>
-                                <option>Humanities</option>
-                                <option>Social Sciences</option>
-                                <option>Natural Sciences</option>
-                                <option>Business</option>
-                                <option>Engineering</option>
-                                <option>Other</option>
-                            </select>
-                        </div>
-                        <div>
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Assignment Type*</label>
-                            <select class="w-full p-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg">
-                                <option value="">Select Type</option>
-                                <option>Essay</option>
-                                <option>Research Paper</option>
-                                <option>Report</option>
-                                <option>Presentation</option>
-                                <option>Case Study</option>
-                                <option>Other</option>
-                            </select>
-                        </div>
-                    </div>
-                    
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                        <div>
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Due Date*</label>
-                            <input type="date" class="w-full p-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg">
-                        </div>
-                        <div>
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Target Grade*</label>
-                            <select class="w-full p-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg">
-                                <option value="">Select Grade</option>
-                                <option>A+</option>
-                                <option>A</option>
-                                <option>A-</option>
-                                <option>B+</option>
-                                <option>B</option>
-                                <option>B-</option>
-                                <option>C+</option>
-                                <option>C</option>
-                            </select>
-                        </div>
-                    </div>
-                    
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Word Count</label>
-                        <div class="flex items-center">
-                            <input type="range" min="500" max="5000" step="100" value="1500" class="w-full mr-4">
-                            <span id="wordCountDisplay" class="bg-blue-100 dark:bg-blue-900 px-3 py-1 rounded-lg">1500 words</span>
+                    <div class="space-y-4">
+                        <div class="bg-gray-100 dark:bg-gray-800 p-3 rounded-lg">
+                            <label class="block text-sm font-medium mb-1">You Send</label>
+                            <div class="flex">
+                                <input type="number" placeholder="0.00" class="bg-transparent w-full text-2xl font-bold outline-none">
+                                <select class="bg-transparent border-l border-gray-300 dark:border-gray-600 pl-2 outline-none">
+                                    <option>BTC</option>
+                                    <option>ETH</option>
+                                    <option>USDT</option>
+                                    <option>RP</option>
+                                </select>
+                            </div>
                         </div>
-                    </div>
-                    
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Citation Style*</label>
-                        <div class="grid grid-cols-2 md:grid-cols-4 gap-3">
-                            <button class="citation-tool p-3 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-blue-50 dark:hover:bg-gray-700 hover:border-blue-300 transition">
-                                <i class="fas fa-quote-left text-blue-600 dark:text-blue-300 mr-2"></i> APA
-                            </button>
-                            <button class="citation-tool p-3 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-blue-50 dark:hover:bg-gray-700 hover:border-blue-300 transition">
-                                <i class="fas fa-quote-left text-blue-600 dark:text-blue-300 mr-2"></i> MLA
-                            </button>
-                            <button class="citation-tool p-3 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-blue-50 dark:hover:bg-gray-700 hover:border-blue-300 transition">
-                                <i class="fas fa-quote-left text-blue-600 dark:text-blue-300 mr-2"></i> Chicago
-                            </button>
-                            <button class="citation-tool p-3 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-blue-50 dark:hover:bg-gray-700 hover:border-blue-300 transition">
-                                <i class="fas fa-quote-left text-blue-600 dark:text-blue-300 mr-2"></i> Harvard
+                        
+                        <div class="flex justify-center">
+                            <button class="p-2 rounded-full bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 transition">
+                                <i class="fas fa-exchange-alt"></i>
                             </button>
                         </div>
-                    </div>
-                    
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Assignment Details*</label>
-                        <textarea class="w-full p-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg h-32" placeholder="Provide detailed instructions, requirements, and any specific materials that should be referenced..."></textarea>
-                    </div>
-                    
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Upload Files (Optional)</label>
-                        <div class="border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg p-6 text-center">
-                            <i class="fas fa-cloud-upload-alt text-3xl text-gray-400 mb-2"></i>
-                            <p class="text-gray-500 dark:text-gray-400">Drag & drop files here or click to browse</p>
-                            <input type="file" class="hidden">
-                        </div>
-                    </div>
-                    
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                        <div>
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Your Budget ($)</label>
-                            <input type="number" class="w-full p-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg" placeholder="e.g., 50">
-                        </div>
-                        <div>
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Estimated Grade Curve</label>
-                            <div class="bg-blue-50 dark:bg-gray-700 p-3 rounded-lg">
-                                <div class="flex justify-between mb-1">
-                                    <span class="text-sm font-medium">Based on similar assignments:</span>
-                                    <span class="text-sm font-bold">B+ to A-</span>
-                                </div>
-                                <div class="w-full bg-gray-200 dark:bg-gray-600 rounded-full h-2">
-                                    <div class="bg-blue-600 h-2 rounded-full" style="width: 70%"></div>
-                                </div>
+                        
+                        <div class="bg-gray-100 dark:bg-gray-800 p-3 rounded-lg">
+                            <label class="block text-sm font-medium mb-1">You Receive</label>
+                            <div class="flex">
+                                <input type="number" placeholder="0.00" class="bg-transparent w-full text-2xl font-bold outline-none">
+                                <select class="bg-transparent border-l border-gray-300 dark:border-gray-600 pl-2 outline-none">
+                                    <option>USD</option>
+                                    <option>KHR</option>
+                                    <option>ABA</option>
+                                    <option>TrueMoney</option>
+                                    <option>KHQR</option>
+                                </select>
                             </div>
                         </div>
-                    </div>
-                    
-                    <div class="pt-4 border-t border-gray-200 dark:border-gray-700">
-                        <div class="flex items-center">
-                            <input type="checkbox" id="aiCheck" class="mr-3">
-                            <label for="aiCheck" class="text-sm text-gray-700 dark:text-gray-300">Run through AI detection before submission (additional $5)</label>
-                        </div>
-                    </div>
-                    
-                    <div class="flex justify-end space-x-4">
-                        <button class="px-6 py-2 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-blue-50 dark:hover:bg-gray-700 transition">Save Draft</button>
-                        <button class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">Post Assignment</button>
+                        
+                        <button class="w-full bg-primary-light dark:bg-primary-dark text-white py-3 rounded-lg hover:bg-opacity-90 transition font-light">
+                            Find Offers
+                        </button>
                     </div>
                 </div>
+                <div class="absolute -z-10 w-full h-full bg-primary-light dark:bg-primary-dark opacity-10 rounded-xl -rotate-3 top-2 left-2"></div>
             </div>
-        </div>
-    </div>
+        </section>
 
-    <!-- Tools Section -->
-    <section id="tools" class="py-16 bg-blue-50 dark:bg-gray-800">
-        <div class="container mx-auto px-4">
-            <div class="text-center mb-12">
-                <h2 class="text-3xl font-bold text-blue-800 dark:text-blue-300 mb-4">Academic Support Tools</h2>
-                <p class="text-xl text-gray-600 dark:text-gray-400 max-w-3xl mx-auto">Enhance your academic work with our specialized tools designed for ESL students.</p>
-            </div>
-            
+        <!-- Features Section -->
+        <section class="mb-16">
+            <h2 class="text-3xl font-light text-center mb-12 tracking-tight">Why Choose KHR Exchange?</h2>
             <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-                <!-- Planner Tool -->
-                <div class="bg-white dark:bg-gray-700 rounded-xl shadow-md overflow-hidden hover:shadow-lg transition">
-                    <div class="gradient-bg p-6 text-white">
-                        <i class="fas fa-tasks text-3xl mb-4"></i>
-                        <h3 class="text-xl font-bold mb-2">Assignment Planner</h3>
-                        <p>Break down your assignment into manageable steps with deadlines.</p>
-                    </div>
-                    <div class="p-6">
-                        <div class="mb-4">
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Assignment Type</label>
-                            <select class="w-full p-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 rounded-lg">
-                                <option>Select Type</option>
-                                <option>Essay</option>
-                                <option>Research Paper</option>
-                                <option>Report</option>
-                            </select>
-                        </div>
-                        <div class="mb-4">
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Due Date</label>
-                            <input type="date" class="w-full p-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 rounded-lg">
-                        </div>
-                        <button class="w-full py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">Generate Plan</button>
+                <div class="bg-card-light dark:bg-card-dark p-6 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 transition-colors-slow hover:shadow-md">
+                    <div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4">
+                        <i class="fas fa-bolt text-blue-500 dark:text-blue-300 text-xl"></i>
                     </div>
+                    <h3 class="text-xl font-bold mb-2">Instant Transactions</h3>
+                    <p class="text-gray-600 dark:text-gray-400 font-light">Get your cash or eMoney within minutes with our network of verified traders across Cambodia.</p>
                 </div>
-                
-                <!-- Citation Tool -->
-                <div class="bg-white dark:bg-gray-700 rounded-xl shadow-md overflow-hidden hover:shadow-lg transition">
-                    <div class="gradient-bg p-6 text-white">
-                        <i class="fas fa-quote-right text-3xl mb-4"></i>
-                        <h3 class="text-xl font-bold mb-2">Citation Generator</h3>
-                        <p>Automatically format references in APA, MLA, Chicago, or Harvard style.</p>
-                    </div>
-                    <div class="p-6">
-                        <div class="mb-4">
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Citation Style</label>
-                            <select class="w-full p-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 rounded-lg">
-                                <option>APA</option>
-                                <option>MLA</option>
-                                <option>Chicago</option>
-                                <option>Harvard</option>
-                            </select>
-                        </div>
-                        <div class="mb-4">
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Source Type</label>
-                            <select class="w-full p-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 rounded-lg">
-                                <option>Book</option>
-                                <option>Journal Article</option>
-                                <option>Website</option>
-                                <option>Newspaper</option>
-                            </select>
-                        </div>
-                        <button class="w-full py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">Generate Citation</button>
+                <div class="bg-card-light dark:bg-card-dark p-6 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 transition-colors-slow hover:shadow-md">
+                    <div class="w-12 h-12 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mb-4">
+                        <i class="fas fa-hand-holding-usd text-green-500 dark:text-green-300 text-xl"></i>
                     </div>
+                    <h3 class="text-xl font-bold mb-2">Multiple Cash-Out Options</h3>
+                    <p class="text-gray-600 dark:text-gray-400 font-light">ABA, KHQR, TrueMoney, Wing, USD cash, KHR cash - choose what works best for you.</p>
                 </div>
-                
-                <!-- AI Detection Tool -->
-                <div class="bg-white dark:bg-gray-700 rounded-xl shadow-md overflow-hidden hover:shadow-lg transition">
-                    <div class="gradient-bg p-6 text-white">
-                        <i class="fas fa-robot text-3xl mb-4"></i>
-                        <h3 class="text-xl font-bold mb-2">AI Detection Check</h3>
-                        <p>Analyze your text for AI-generated content that might trigger plagiarism detectors.</p>
-                    </div>
-                    <div class="p-6">
-                        <div class="mb-4">
-                            <textarea class="w-full p-2 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 rounded-lg h-24" placeholder="Paste your text here..."></textarea>
-                        </div>
-                        <div class="mb-4 bg-blue-100 dark:bg-gray-600 p-3 rounded-lg">
-                            <div class="flex justify-between mb-1">
-                                <span class="text-sm font-medium">AI Detection Score:</span>
-                                <span class="text-sm font-bold">Not analyzed</span>
-                            </div>
-                            <div class="w-full bg-gray-200 dark:bg-gray-500 rounded-full h-2">
-                                <div class="bg-blue-400 h-2 rounded-full" style="width: 0%"></div>
-                            </div>
-                        </div>
-                        <button class="w-full py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">Analyze Text</button>
+                <div class="bg-card-light dark:bg-card-dark p-6 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 transition-colors-slow hover:shadow-md">
+                    <div class="w-12 h-12 rounded-full ringpull-gradient flex items-center justify-center mb-4">
+                        <span class="rp-logo text-white font-bold">RP</span>
                     </div>
+                    <h3 class="text-xl font-bold mb-2">Ringpull Exchange</h3>
+                    <p class="text-gray-600 dark:text-gray-400 font-light">Trade tokenized beer ringpulls for prizes or exchange for cold beers at partner locations.</p>
                 </div>
             </div>
-            
-            <!-- Research Tools -->
-            <div class="mt-16">
-                <h3 class="text-2xl font-bold text-blue-800 dark:text-blue-300 mb-6 text-center">Research Assistance</h3>
-                <div class="bg-white dark:bg-gray-700 rounded-xl shadow-md p-6">
+        </section>
+
+        <!-- Ringpull Section -->
+        <section id="ringpulls" class="mb-16">
+            <div class="bg-gradient-to-r from-yellow-400 via-red-500 to-pink-500 rounded-2xl p-0.5">
+                <div class="bg-card-light dark:bg-card-dark rounded-2xl p-8 transition-colors-slow">
                     <div class="flex flex-col md:flex-row items-center">
-                        <div class="md:w-1/2 mb-6 md:mb-0 md:pr-6">
-                            <h4 class="text-xl font-bold mb-4 dark:text-white">Find Academic Sources</h4>
-                            <p class="mb-4 text-gray-600 dark:text-gray-300">Search across Google Scholar, Semantic Scholar, and university libraries to find credible sources for your assignment.</p>
-                            <div class="relative">
-                                <input type="text" class="w-full p-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 rounded-lg pr-10" placeholder="Search for academic sources...">
-                                <button class="absolute right-3 top-3 text-gray-500 hover:text-blue-600 dark:hover:text-blue-400">
-                                    <i class="fas fa-search"></i>
-                                </button>
-                            </div>
+                        <div class="md:w-1/2 mb-8 md:mb-0">
+                            <h2 class="text-3xl font-light mb-4 tracking-tight">Tokenized <span class="rp-logo font-bold text-transparent bg-clip-text ringpull-gradient">RP</span> Ringpull Exchange</h2>
+                            <p class="mb-6 font-light">The first platform in Cambodia to tokenize beer ringpulls as NFTs. Trade them for cash prizes or redeem for free beers at our partner establishments.</p>
+                            <ul class="space-y-3 mb-6">
+                                <li class="flex items-center">
+                                    <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                    <span class="font-light">Scan ringpull QR code to tokenize</span>
+                                </li>
+                                <li class="flex items-center">
+                                    <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                    <span class="font-light">Trade instantly on our P2P marketplace</span>
+                                </li>
+                                <li class="flex items-center">
+                                    <i class="fas fa-check-circle text-green-500 mr-2"></i>
+                                    <span class="font-light">Redeem at partner bars for cold beers</span>
+                                </li>
+                            </ul>
+                            <button class="bg-gradient-to-r from-yellow-400 to-pink-500 text-white px-6 py-3 rounded-md hover:opacity-90 transition font-light">
+                                Trade Ringpulls Now
+                            </button>
                         </div>
-                        <div class="md:w-1/2">
-                            <div class="bg-blue-50 dark:bg-gray-600 p-4 rounded-lg">
-                                <div class="flex items-center mb-3">
-                                    <i class="fas fa-lightbulb text-yellow-500 mr-2"></i>
-                                    <span class="font-medium dark:text-white">Research Tips</span>
+                        <div class="md:w-1/2 flex justify-center">
+                            <div class="relative">
+                                <div class="w-64 h-64 rounded-lg shadow-lg bg-gradient-to-br from-yellow-100 to-red-100 flex items-center justify-center">
+                                    <div class="text-center">
+                                        <span class="rp-logo text-6xl font-bold text-yellow-600">RP</span>
+                                        <p class="mt-2 text-sm text-gray-600">Ringpull Token</p>
+                                    </div>
+                                </div>
+                                <div class="absolute -bottom-4 -right-4 bg-white dark:bg-gray-800 p-3 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700">
+                                    <div class="text-center">
+                                        <p class="text-xs text-gray-500">Current Value</p>
+                                        <p class="font-bold text-lg">$1.50 <span class="text-green-500 text-sm">+5%</span></p>
+                                        <p class="text-xs">≈ 6,100 KHR</p>
+                                    </div>
                                 </div>
-                                <ul class="space-y-2 text-sm">
-                                    <li class="flex items-start">
-                                        <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                        <span class="dark:text-gray-200">Use Boolean operators (AND, OR, NOT) to refine searches</span>
-                                    </li>
-                                    <li class="flex items-start">
-                                        <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                        <span class="dark:text-gray-200">Look for peer-reviewed journal articles for credibility</span>
-                                    </li>
-                                    <li class="flex items-start">
-                                        <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                        <span class="dark:text-gray-200">Check reference lists of good papers for more sources</span>
-                                    </li>
-                                </ul>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
-        </div>
-    </section>
+        </section>
 
-    <!-- How It Works Section -->
-    <section id="how-it-works" class="py-16 bg-white dark:bg-gray-900">
-        <div class="container mx-auto px-4">
-            <div class="text-center mb-12">
-                <h2 class="text-3xl font-bold text-blue-800 dark:text-blue-300 mb-4">How It Works</h2>
-                <p class="text-xl text-gray-600 dark:text-gray-400 max-w-3xl mx-auto">Simple steps to get academic help from native English-speaking experts.</p>
-            </div>
-            
-            <div class="flex flex-col md:flex-row justify-center mb-12">
-                <div class="relative">
-                    <div class="hidden md:block absolute top-0 left-0 right-0 h-full">
-                        <div class="h-full border-l-2 border-dashed border-gray-300 dark:border-gray-600 mx-auto" style="width: 2px; left: 50%;"></div>
-                    </div>
-                    
-                    <div class="flex flex-col md:flex-row items-center md:items-start space-y-8 md:space-y-0">
-                        <!-- Step 1 -->
-                        <div class="flex flex-col items-center md:w-1/4 px-4">
-                            <div class="w-16 h-16 rounded-full gradient-bg text-white flex items-center justify-center text-2xl font-bold mb-4 z-10">1</div>
-                            <div class="text-center">
-                                <h3 class="font-bold text-lg mb-2 dark:text-white">Post Your Assignment</h3>
-                                <p class="text-gray-600 dark:text-gray-400">Provide details about your assignment, requirements, and deadline.</p>
-                            </div>
-                        </div>
-                        
-                        <!-- Step 2 -->
-                        <div class="flex flex-col items-center md:w-1/4 px-4">
-                            <div class="w-16 h-16 rounded-full gradient-bg text-white flex items-center justify-center text-2xl font-bold mb-4 z-10">2</div>
-                            <div class="text-center">
-                                <h3 class="font-bold text-lg mb-2 dark:text-white">Receive Bids</h3>
-                                <p class="text-gray-600 dark:text-gray-400">Freelancers review your assignment and submit proposals.</p>
-                            </div>
-                        </div>
-                        
-                        <!-- Step 3 -->
-                        <div class="flex flex-col items-center md:w-1/4 px-4">
-                            <div class="w-16 h-16 rounded-full gradient-bg text-white flex items-center justify-center text-2xl font-bold mb-4 z-10">3</div>
-                            <div class="text-center">
-                                <h3 class="font-bold text-lg mb-2 dark:text-white">Choose a Freelancer</h3>
-                                <p class="text-gray-600 dark:text-gray-400">Review profiles, ratings, and samples to select the best match.</p>
-                            </div>
-                        </div>
-                        
-                        <!-- Step 4 -->
-                        <div class="flex flex-col items-center md:w-1/4 px-4">
-                            <div class="w-16 h-16 rounded-full gradient-bg text-white flex items-center justify-center text-2xl font-bold mb-4 z-10">4</div>
-                            <div class="text-center">
-                                <h3 class="font-bold text-lg mb-2 dark:text-white">Get Your Work</h3>
-                                <p class="text-gray-600 dark:text-gray-400">Receive your completed assignment with options for revisions.</p>
-                            </div>
-                        </div>
-                    </div>
+        <!-- How It Works -->
+        <section id="how-it-works" class="mb-16">
+            <h2 class="text-3xl font-light text-center mb-12 tracking-tight">How It Works</h2>
+            <div class="flex flex-col md:flex-row justify-between items-stretch space-y-8 md:space-y-0">
+                <div class="flex-1 px-4 flex flex-col items-center text-center">
+                    <div class="w-16 h-16 rounded-full bg-primary-light dark:bg-primary-dark text-white flex items-center justify-center mb-4 text-xl font-bold">1</div>
+                    <h3 class="text-xl font-bold mb-2">Create Offer</h3>
+                    <p class="text-gray-600 dark:text-gray-400 font-light">Set your exchange rate and payment method. Choose from crypto, cash, or ringpulls.</p>
+                </div>
+                <div class="flex-1 px-4 flex flex-col items-center text-center">
+                    <div class="w-16 h-16 rounded-full bg-primary-light dark:bg-primary-dark text-white flex items-center justify-center mb-4 text-xl font-bold">2</div>
+                    <h3 class="text-xl font-bold mb-2">Match with Trader</h3>
+                    <p class="text-gray-600 dark:text-gray-400 font-light">Our system connects you with verified traders matching your criteria.</p>
+                </div>
+                <div class="flex-1 px-4 flex flex-col items-center text-center">
+                    <div class="w-16 h-16 rounded-full bg-primary-light dark:bg-primary-dark text-white flex items-center justify-center mb-4 text-xl font-bold">3</div>
+                    <h3 class="text-xl font-bold mb-2">Secure Transaction</h3>
+                    <p class="text-gray-600 dark:text-gray-400 font-light">Funds are held in escrow until both parties confirm the transaction.</p>
+                </div>
+                <div class="flex-1 px-4 flex flex-col items-center text-center">
+                    <div class="w-16 h-16 rounded-full bg-primary-light dark:bg-primary-dark text-white flex items-center justify-center mb-4 text-xl font-bold">4</div>
+                    <h3 class="text-xl font-bold mb-2">Complete Exchange</h3>
+                    <p class="text-gray-600 dark:text-gray-400 font-light">Receive your funds in your chosen method within minutes.</p>
                 </div>
             </div>
-            
-            <!-- Video Demo -->
-            <div class="max-w-4xl mx-auto bg-blue-800 rounded-xl overflow-hidden shadow-xl">
-                <div class="aspect-w-16 aspect-h-9 bg-blue-700 flex items-center justify-center">
-                    <i class="fas fa-play text-5xl text-white opacity-75"></i>
-                </div>
-                <div class="p-6">
-                    <h3 class="text-xl font-bold text-white mb-2">Platform Walkthrough</h3>
-                    <p class="text-blue-200">Watch a 3-minute demo of how to post an assignment and work with freelancers.</p>
-                </div>
-            </div>
-        </div>
-    </section>
+        </section>
 
-    <!-- Testimonials -->
-    <section class="py-16 bg-blue-100 dark:bg-gray-800">
-        <div class="container mx-auto px-4">
-            <div class="text-center mb-12">
-                <h2 class="text-3xl font-bold text-blue-800 dark:text-blue-300 mb-4">What Students Say</h2>
-                <p class="text-xl text-gray-600 dark:text-gray-400 max-w-3xl mx-auto">Hear from ESL students who improved their grades with our help.</p>
-            </div>
-            
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-                <!-- Testimonial 1 -->
-                <div class="bg-white dark:bg-gray-700 p-6 rounded-xl shadow-sm">
-                    <div class="flex items-center mb-4">
-                        <div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center">
-                            <i class="fas fa-user text-blue-600 dark:text-blue-300"></i>
-                        </div>
-                        <div class="ml-4">
-                            <p class="font-bold dark:text-white">Maria K.</p>
-                            <p class="text-sm text-gray-500 dark:text-gray-400">Psychology Student, NYU</p>
-                        </div>
-                    </div>
-                    <div class="flex mb-2">
-                        <i class="fas fa-star text-yellow-400"></i>
-                        <i class="fas fa-star text-yellow-400"></i>
-                        <i class="fas fa-star text-yellow-400"></i>
-                        <i class="fas fa-star text-yellow-400"></i>
-                        <i class="fas fa-star text-yellow-400"></i>
+        <!-- Payment Methods -->
+        <section class="mb-16">
+            <h2 class="text-3xl font-light text-center mb-8 tracking-tight">Supported Payment Methods</h2>
+            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-4">
+                <div class="bg-card-light dark:bg-card-dark p-4 rounded-lg flex items-center justify-center h-24 border border-gray-200 dark:border-gray-700">
+                    <div class="text-center">
+                        <i class="fas fa-money-bill-wave text-3xl text-green-500"></i>
+                        <p class="text-xs mt-1">USD Cash</p>
                     </div>
-                    <p class="text-gray-700 dark:text-gray-300">"As an international student, I struggled with academic writing. The freelancer I worked with not only improved my paper but taught me how to structure arguments better. My grade went from B- to A!"</p>
                 </div>
-                
-                <!-- Testimonial 2 -->
-                <div class="bg-white dark:bg-gray-700 p-6 rounded-xl shadow-sm">
-                    <div class="flex items-center mb-4">
-                        <div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center">
-                            <i class="fas fa-user text-blue-600 dark:text-blue-300"></i>
-                        </div>
-                        <div class="ml-4">
-                            <p class="font-bold dark:text-white">Ahmed S.</p>
-                            <p class="text-sm text-gray-500 dark:text-gray-400">Engineering Student, UT Austin</p>
-                        </div>
-                    </div>
-                    <div class="flex mb-2">
-                        <i class="fas fa-star text-yellow-400"></i>
-                        <i class="fas fa-star text-yellow-400"></i>
-                        <i class="fas fa-star text-yellow-400"></i>
-                        <i class="fas fa-star text-yellow-400"></i>
-                        <i class="fas fa-star text-yellow-400"></i>
+                <div class="bg-card-light dark:bg-card-dark p-4 rounded-lg flex items-center justify-center h-24 border border-gray-200 dark:border-gray-700">
+                    <div class="text-center">
+                        <i class="fas fa-money-bill text-3xl text-blue-500"></i>
+                        <p class="text-xs mt-1">KHR Cash</p>
                     </div>
-                    <p class="text-gray-700 dark:text-gray-300">"The technical report writing service saved me so much time. The writer understood exactly what my professor wanted and formatted everything perfectly. I'll definitely use this again for my capstone project."</p>
                 </div>
-                
-                <!-- Testimonial 3 -->
-                <div class="bg-white dark:bg-gray-700 p-6 rounded-xl shadow-sm">
-                    <div class="flex items-center mb-4">
-                        <div class="w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center">
-                            <i class="fas fa-user text-blue-600 dark:text-blue-300"></i>
-                        </div>
-                        <div class="ml-4">
-                            <p class="font-bold dark:text-white">Wei L.</p>
-                            <p class="text-sm text-gray-500 dark:text-gray-400">Business Student, UC Berkeley</p>
-                        </div>
-                    </div>
-                    <div class="flex mb-2">
-                        <i class="fas fa-star text-yellow-400"></i>
-                        <i class="fas fa-star text-yellow-400"></i>
-                        <i class="fas fa-star text-yellow-400"></i>
-                        <i class="fas fa-star text-yellow-400"></i>
-                        <i class="fas fa-star-half-alt text-yellow-400"></i>
+                <div class="bg-card-light dark:bg-card-dark p-4 rounded-lg flex items-center justify-center h-24 border border-gray-200 dark:border-gray-700">
+                    <div class="text-center">
+                        <i class="fas fa-university text-3xl text-purple-500"></i>
+                        <p class="text-xs mt-1">ABA</p>
                     </div>
-                    <p class="text-gray-700 dark:text-gray-300">"I was nervous about using a service like this, but the quality of work and attention to detail was impressive. The AI detection check gave me confidence to submit my paper without worry."</p>
                 </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- Pricing Section -->
-    <section id="pricing" class="py-16 bg-white dark:bg-gray-900">
-        <div class="container mx-auto px-4">
-            <div class="text-center mb-12">
-                <h2 class="text-3xl font-bold text-blue-800 dark:text-blue-300 mb-4">Transparent Pricing</h2>
-                <p class="text-xl text-gray-600 dark:text-gray-400 max-w-3xl mx-auto">Fair prices based on assignment complexity and urgency.</p>
-            </div>
-            
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
-                <!-- Basic Plan -->
-                <div class="border border-gray-200 dark:border-gray-700 rounded-xl shadow-sm hover:shadow-md transition">
-                    <div class="p-6 border-b border-gray-200 dark:border-gray-700">
-                        <h3 class="text-xl font-bold text-center dark:text-white">Standard</h3>
-                        <div class="mt-4 text-center">
-                            <span class="text-4xl font-bold dark:text-white">$15</span>
-                            <span class="text-gray-500 dark:text-gray-400">/page</span>
-                        </div>
-                        <p class="mt-4 text-gray-600 dark:text-gray-400 text-center">For assignments with 2+ weeks deadline</p>
-                    </div>
-                    <div class="p-6">
-                        <ul class="space-y-3">
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">Native English writer</span>
-                            </li>
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">Basic research included</span>
-                            </li>
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">1 revision round</span>
-                            </li>
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">Standard formatting</span>
-                            </li>
-                            <li class="flex items-start text-gray-400 dark:text-gray-500">
-                                <i class="fas fa-times mt-1 mr-2"></i>
-                                <span>AI detection check</span>
-                            </li>
-                        </ul>
-                        <button class="mt-8 w-full py-3 border border-blue-600 text-blue-600 dark:text-blue-300 rounded-lg hover:bg-blue-50 dark:hover:bg-gray-800 transition">Choose Plan</button>
+                <div class="bg-card-light dark:bg-card-dark p-4 rounded-lg flex items-center justify-center h-24 border border-gray-200 dark:border-gray-700">
+                    <div class="text-center">
+                        <i class="fas fa-qrcode text-3xl text-red-500"></i>
+                        <p class="text-xs mt-1">KHQR</p>
                     </div>
                 </div>
-                
-                <!-- Popular Plan -->
-                <div class="border-2 border-blue-500 rounded-xl shadow-md transform scale-105 z-10">
-                    <div class="gradient-bg p-6 rounded-t-lg text-white">
-                        <div class="flex justify-between items-start">
-                            <h3 class="text-xl font-bold">Premium</h3>
-                            <span class="bg-white text-blue-600 text-xs font-bold px-2 py-1 rounded-full">MOST POPULAR</span>
-                        </div>
-                        <div class="mt-4 text-center">
-                            <span class="text-4xl font-bold">$25</span>
-                            <span class="text-blue-200">/page</span>
-                        </div>
-                        <p class="mt-4 text-blue-100 text-center">For assignments with 1 week deadline</p>
-                    </div>
-                    <div class="p-6 bg-white dark:bg-gray-700 rounded-b-lg">
-                        <ul class="space-y-3">
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">Top-rated native writer</span>
-                            </li>
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">In-depth research</span>
-                            </li>
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">2 revision rounds</span>
-                            </li>
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">Professional formatting</span>
-                            </li>
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">AI detection check</span>
-                            </li>
-                        </ul>
-                        <button class="mt-8 w-full py-3 gradient-bg text-white rounded-lg hover:opacity-90 transition">Choose Plan</button>
+                <div class="bg-card-light dark:bg-card-dark p-4 rounded-lg flex items-center justify-center h-24 border border-gray-200 dark:border-gray-700">
+                    <div class="text-center">
+                        <i class="fas fa-wallet text-3xl text-yellow-500"></i>
+                        <p class="text-xs mt-1">TrueMoney</p>
                     </div>
                 </div>
-                
-                <!-- Urgent Plan -->
-                <div class="border border-gray-200 dark:border-gray-700 rounded-xl shadow-sm hover:shadow-md transition">
-                    <div class="p-6 border-b border-gray-200 dark:border-gray-700">
-                        <h3 class="text-xl font-bold text-center dark:text-white">Urgent</h3>
-                        <div class="mt-4 text-center">
-                            <span class="text-4xl font-bold dark:text-white">$40</span>
-                            <span class="text-gray-500 dark:text-gray-400">/page</span>
-                        </div>
-                        <p class="mt-4 text-gray-600 dark:text-gray-400 text-center">For assignments with 3 days deadline</p>
-                    </div>
-                    <div class="p-6">
-                        <ul class="space-y-3">
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">Expert native writer</span>
-                            </li>
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">Priority research</span>
-                            </li>
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">3 revision rounds</span>
-                            </li>
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">Perfect formatting</span>
-                            </li>
-                            <li class="flex items-start">
-                                <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
-                                <span class="dark:text-gray-300">AI detection + rewrite</span>
-                            </li>
-                        </ul>
-                        <button class="mt-8 w-full py-3 border border-blue-600 text-blue-600 dark:text-blue-300 rounded-lg hover:bg-blue-50 dark:hover:bg-gray-800 transition">Choose Plan</button>
+                <div class="bg-card-light dark:bg-card-dark p-4 rounded-lg flex items-center justify-center h-24 border border-gray-200 dark:border-gray-700">
+                    <div class="text-center">
+                        <i class="fas fa-mobile-alt text-3xl text-green-600"></i>
+                        <p class="text-xs mt-1">Wing</p>
                     </div>
                 </div>
             </div>
-            
-            <div class="mt-12 bg-blue-50 dark:bg-gray-800 rounded-xl p-8 max-w-4xl mx-auto">
-                <h3 class="text-xl font-bold text-center mb-6 dark:text-white">Price Calculator</h3>
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
-                    <div>
-                        <div class="mb-4">
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Assignment Type</label>
-                            <select class="w-full p-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg">
-                                <option>Essay</option>
-                                <option>Research Paper</option>
-                                <option>Report</option>
-                                <option>Case Study</option>
-                            </select>
-                        </div>
-                        <div class="mb-4">
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Pages</label>
-                            <input type="number" min="1" value="5" class="w-full p-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg">
-                        </div>
-                    </div>
-                    <div>
-                        <div class="mb-4">
-                            <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Urgency</label>
-                            <select class="w-full p-3 border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 rounded-lg">
-                                <option>Standard (2+ weeks)</option>
-                                <option>Priority (1 week)</option>
-                                <option>Urgent (3 days)</option>
-                                <option>Emergency (24 hours)</option>
-                            </select>
-                        </div>
-                        <div class="bg-white dark:bg-gray-700 p-4 rounded-lg border border-gray-200 dark:border-gray-600">
-                            <div class="flex justify-between mb-2">
-                                <span class="font-medium dark:text-gray-300">Estimated Cost:</span>
-                                <span class="font-bold dark:text-white">$125.00</span>
+        </section>
+
+        <!-- Testimonials -->
+        <section class="mb-16">
+            <h2 class="text-3xl font-light text-center mb-12 tracking-tight">What Our Users Say</h2>
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <div class="bg-card-light dark:bg-card-dark p-6 rounded-xl border border-gray-200 dark:border-gray-700">
+                    <div class="flex items-center mb-4">
+                        <div class="w-10 h-10 rounded-full bg-gradient-to-r from-blue-500 to-red-500 mr-3"></div>
+                        <div>
+                            <h4 class="font-bold">Sokha</h4>
+                            <div class="flex text-yellow-400">
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
                             </div>
-                            <div class="text-sm text-gray-500 dark:text-gray-400">Includes all fees and basic services</div>
                         </div>
                     </div>
+                    <p class="text-gray-600 dark:text-gray-400 font-light">"I use KHR Exchange weekly to cash out my crypto earnings. The ABA transfers are instant and the rates are better than anywhere else in Phnom Penh."</p>
                 </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- FAQ Section -->
-    <section class="py-16 bg-blue-50 dark:bg-gray-800">
-        <div class="container mx-auto px-4">
-            <div class="text-center mb-12">
-                <h2 class="text-3xl font-bold text-blue-800 dark:text-blue-300 mb-4">Frequently Asked Questions</h2>
-                <p class="text-xl text-gray-600 dark:text-gray-400 max-w-3xl mx-auto">Answers to common questions about our service.</p>
-            </div>
-            
-            <div class="max-w-3xl mx-auto">
-                <div class="space-y-4">
-                    <!-- FAQ Item 1 -->
-                    <div class="bg-white dark:bg-gray-700 p-6 rounded-xl shadow-sm">
-                        <button class="flex justify-between items-center w-full text-left faq-toggle">
-                            <span class="font-bold text-lg dark:text-white">Is this service considered cheating?</span>
-                            <i class="fas fa-chevron-down transition-transform duration-300"></i>
-                        </button>
-                        <div class="faq-content mt-3 hidden">
-                            <p class="text-gray-600 dark:text-gray-300">Our service is designed as a tutoring and editing assistance platform. We provide guidance, editing, and model papers to help ESL students improve their academic writing skills. However, it is ultimately the student's responsibility to ensure their use of our services complies with their institution's academic integrity policies.</p>
-                            <p class="text-gray-600 dark:text-gray-300 mt-2">We strongly recommend using our materials as learning aids and references rather than submitting them as your own work.</p>
-                        </div>
-                    </div>
-                    
-                    <!-- FAQ Item 2 -->
-                    <div class="bg-white dark:bg-gray-700 p-6 rounded-xl shadow-sm">
-                        <button class="flex justify-between items-center w-full text-left faq-toggle">
-                            <span class="font-bold text-lg dark:text-white">How do you ensure the quality of freelancers?</span>
-                            <i class="fas fa-chevron-down transition-transform duration-300"></i>
-                        </button>
-                        <div class="faq-content mt-3 hidden">
-                            <p class="text-gray-600 dark:text-gray-300">All freelancers go through a rigorous screening process that includes:</p>
-                            <ul class="list-disc list-inside mt-2 space-y-1 text-gray-600 dark:text-gray-300">
-                                <li>Native English proficiency verification</li>
-                                <li>Academic credential verification</li>
-                                <li>Writing sample evaluation</li>
-                                <li>Subject matter expertise assessment</li>
-                            </ul>
-                            <p class="text-gray-600 dark:text-gray-300 mt-2">Additionally, we maintain a robust rating system where students can review freelancers after each assignment.</p>
-                        </div>
-                    </div>
-                    
-                    <!-- FAQ Item 3 -->
-                    <div class="bg-white dark:bg-gray-700 p-6 rounded-xl shadow-sm">
-                        <button class="flex justify-between items-center w-full text-left faq-toggle">
-                            <span class="font-bold text-lg dark:text-white">What if I'm not satisfied with the work?</span>
-                            <i class="fas fa-chevron-down transition-transform duration-300"></i>
-                        </button>
-                        <div class="faq-content mt-3 hidden">
-                            <p class="text-gray-600 dark:text-gray-300">We offer a satisfaction guarantee with free revisions included in all our plans. If you're not happy with the initial submission:</p>
-                            <ol class="list-decimal list-inside mt-2 space-y-1 text-gray-600 dark:text-gray-300">
-                                <li>Request specific changes through our messaging system</li>
-                                <li>The freelancer will make the requested revisions</li>
-                                <li>If still unsatisfied after revisions, you may request a different writer</li>
-                                <li>As a last resort, we offer partial refunds based on the work completed</li>
-                            </ol>
-                        </div>
-                    </div>
-                    
-                    <!-- FAQ Item 4 -->
-                    <div class="bg-white dark:bg-gray-700 p-6 rounded-xl shadow-sm">
-                        <button class="flex justify-between items-center w-full text-left faq-toggle">
-                            <span class="font-bold text-lg dark:text-white">How does the AI detection check work?</span>
-                            <i class="fas fa-chevron-down transition-transform duration-300"></i>
-                        </button>
-                        <div class="faq-content mt-3 hidden">
-                            <p class="text-gray-600 dark:text-gray-300">Our AI detection system analyzes your text using multiple indicators that plagiarism detection software like Turnitin looks for, including:</p>
-                            <ul class="list-disc list-inside mt-2 space-y-1 text-gray-600 dark:text-gray-300">
-                                <li>Patterns in word choice and sentence structure</li>
-                                <li>Consistency of writing style</li>
-                                <li>Common AI-generated phrasing</li>
-                                <li>Originality of ideas and arguments</li>
-                            </ul>
-                            <p class="text-gray-600 dark:text-gray-300 mt-2">The system provides a score (Low/Medium/High risk) and suggestions for making the text appear more human-written if needed.</p>
+                <div class="bg-card-light dark:bg-card-dark p-6 rounded-xl border border-gray-200 dark:border-gray-700">
+                    <div class="flex items-center mb-4">
+                        <div class="w-10 h-10 rounded-full bg-gradient-to-r from-green-500 to-blue-500 mr-3"></div>
+                        <div>
+                            <h4 class="font-bold">David</h4>
+                            <div class="flex text-yellow-400">
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star-half-alt"></i>
+                            </div>
                         </div>
                     </div>
-                    
-                    <!-- FAQ Item 5 -->
-                    <div class="bg-white dark:bg-gray-700 p-6 rounded-xl shadow-sm">
-                        <button class="flex justify-between items-center w-full text-left faq-toggle">
-                            <span class="font-bold text-lg dark:text-white">Can I communicate directly with the freelancer?</span>
-                            <i class="fas fa-chevron-down transition-transform duration-300"></i>
-                        </button>
-                        <div class="faq-content mt-3 hidden">
-                            <p class="text-gray-600 dark:text-gray-300">Yes, our platform includes a secure messaging system that allows direct communication between students and freelancers. Features include:</p>
-                            <ul class="list-disc list-inside mt-2 space-y-1 text-gray-600 dark:text-gray-300">
-                                <li>Real-time chat with message history</li>
-                                <li>File sharing for drafts and materials</li>
-                                <li>Optional translation support for ESL students</li>
-                                <li>Scheduled video calls (premium feature)</li>
-                            </ul>
-                            <p class="text-gray-600 dark:text-gray-300 mt-2">All communication is monitored for quality assurance and remains confidential.</p>
+                    <p class="text-gray-600 dark:text-gray-400 font-light">"As an expat, this service has been invaluable for converting my USD to crypto and back. The cash pickup locations are convenient all over the city."</p>
+                </div>
+                <div class="bg-card-light dark:bg-card-dark p-6 rounded-xl border border-gray-200 dark:border-gray-700">
+                    <div class="flex items-center mb-4">
+                        <div class="w-10 h-10 rounded-full bg-gradient-to-r from-red-500 to-yellow-500 mr-3"></div>
+                        <div>
+                            <h4 class="font-bold">Ratha</h4>
+                            <div class="flex text-yellow-400">
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
+                            </div>
                         </div>
                     </div>
-                </div>
-                
-                <div class="mt-8 text-center">
-                    <button class="px-6 py-2 border border-blue-600 text-blue-600 dark:text-blue-300 rounded-lg hover:bg-blue-50 dark:hover:bg-gray-700 transition">View All FAQs</button>
+                    <p class="text-gray-600 dark:text-gray-400 font-light">"The ringpull exchange is genius! I've won 3 free beers this month just from trading the ringpulls from my regular Angkor beers."</p>
                 </div>
             </div>
-        </div>
-    </section>
+        </section>
 
-    <!-- CTA Section -->
-    <section class="gradient-bg text-white py-16">
-        <div class="container mx-auto px-4 text-center">
-            <h2 class="text-3xl font-bold mb-6">Ready to Improve Your Academic Performance?</h2>
-            <p class="text-xl mb-8 max-w-2xl mx-auto">Join thousands of ESL students who achieve better grades with our help.</p>
-            <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
-                <button class="px-8 py-3 bg-white text-blue-600 rounded-full font-bold hover:bg-blue-50 transition">Get Started Now</button>
-                <button class="px-8 py-3 border-2 border-white rounded-full font-bold hover:bg-white hover:text-blue-600 transition">Schedule a Demo</button>
-            </div>
-        </div>
-    </section>
+        <!-- CTA Section -->
+        <section class="bg-gradient-to-r from-blue-600 to-red-600 text-white rounded-2xl p-8 text-center mb-16">
+            <h2 class="text-3xl font-light mb-4 tracking-tight">Ready to Start Trading?</h2>
+            <p class="text-lg mb-6 max-w-2xl mx-auto font-light">Join thousands of Cambodians using KHR Exchange for fast, secure crypto and ringpull transactions.</p>
+            <button class="bg-white text-blue-600 px-8 py-3 rounded-md hover:bg-opacity-90 transition font-light">
+                Sign Up Now - It's Free
+            </button>
+        </section>
+    </main>
 
-    <!-- Footer -->
-    <footer class="bg-blue-900 text-blue-200 py-12">
+    <footer class="bg-card-light dark:bg-card-dark border-t border-gray-200 dark:border-gray-700 transition-colors-slow py-12">
         <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
                 <div>
-                    <div class="flex items-center mb-4">
-                        <i class="fas fa-graduation-cap text-2xl text-white mr-2"></i>
-                        <span class="text-xl font-bold text-white">ESL Academic Hub</span>
-                    </div>
-                    <p class="mb-4">Helping ESL students achieve academic success through ethical writing assistance and learning support.</p>
-                    <div class="flex space-x-4">
-                        <a href="#" class="text-white hover:text-blue-400"><i class="fab fa-facebook-f"></i></a>
-                        <a href="#" class="text-white hover:text-blue-400"><i class="fab fa-twitter"></i></a>
-                        <a href="#" class="text-white hover:text-blue-400"><i class="fab fa-linkedin-in"></i></a>
-                        <a href="#" class="text-white hover:text-blue-400"><i class="fab fa-instagram"></i></a>
+                    <div class="flex items-center space-x-2 mb-4">
+                        <div class="w-8 h-8 rounded-full bg-gradient-to-b from-blue-600 via-red-600 to-white flex items-center justify-center">
+                            <span class="text-white text-xs font-bold">KHR</span>
+                        </div>
+                        <h3 class="text-lg font-bold khmer-flag-logo">KHR Exchange</h3>
                     </div>
+                    <p class="text-gray-600 dark:text-gray-400 font-light">Cambodia's premier P2P exchange platform for crypto, cash, and tokenized ringpulls.</p>
                 </div>
-                
                 <div>
-                    <h3 class="text-white font-bold mb-4">Services</h3>
+                    <h3 class="text-lg font-bold mb-4">Services</h3>
                     <ul class="space-y-2">
-                        <li><a href="#" class="hover:text-white transition">Assignment Help</a></li>
-                        <li><a href="#" class="hover:text-white transition">Editing & Proofreading</a></li>
-                        <li><a href="#" class="hover:text-white transition">Research Assistance</a></li>
-                        <li><a href="#" class="hover:text-white transition">Citation Tools</a></li>
-                        <li><a href="#" class="hover:text-white transition">AI Detection Check</a></li>
+                        <li><a href="#" class="text-gray-600 dark:text-gray-400 hover:text-primary-light dark:hover:text-primary-dark transition font-light">Crypto Exchange</a></li>
+                        <li><a href="#" class="text-gray-600 dark:text-gray-400 hover:text-primary-light dark:hover:text-primary-dark transition font-light">Ringpull Marketplace</a></li>
+                        <li><a href="#" class="text-gray-600 dark:text-gray-400 hover:text-primary-light dark:hover:text-primary-dark transition font-light">Cash Pickup Locations</a></li>
+                        <li><a href="#" class="text-gray-600 dark:text-gray-400 hover:text-primary-light dark:hover:text-primary-dark transition font-light">Bank Transfers</a></li>
                     </ul>
                 </div>
-                
                 <div>
-                    <h3 class="text-white font-bold mb-4">Resources</h3>
+                    <h3 class="text-lg font-bold mb-4">Support</h3>
                     <ul class="space-y-2">
-                        <li><a href="#" class="hover:text-white transition">Academic Writing Guide</a></li>
-                        <li><a href="#" class="hover:text-white transition">Sample Papers</a></li>
-                        <li><a href="#" class="hover:text-white transition">University Writing Centers</a></li>
-                        <li><a href="#" class="hover:text-white transition">ESL Learning Tools</a></li>
-                        <li><a href="#" class="hover:text-white transition">Blog</a></li>
+                        <li><a href="#" class="text-gray-600 dark:text-gray-400 hover:text-primary-light dark:hover:text-primary-dark transition font-light">Help Center</a></li>
+                        <li><a href="#" class="text-gray-600 dark:text-gray-400 hover:text-primary-light dark:hover:text-primary-dark transition font-light">Contact Us</a></li>
+                        <li><a href="#" class="text-gray-600 dark:text-gray-400 hover:text-primary-light dark:hover:text-primary-dark transition font-light">FAQ</a></li>
+                        <li><a href="#" class="text-gray-600 dark:text-gray-400 hover:text-primary-light dark:hover:text-primary-dark transition font-light">Safety Tips</a></li>
                     </ul>
                 </div>
-                
-                <div>
-                    <h3 class="text-white font-bold mb-4">Legal</h3>
+                <div id="contact">
+                    <h3 class="text-lg font-bold mb-4">Contact</h3>
                     <ul class="space-y-2">
-                        <li><a href="#" class="hover:text-white transition">Terms of Service</a></li>
-                        <li><a href="#" class="hover:text-white transition">Privacy Policy</a></li>
-                        <li><a href="#" class="hover:text-white transition">Academic Integrity</a></li>
-                        <li><a href="#" class="hover:text-white transition">Refund Policy</a></li>
-                        <li><a href="#" class="hover:text-white transition">Contact Us</a></li>
+                        <li class="flex items-center">
+                            <i class="fas fa-map-marker-alt mr-2 text-gray-600 dark:text-gray-400"></i>
+                            <span class="text-gray-600 dark:text-gray-400 font-light">Phnom Penh, Cambodia</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-phone-alt mr-2 text-gray-600 dark:text-gray-400"></i>
+                            <span class="text-gray-600 dark:text-gray-400 font-light">+855 23 456 789</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-envelope mr-2 text-gray-600 dark:text-gray-400"></i>
+                            <span class="text-gray-600 dark:text-gray-400 font-light">support@khrexchange.com</span>
+                        </li>
                     </ul>
+                    <div class="flex space-x-4 mt-4">
+                        <a href="#" class="w-8 h-8 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center hover:bg-blue-600 hover:text-white transition">
+                            <i class="fab fa-telegram"></i>
+                        </a>
+                        <a href="#" class="w-8 h-8 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center hover:bg-blue-600 hover:text-white transition">
+                            <i class="fab fa-facebook-f"></i>
+                        </a>
+                        <a href="#" class="w-8 h-8 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center hover:bg-blue-400 hover:text-white transition">
+                            <i class="fab fa-twitter"></i>
+                        </a>
+                    </div>
                 </div>
             </div>
-            
-            <div class="border-t border-blue-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
-                <p>© 2023 ESL Academic Hub. All rights reserved.</p>
-                <div class="flex space-x-6 mt-4 md:mt-0">
-                    <a href="#" class="hover:text-white transition">English</a>
-                    <a href="#" class="hover:text-white transition">中文</a>
-                    <a href="#" class="hover:text-white transition">Español</a>
-                    <a href="#" class="hover:text-white transition">العربية</a>
+            <div class="pt-8 border-t border-gray-200 dark:border-gray-700 flex flex-col md:flex-row justify-between items-center">
+                <p class="text-gray-600 dark:text-gray-400 mb-4 md:mb-0 font-light">© 2023 KHR Exchange. All rights reserved.</p>
+                <div class="flex space-x-6">
+                    <a href="#" class="text-gray-600 dark:text-gray-400 hover:text-primary-light dark:hover:text-primary-dark transition font-light">Terms</a>
+                    <a href="#" class="text-gray-600 dark:text-gray-400 hover:text-primary-light dark:hover:text-primary-dark transition font-light">Privacy</a>
+                    <a href="#" class="text-gray-600 dark:text-gray-400 hover:text-primary-light dark:hover:text-primary-dark transition font-light">Cookies</a>
                 </div>
             </div>
         </div>
     </footer>
 
-    <!-- Floating Action Button -->
-    <div class="fixed bottom-6 right-6 z-50">
-        <button class="floating-button w-14 h-14 rounded-full gradient-bg text-white shadow-xl flex items-center justify-center">
-            <i class="fas fa-comment-dots text-xl"></i>
-        </button>
-    </div>
-
     <script>
-        // Theme management
-        function setTheme(theme) {
-            if (theme === 'dark') {
-                document.documentElement.classList.add('dark');
-                localStorage.theme = 'dark';
-            } else {
-                document.documentElement.classList.remove('dark');
-                localStorage.theme = 'light';
-            }
-        }
-
-        function toggleTheme() {
-            if (document.documentElement.classList.contains('dark')) {
-                setTheme('light');
-            } else {
-                setTheme('dark');
-            }
-        }
-
-        // Check for saved theme preference or system preference
-        if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-            setTheme('dark');
-        } else {
-            setTheme('light');
-        }
-
-        // Listen for system theme changes
-        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
-            if (!('theme' in localStorage)) {
-                if (e.matches) {
-                    setTheme('dark');
-                } else {
-                    setTheme('light');
-                }
-            }
-        });
-
-        // Theme toggle buttons
-        document.getElementById('themeToggle').addEventListener('click', toggleTheme);
-        document.getElementById('mobileThemeToggle').addEventListener('click', toggleTheme);
-
-        // Mobile menu toggle
-        document.getElementById('mobileMenuBtn').addEventListener('click', function() {
-            document.getElementById('mobileMenu').classList.toggle('hidden');
-        });
-
-        // FAQ toggle
-        document.querySelectorAll('.faq-toggle').forEach(button => {
-            button.addEventListener('click', function() {
-                const content = this.nextElementSibling;
-                const icon = this.querySelector('i');
-                
-                content.classList.toggle('hidden');
-                icon.classList.toggle('rotate-180');
-            });
-        });
-
-        // Word count display
-        const wordCountSlider = document.querySelector('input[type="range"]');
-        const wordCountDisplay = document.getElementById('wordCountDisplay');
+        // Theme toggle functionality
+        const themeToggle = document.getElementById('theme-toggle');
+        const html = document.documentElement;
         
-        wordCountSlider.addEventListener('input', function() {
-            wordCountDisplay.textContent = `${this.value} words`;
-        });
-
-        // Assignment modal
-        const assignmentModal = document.getElementById('assignmentModal');
-        const closeModalBtn = document.getElementById('closeModalBtn');
+        // Check for saved theme preference or use system preference
+        const savedTheme = localStorage.getItem('theme');
+        const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
         
-        // Show modal when "Post an Assignment" is clicked (simplified for demo)
-        document.querySelectorAll('button').forEach(btn => {
-            if (btn.textContent.includes('Post an Assignment')) {
-                btn.addEventListener('click', function() {
-                    assignmentModal.classList.remove('hidden');
-                });
-            }
-        });
+        if (savedTheme) {
+            html.classList.add(savedTheme);
+        } else if (systemPrefersDark) {
+            html.classList.add('dark');
+        }
         
-        closeModalBtn.addEventListener('click', function() {
-            assignmentModal.classList.add('hidden');
-        });
-
-        // Sample assignment data
-        const assignments = [
-            {
-                title: "Research Paper on Behavioral Psychology",
-                subject: "Psychology",
-                type: "Research Paper",
-                due: "2023-12-15",
-                grade: "A",
-                words: 2500,
-                bids: 8,
-                budget: "$200",
-                description: "Need a comprehensive research paper on the effects of social media on adolescent behavior. Must use at least 10 academic sources and follow APA formatting."
-            },
-            {
-                title: "Comparative Analysis of Economic Systems",
-                subject: "Economics",
-                type: "Essay",
-                due: "2023-11-30",
-                grade: "B+",
-                words: 1500,
-                bids: 5,
-                budget: "$120",
-                description: "Compare and contrast capitalist, socialist, and mixed economic systems with real-world examples. Harvard citation style required."
-            },
-            {
-                title: "Case Study: Tesla's Market Strategy",
-                subject: "Business",
-                type: "Case Study",
-                due: "2023-12-05",
-                grade: "A-",
-                words: 2000,
-                bids: 12,
-                budget: "$180",
-                description: "Analyze Tesla's market positioning and competitive advantages. Include recent financial data and use Chicago citation style."
-            },
-            {
-                title: "Literary Analysis of 'The Great Gatsby'",
-                subject: "Literature",
-                type: "Essay",
-                due: "2023-11-25",
-                grade: "A",
-                words: 1800,
-                bids: 7,
-                budget: "$150",
-                description: "Focus on the theme of the American Dream in Fitzgerald's novel. MLA formatting required with close reading of selected passages."
+        themeToggle.addEventListener('click', () => {
+            if (html.classList.contains('dark')) {
+                html.classList.remove('dark');
+                localStorage.setItem('theme', 'light');
+            } else {
+                html.classList.add('dark');
+                localStorage.setItem('theme', 'dark');
             }
-        ];
-
-        // Render assignment cards
-        const assignmentList = document.getElementById('assignmentList');
-        
-        assignments.forEach(assignment => {
-            const card = document.createElement('div');
-            card.className = 'assignment-card bg-white dark:bg-gray-700 rounded-xl shadow-md p-6 transition cursor-pointer hover:border-blue-300 border border-transparent dark:border-gray-600';
-            card.innerHTML = `
-                <div class="flex flex-col md:flex-row md:justify-between">
-                    <div class="mb-4 md:mb-0">
-                        <h3 class="text-xl font-bold mb-2 dark:text-white">${assignment.title}</h3>
-                        <div class="flex flex-wrap gap-2 mb-3">
-                            <span class="px-2 py-1 bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 text-xs rounded-full">${assignment.subject}</span>
-                            <span class="px-2 py-1 bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 text-xs rounded-full">${assignment.type}</span>
-                            <span class="px-2 py-1 bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200 text-xs rounded-full">Due: ${new Date(assignment.due).toLocaleDateString()}</span>
-                            <span class="px-2 py-1 bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 text-xs rounded-full">Target: ${assignment.grade}</span>
-                        </div>
-                        <p class="text-gray-600 dark:text-gray-300">${assignment.description}</p>
-                    </div>
-                    <div class="md:pl-4 md:border-l md:border-gray-200 dark:md:border-gray-600 flex-shrink-0">
-                        <div class="mb-3">
-                            <span class="block text-2xl font-bold text-blue-600 dark:text-blue-300">${assignment.budget}</span>
-                            <span class="text-sm text-gray-500 dark:text-gray-400">${assignment.words} words</span>
-                        </div>
-                        <div class="flex items-center mb-3">
-                            <i class="fas fa-user-edit text-blue-500 dark:text-blue-400 mr-2"></i>
-                            <span class="text-sm dark:text-gray-300">${assignment.bids} bids received</span>
-                        </div>
-                        <button class="w-full md:w-auto px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">View Details</button>
-                    </div>
-                </div>
-            `;
-            assignmentList.appendChild(card);
-        });
-
-        // Login/Signup buttons (simplified for demo)
-        document.getElementById('loginBtn').addEventListener('click', function() {
-            alert('Login functionality would be implemented here with proper authentication.');
         });
         
-        document.getElementById('signupBtn').addEventListener('click', function() {
-            alert('Signup form would appear here with student/freelancer options.');
+        // Watch for system theme changes
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
+            if (!localStorage.getItem('theme')) {
+                if (event.matches) {
+                    html.classList.add('dark');
+                } else {
+                    html.classList.remove('dark');
+                }
+            }
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=steake/esl-buddy" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
