diff --git a/frontend/src/app/community-courses/page.tsx b/frontend/src/app/community-courses/page.tsx
index f841398e..209167a4 100644
--- a/frontend/src/app/community-courses/page.tsx
+++ b/frontend/src/app/community-courses/page.tsx
@@ -1,4 +1,5 @@
"use client";
+import Button from '@/components/Button';
import { useState, useEffect } from "react";
import Coursenav from "@/component/coursenav";
import CommunityCard from "@/component/CommunityCard";
@@ -172,13 +173,7 @@ export default function CommunityCoursesPage() {
Explore Courses Created By The Community Or Share Your Own
-
+
{/* Search and Create Course */}
@@ -216,19 +211,15 @@ export default function CommunityCoursesPage() {
{ id: "top rated", label: "Top Rated" },
{ id: "new", label: "New" },
].map((filter) => (
-
+
))}
diff --git a/frontend/src/app/contact/page.tsx b/frontend/src/app/contact/page.tsx
index 97bb7830..98dc69cb 100644
--- a/frontend/src/app/contact/page.tsx
+++ b/frontend/src/app/contact/page.tsx
@@ -1,5 +1,5 @@
"use client";
-
+import Button from '@/components/Button';
import { useState } from "react";
import Link from "next/link";
import { ChevronLeft, Send, CheckCircle, AlertCircle, MessageSquare, Twitter, Github } from "lucide-react";
@@ -107,24 +107,25 @@ export default function ContactPage() {
Thanks for reaching out. We typically respond within 24–48 hours.
-
+
) : status === "error" ? (
Something went wrong
Please try again or reach us directly via social media.
-
+
) : (
)}
diff --git a/frontend/src/app/docs/page.tsx b/frontend/src/app/docs/page.tsx
index a6477063..e2d5634a 100644
--- a/frontend/src/app/docs/page.tsx
+++ b/frontend/src/app/docs/page.tsx
@@ -1,5 +1,5 @@
"use client";
-
+import Button from '@/components/Button';
import React, { useState } from "react";
import Header from "@/component/Header";
import Footer from "@/component/Footer";
@@ -180,9 +180,9 @@ export default function DocsPage() {
{section.external ? : }
) : (
-
)}
@@ -205,12 +205,12 @@ export default function DocsPage() {
New to prediction markets? Understand how prices reflect probability, how liquidity works, and why decentralized markets offer superior insight compared to traditional polling.
-
{/* Answer */}
diff --git a/frontend/src/component/Homepage/HeroSection.tsx b/frontend/src/component/Homepage/HeroSection.tsx
index 570e678a..4420e283 100644
--- a/frontend/src/component/Homepage/HeroSection.tsx
+++ b/frontend/src/component/Homepage/HeroSection.tsx
@@ -1,3 +1,4 @@
+import Button from '@/components/Button';
import Image from "next/image";
import UnifiedBackground from "./UnifiedBackground";
@@ -35,14 +36,15 @@ export default function HeroSection() {
-
-
-
-
+
+
+
+
+
diff --git a/frontend/src/component/Homepage/Hero_section.tsx b/frontend/src/component/Homepage/Hero_section.tsx
index a10f6686..cdf30eca 100644
--- a/frontend/src/component/Homepage/Hero_section.tsx
+++ b/frontend/src/component/Homepage/Hero_section.tsx
@@ -1,4 +1,5 @@
"use client";
+import Button from '@/components/Button';
import { useState, useEffect } from "react";
import { FaGraduationCap, FaTrophy } from "react-icons/fa";
import { motion } from "framer-motion";
@@ -57,7 +58,7 @@ export default function Hero() {
{/* Buttons */}
-
-
{/* Stats */}
diff --git a/frontend/src/component/Homepage/HowItWorks.tsx b/frontend/src/component/Homepage/HowItWorks.tsx
index 20e43eea..6c4c8b37 100644
--- a/frontend/src/component/Homepage/HowItWorks.tsx
+++ b/frontend/src/component/Homepage/HowItWorks.tsx
@@ -1,4 +1,5 @@
import { Card, CardContent } from "@/component/ui/card"
+import Button from '@/components/Button';
import { Star, Shield, Trophy, Award, Users, BookOpen, Gift } from "lucide-react"
@@ -311,12 +312,12 @@ export default function HowItWorks() {
-
diff --git a/frontend/src/component/QuickActions.tsx b/frontend/src/component/QuickActions.tsx
index ce7b7cbe..7c7133d9 100644
--- a/frontend/src/component/QuickActions.tsx
+++ b/frontend/src/component/QuickActions.tsx
@@ -1,3 +1,4 @@
+import Button from '@/components/Button';
import React from 'react';
// These icons are common in React projects.
// If they aren't installed, we can switch to simple emojis for now!
@@ -20,7 +21,7 @@ const QuickActions = () => {
{/* Requirement: Responsive Grid. 2 columns on mobile, 4 on tablet/desktop */}
{actions.map((item, index) => (
-
+
))}
diff --git a/frontend/src/component/RewardsWalletCard.tsx b/frontend/src/component/RewardsWalletCard.tsx
index bb085d8e..c1934bd0 100644
--- a/frontend/src/component/RewardsWalletCard.tsx
+++ b/frontend/src/component/RewardsWalletCard.tsx
@@ -1,5 +1,5 @@
import { Wallet } from "lucide-react";
-
+import Button from '@/components/Button';
export default function RewardsWalletCard() {
return (
@@ -42,9 +42,9 @@ export default function RewardsWalletCard() {
{/* Button */}
-
);
}
diff --git a/frontend/src/component/coursenav.tsx b/frontend/src/component/coursenav.tsx
index 8f58b96d..8438b371 100644
--- a/frontend/src/component/coursenav.tsx
+++ b/frontend/src/component/coursenav.tsx
@@ -1,5 +1,5 @@
"use client";
-
+import Button from '@/components/Button';
import { useState } from "react";
import { Dialog } from "@headlessui/react";
import { Moon, Menu, X, Bell } from "lucide-react";
@@ -31,7 +31,7 @@ const Navbar = () => {
{/* Course section */}
-
+
{/* Modal positioned directly under the button */}
{isCoursesOpen && (
{