fix

frontend/app/games/[game_id]/page.tsx

@@ -5,11 +5,11 @@ import { useParams } from 'next/navigation';
 export default function GamePage() {
     const { game_id } = useParams();
     return (
-        <main className="pt-24" data-oid="mb8qk5q">
-            <section className="px-6 max-w-6xl mx-auto" data-oid="-wtdbza">
+        <main className="pt-24" data-oid="q4lhmyr">
+            <section className="px-6 max-w-6xl mx-auto" data-oid="hsz.ge-">
                 <div
                     className="flex flex-col md:flex-row items-center gap-12 text-gray-200"
-                    data-oid="5__6:mx"
+                    data-oid="asd6y95"
                 >
                     {game_id}
                 </div>

frontend/app/games/page.jsx

@@ -9,19 +9,19 @@ function GameCard({ game }) {
         <Link
             href={`/games/${game.id}`}
             className="fade-scale-in group block bg-gray-900/50 p-2 rounded-xl shadow-lg hover:shadow-xl transition-shadow border border-gray-800/50 hover:border-gray-700/50"
-            data-oid="e7l_iso"
+            data-oid="zocok_q"
         >
-            <div className="overflow-hidden rounded" data-oid="8dphux0">
+            <div className="overflow-hidden rounded" data-oid="ecp755_">
                 <Image
                     src={game.thumbnail}
                     alt={game.name}
                     width={200}
                     height={200}
                     className="w-full h-auto group-hover:scale-105 transition-transform"
-                    data-oid="y_p3r17"
+                    data-oid="0c3j6cc"
                 />
             </div>
-            <h2 className="mt-2 text-xl font-bold text-center text-gray-300" data-oid="damqhlf">
+            <h2 className="mt-2 text-xl font-bold text-center text-gray-300" data-oid="on9swy.">
                 {game.name}
             </h2>
         </Link>
@@ -36,7 +36,7 @@ function SearchBar({ searchQuery, setSearchQuery }) {
             onChange={(e) => setSearchQuery(e.target.value)}
             placeholder="Find Games"
             className="w-full mb-8 text-lg font-extralight text-center bg-gray-900/50 p-2 shadow-lg border-2 border-t-0 border-r-0 border-indigo-400 text-indigo-400 rounded-xl hover:border-b-0 hover:border-l-0 hover:border-t-2 hover:border-r-2 hover:bg-indigo-950/50 transform hover:scale-105 transition-all ease-in-out focus:outline-none"
-            data-oid="trg9yl6"
+            data-oid="a-vqlr."
         />
     );
 }
@@ -57,25 +57,25 @@ export default function GamesPage() {
     );
 
     return (
-        <main className="pt-14 min-h-screen" data-oid="-0h7zon">
-            <section className="px-6 max-w-6xl mx-auto" data-oid="01qjrzt">
+        <main className="pt-14 min-h-screen" data-oid="vwdkbu2">
+            <section className="px-6 max-w-6xl mx-auto" data-oid="jbx7bq1">
                 <SearchBar
                     searchQuery={searchQuery}
                     setSearchQuery={setSearchQuery}
-                    data-oid="q65tjuk"
+                    data-oid="rm5546f"
                 />
 
                 {filteredGames.length > 0 ? (
                     <div
                         className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6"
-                        data-oid="hpbi7du"
+                        data-oid="0ltugeb"
                     >
                         {filteredGames.map((game) => (
-                            <GameCard key={game.id} game={game} data-oid="2_b4wkl" />
+                            <GameCard key={game.id} game={game} data-oid="uot2cmv" />
                         ))}
                     </div>
                 ) : (
-                    <p className="text-center text-gray-400 text-xl" data-oid="nzxxbpw">
+                    <p className="text-center text-gray-400 text-xl" data-oid="4.e332x">
                         No games found.
                     </p>
                 )}

frontend/app/layout.tsx

@@ -9,75 +9,75 @@ const inter = Inter({ subsets: ['latin'] });
 
 export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
     return (
-        <html lang="en" className="overflow-x-hidden" data-oid="wj461ww">
-            <head data-oid="fm0wt8h">
+        <html lang="en" className="overflow-x-hidden" data-oid="br11-xo">
+            <head data-oid="21yetuw">
                 <meta
                     name="viewport"
                     content="width=device-width, initial-scale=1.0"
-                    data-oid="czf1upe"
+                    data-oid="dczqb5n"
                 />
             </head>
-            <body className={`${inter.className} overflow-x-hidden`} data-oid="jpj55d-">
+            <body className={`${inter.className} overflow-x-hidden`} data-oid="huyy5mf">
                 <div
                     className="min-h-screen bg-gradient-to-br from-[var(--gradient-start)] via-[var(--gradient-middle)] to-[var(--gradient-end)] flex flex-col overflow-x-hidden"
-                    data-oid="92f8nn4"
+                    data-oid="inxak3p"
                 >
                     <nav
                         className="px-4 py-4 bg-gray-950/90 backdrop-blur-sm fixed w-full z-50 border-b border-gray-800/50"
-                        data-oid="n7z_dnt"
+                        data-oid="phwfud7"
                     >
-                        <div className="flex justify-between items-center" data-oid="i.df4-z">
-                            <div className="flex items-center space-x-2" data-oid="e0-0u:r">
+                        <div className="flex justify-between items-center" data-oid="yhffl86">
+                            <div className="flex items-center space-x-2" data-oid="0xac83v">
                                 <Image
                                     className="w-auto h-12 rounded-full"
                                     src="/images/logo.jpg"
                                     width={50}
                                     height={50}
                                     alt="Logo"
-                                    data-oid="nk5uy1m"
+                                    data-oid="_2pf.by"
                                 />
 
                                 <h1
                                     className="text-xl font-bold bg-gradient-to-r from-indigo-400 to-purple-400 bg-clip-text text-transparent"
-                                    data-oid="72g8_m."
+                                    data-oid="a43yshw"
                                 >
                                     CAM
                                 </h1>
                             </div>
-                            <div className="md:flex space-x-6" data-oid="qk-_9ag">
+                            <div className="md:flex space-x-6" data-oid="r1fhku7">
                                 <Link
                                     href="/"
                                     className="text-gray-300 hover:text-indigo-400 transition-colors"
-                                    data-oid="2bvld4k"
+                                    data-oid="12r47c:"
                                 >
                                     Home
                                 </Link>
                                 <Link
                                     href="/games"
                                     className="text-gray-300 hover:text-indigo-400 transition-colors"
-                                    data-oid="gmala8q"
+                                    data-oid="bvs4hy6"
                                 >
                                     Games
                                 </Link>
                                 <Link
                                     href="/#contact-us"
                                     className="text-gray-300 hover:text-indigo-400 transition-colors"
-                                    data-oid="r5-mrc1"
+                                    data-oid="s.65e50"
                                 >
                                     Contact Us
                                 </Link>
                             </div>
                         </div>
                     </nav>
-                    <div className="flex-grow pt-[60px] pb-12" data-oid="t-r6jll">
+                    <div className="flex-grow pt-[60px] pb-12" data-oid="jn88w5k">
                         {children}
                     </div>
-                    <footer className="mt-auto bg-gray-900 py-4" data-oid="l-ta0fb">
+                    <footer className="mt-auto bg-gray-900 py-4" data-oid="nl0ccp7">
                         <div
                             className="max-w-6xl mx-auto px-6 text-center text-gray-400"
-                            data-oid="q42-kjm"
+                            data-oid="9bh:l-8"
                         >
-                            <p data-oid="4xn2nas">
+                            <p data-oid="p.-x_8c">
                                 © 2025 Community for Active Mathematics. All rights reserved.
                             </p>
                         </div>

frontend/app/page.tsx

@@ -8,124 +8,124 @@ export default function Page() {
     const [isMenuOpen, setIsMenuOpen] = useState(false);
 
     return (
-        <main className="pt-14 fade-scale-in" data-oid="iio4n2p">
-            <section className="px-6 max-w-6xl mx-auto" data-oid="rpm6b5v">
-                <div className="flex flex-col md:flex-row items-center gap-12" data-oid="592yvzq">
-                    <div className="flex-1 space-y-6" data-oid="92h6mfy">
-                        <h2 className="text-5xl font-bold text-gray-100" data-oid="7k_nq5_">
+        <main className="pt-14 fade-scale-in" data-oid="8zlg0-n">
+            <section className="px-6 max-w-6xl mx-auto" data-oid="s-v.62h">
+                <div className="flex flex-col md:flex-row items-center gap-12" data-oid="-qkhegd">
+                    <div className="flex-1 space-y-6" data-oid=".0qcbul">
+                        <h2 className="text-5xl font-bold text-gray-100" data-oid=".6e8bfv">
                             Making Math
-                            <span className="text-indigo-400" data-oid="k9vw0fi">
+                            <span className="text-indigo-400" data-oid="lp_rhvh">
                                 {' '}
                                 Fun{' '}
                             </span>
                             and
-                            <span className="text-purple-400" data-oid="qe.y-lg">
+                            <span className="text-purple-400" data-oid="ttlxct_">
                                 {' '}
                                 Engaging
                             </span>
                         </h2>
-                        <p className="text-lg text-gray-300" data-oid="orx1hpw">
+                        <p className="text-lg text-gray-300" data-oid="rctt8dl">
                             Join our vibrant community of math enthusiasts and discover a new way to
                             learn mathematics through interactive games and creative tools.
                         </p>
-                        <div className="flex gap-4" data-oid="si_1gx9">
+                        <div className="flex gap-4" data-oid="96e2.-f">
                             <Link
                                 href={'#learn-more'}
                                 className="px-6 py-3 bg-indigo-500 text-white rounded-full hover:bg-indigo-400 transform hover:scale-105 transition-all"
-                                data-oid="cp8n0me"
+                                data-oid="mzeb87p"
                             >
                                 Learn More
                             </Link>
                             <Link
                                 href={'/games'}
                                 className="px-6 py-3 border-2 border-indigo-400 text-indigo-400 rounded-full hover:bg-indigo-950/50 transform hover:scale-105 transition-all"
-                                data-oid="1iunr:o"
+                                data-oid=":mtq4w9"
                             >
                                 Explore Games
                             </Link>
                         </div>
                     </div>
-                    <div className="flex-1 relative" data-oid="iy1k9am">
+                    <div className="flex-1 relative" data-oid="8kr:6_u">
                         <div
                             className="absolute -top-10 -left-10 w-40 h-40 bg-purple-500 rounded-full mix-blend-screen filter blur-xl opacity-20 animate-blob"
-                            data-oid="6t3g8g-"
+                            data-oid="_cg2_1c"
                         ></div>
                         <div
                             className="absolute -bottom-10 -right-10 w-40 h-40 bg-indigo-500 rounded-full mix-blend-screen filter blur-xl opacity-20 animate-blob animation-delay-2000"
-                            data-oid="jojrdr-"
+                            data-oid="ef6ogot"
                         ></div>
-                        <div className="relative" data-oid="ayic03:">
+                        <div className="relative" data-oid="4xdliky">
                             <div
                                 className="bg-gray-900/50 p-8 rounded-2xl shadow-xl transform rotate-3 skew-x-6 skew-y-2 hover:rotate-0 hover:skew-x-0 hover:skew-y-0 transition duration-700 ease-in-out border border-gray-800/50"
-                                data-oid="af-fmjz"
+                                data-oid="u3ypj8v"
                             >
-                                <div className="grid grid-cols-2 gap-4" data-oid="n76aql-">
+                                <div className="grid grid-cols-2 gap-4" data-oid="dy7jd89">
                                     <Link
                                         href={'/games'}
                                         className="bg-indigo-950/50 p-4 rounded-lg border border-indigo-800/20 hover:border-indigo-700/30 transition-colors"
-                                        data-oid="w1-cdp9"
+                                        data-oid="rx-.c9u"
                                     >
-                                        <span className="text-2xl" data-oid=".h200ax">
+                                        <span className="text-2xl" data-oid="xbm9272">
                                             🎮
                                         </span>
                                         <h3
                                             className="font-bold text-gray-300 mt-2"
-                                            data-oid="tdnrwcg"
+                                            data-oid="lle-961"
                                         >
                                             Math Games
                                         </h3>
-                                        <p className="text-sm text-gray-400" data-oid="1die_yr">
+                                        <p className="text-sm text-gray-400" data-oid="dw783iv">
                                             Interactive learning through play
                                         </p>
                                     </Link>
                                     <div
                                         className="bg-purple-950/50 p-4 rounded-lg border border-purple-800/20 hover:border-purple-700/30 transition-colors"
-                                        data-oid="ji0erm0"
+                                        data-oid="r5vyy9z"
                                     >
-                                        <span className="text-2xl" data-oid="k2zc-w7">
+                                        <span className="text-2xl" data-oid="3x-5o:a">
                                             🧮
                                         </span>
                                         <h3
                                             className="font-bold text-gray-300 mt-2"
-                                            data-oid="04pjpf_"
+                                            data-oid="bxy:fnz"
                                         >
                                             Tools
                                         </h3>
-                                        <p className="text-sm text-gray-400" data-oid="l25qgc:">
+                                        <p className="text-sm text-gray-400" data-oid="04-ahph">
                                             Smart calculators & visualizers
                                         </p>
                                     </div>
                                     <div
                                         className="bg-pink-950/50 p-4 rounded-lg border border-pink-800/20 hover:border-pink-700/30 transition-colors"
-                                        data-oid="s6r:mry"
+                                        data-oid="fx8fgbx"
                                     >
-                                        <span className="text-2xl" data-oid="fh-bdcq">
+                                        <span className="text-2xl" data-oid="e:a_ouv">
                                             👥
                                         </span>
                                         <h3
                                             className="font-bold text-gray-300 mt-2"
-                                            data-oid="zz8p.ms"
+                                            data-oid="1eqfsav"
                                         >
                                             Community
                                         </h3>
-                                        <p className="text-sm text-gray-400" data-oid="cqhan_1">
+                                        <p className="text-sm text-gray-400" data-oid="kyq6p4k">
                                             Learn together, grow together
                                         </p>
                                     </div>
                                     <div
                                         className="bg-blue-950/50 p-4 rounded-lg border border-blue-800/20 hover:border-blue-700/30 transition-colors"
-                                        data-oid="43r8t08"
+                                        data-oid="umo-2gp"
                                     >
-                                        <span className="text-2xl" data-oid="p:ia8gw">
+                                        <span className="text-2xl" data-oid="i95z_3n">
                                             📈
                                         </span>
                                         <h3
                                             className="font-bold text-gray-300 mt-2"
-                                            data-oid="ftei:_y"
+                                            data-oid="c21thtk"
                                         >
                                             Progress
                                         </h3>
-                                        <p className="text-sm text-gray-400" data-oid="novh-x2">
+                                        <p className="text-sm text-gray-400" data-oid="o37g:8n">
                                             Track your learning journey
                                         </p>
                                     </div>
@@ -136,137 +136,137 @@ export default function Page() {
                 </div>
             </section>
 
-            <section id="learn-more" className="mt-32 px-6 max-w-6xl mx-auto" data-oid="5q1mp25">
+            <section id="learn-more" className="mt-32 px-6 max-w-6xl mx-auto" data-oid="vwy0vq_">
                 <h2
                     className="text-3xl font-bold mb-12 text-gray-100 text-center"
-                    data-oid="_xuymbu"
+                    data-oid="5gu2yrb"
                 >
                     Community for Active Mathematics
                 </h2>
-                <div className="grid md:grid-cols-3 gap-8" data-oid="xr4tvmv">
+                <div className="grid md:grid-cols-3 gap-8" data-oid="vu-0agj">
                 </div>
             </section>
 
-            <section id="why-choose-us" className="mt-32 px-6 max-w-6xl mx-auto" data-oid="fcu07.r">
+            <section id="why-choose-us" className="mt-32 px-6 max-w-6xl mx-auto" data-oid="5-zmzpc">
                 <h2
                     className="text-3xl font-bold text-center mb-12 text-gray-100"
-                    data-oid="o1pmly_"
+                    data-oid="qvn2opj"
                 >
                     Why Choose Us?
                 </h2>
-                <div className="grid md:grid-cols-3 gap-8" data-oid="at5o7t6">
+                <div className="grid md:grid-cols-3 gap-8" data-oid="7ted2gy">
                     <div
                         className="bg-gray-900/50 p-6 rounded-xl shadow-lg hover:shadow-xl border border-gray-800/50 hover:border-purple-600 border-t-0 border-b-0 transition-all duration-300 ease-in-out"
-                        data-oid="cmlyyj:"
+                        data-oid="uga_qtt"
                     >
                         <div
                             className="w-12 h-12 bg-indigo-950/50 rounded-full flex items-center justify-center mb-4 border border-indigo-800/20"
-                            data-oid="v08ly.p"
+                            data-oid="ntqn45o"
                         >
-                            <span className="text-2xl" data-oid="z7l6ag7">
+                            <span className="text-2xl" data-oid="hobj60k">
                                 🎯
                             </span>
                         </div>
-                        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="kcq-xu_">
+                        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="a7xn_pi">
                             Engaging Content
                         </h3>
-                        <p className="text-gray-300" data-oid="e7jq4cg">
+                        <p className="text-gray-300" data-oid="a7bb1ps">
                             Interactive games and puzzles that make learning mathematics enjoyable
                         </p>
                     </div>
                     <div
                         className="bg-gray-900/50 p-6 rounded-xl shadow-lg hover:shadow-xl border border-gray-800/50 hover:border-purple-600 border-t-0 border-b-0 transition-all duration-300 ease-in-out"
-                        data-oid="z::w5g4"
+                        data-oid="s58l-e0"
                     >
                         <div
                             className="w-12 h-12 bg-purple-950/50 rounded-full flex items-center justify-center mb-4 border border-purple-800/20"
-                            data-oid="87z0q2e"
+                            data-oid="bsd5v2r"
                         >
-                            <span className="text-2xl" data-oid="dwe24-n">
+                            <span className="text-2xl" data-oid="kd7cf71">
                                 🤝
                             </span>
                         </div>
-                        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="fgksh93">
+                        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="k0cn8b3">
                             Active Community
                         </h3>
-                        <p className="text-gray-300" data-oid="2fqax4u">
+                        <p className="text-gray-300" data-oid="9.rg9_1">
                             Connect with fellow learners and share your mathematical journey
                         </p>
                     </div>
                     <div
                         className="bg-gray-900/50 p-6 rounded-xl shadow-lg hover:shadow-xl border border-gray-800/50 hover:border-purple-600 border-t-0 border-b-0 transition-all duration-300 ease-in-out"
-                        data-oid="-xx5--4"
+                        data-oid="yq3_cf-"
                     >
                         <div
                             className="w-12 h-12 bg-pink-950/50 rounded-full flex items-center justify-center mb-4 border border-pink-800/20"
-                            data-oid="nao-.vw"
+                            data-oid="bmiyort"
                         >
-                            <span className="text-2xl" data-oid="y8vf54p">
+                            <span className="text-2xl" data-oid="glo.r-m">
                                 📱
                             </span>
                         </div>
-                        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="2csys9d">
+                        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="hmpl5nq">
                             Accessible Learning
                         </h3>
-                        <p className="text-gray-300" data-oid="-8vn_we">
+                        <p className="text-gray-300" data-oid="6qvzv16">
                             Learn anytime, anywhere with our mobile-friendly platform
                         </p>
                     </div>
                 </div>
             </section>
-            <section id="contact-us" className="mt-16 px-6 max-w-6xl mx-auto" data-oid="pzh-00m">
-                <div className="text-center mb-4" data-oid="0qo0e9v">
-                    <h2 className="text-3xl font-bold text-gray-100" data-oid="txu1i85">
+            <section id="contact-us" className="mt-16 px-6 max-w-6xl mx-auto" data-oid="dw8yjp.">
+                <div className="text-center mb-4" data-oid="d0zwrbf">
+                    <h2 className="text-3xl font-bold text-gray-100" data-oid="eix9u1g">
                         Get in Touch
                     </h2>
-                    <p className="text-gray-400 mt-4 max-w-2xl mx-auto" data-oid="ychht0l">
-                        Have questions or suggestions? We'd love to hear from you. Here's how you
-                        can reach us.
+                    <p className="text-gray-400 mt-4 max-w-2xl mx-auto" data-oid="krawc39">
+                        Have questions or suggestions? We&apos;d love to hear from you. Here's how
+                        you can reach us.
                     </p>
                 </div>
-                <div className="grid md:grid-cols-3 gap-4" data-oid="dmol.t8">
+                <div className="grid md:grid-cols-3 gap-4" data-oid=".ifg177">
                     <div
                         className="bg-gray-900/50 p-6 rounded-xl shadow-lg hover:shadow-xl border border-gray-800/50 hover:border-purple-600 border-t-0 border-b-0 transition-all duration-300 ease-in-out group"
-                        data-oid="0u7cmmg"
+                        data-oid="f7em4or"
                     >
                         <div
                             className="w-12 h-12 bg-indigo-950/50 rounded-full flex items-center justify-center mb-4 border border-indigo-800/20 group-hover:border-indigo-500/50 transition-colors"
-                            data-oid="94dk0ch"
+                            data-oid="dyr82_j"
                         >
-                            <span className="text-2xl" data-oid="big6on:">
+                            <span className="text-2xl" data-oid="jgb9::a">
                                 📧
                             </span>
                         </div>
-                        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="5ufcl7p">
+                        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="921fba9">
                             Email Us
                         </h3>
-                        <p className="text-gray-300 mb-3" data-oid="gctvet5">
+                        <p className="text-gray-300 mb-3" data-oid=":gp0kqh">
                             For general inquiries and support
                         </p>
                         <a
                             href="mailto:#"
                             className="text-indigo-600 hover:text-indigo-400 transition-colors"
-                            data-oid="qjt:zrg"
+                            data-oid="umeo9pk"
                         >
                             Email
                         </a>
                     </div>
                     <div
                         className="bg-gray-900/50 p-6 rounded-xl shadow-lg hover:shadow-xl border border-gray-800/50 hover:border-purple-600 border-t-0 border-b-0 transition-all duration-300 ease-in-out group"
-                        data-oid="skepks5"
+                        data-oid="q-av0.u"
                     >
                         <div
                             className="w-12 h-12 bg-purple-950/50 rounded-full flex items-center justify-center mb-4 border border-purple-800/20 group-hover:border-purple-500/50 transition-colors"
-                            data-oid="nah:p-8"
+                            data-oid="qmvcmsb"
                         >
-                            <span className="text-2xl" data-oid="9r59gi2">
+                            <span className="text-2xl" data-oid="et_twsr">
                                 💬
                             </span>
                         </div>
-                        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="_pnmx.7">
+                        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="o4.baq3">
                             Community
                         </h3>
-                        <p className="text-gray-300 mb-3" data-oid="amvk.w5">
+                        <p className="text-gray-300 mb-3" data-oid="pcrku_p">
                             Join our Discord community
                         </p>
                         <a
@@ -274,36 +274,36 @@ export default function Page() {
                             target="_blank"
                             rel="noopener noreferrer"
                             className="text-purple-600 hover:text-purple-400 transition-colors"
-                            data-oid="pmfyfue"
+                            data-oid="w_6suco"
                         >
                             Discord
                         </a>
                     </div>
                     <div
                         className="bg-gray-900/50 p-6 rounded-xl shadow-lg hover:shadow-xl border border-gray-800/50 hover:border-purple-600 border-t-0 border-b-0 transition-all duration-300 ease-in-out group"
-                        data-oid="5usrto8"
+                        data-oid="pfih:5b"
                     >
                         <div
                             className="w-12 h-12 bg-pink-950/50 rounded-full flex items-center justify-center mb-4 border border-pink-800/20 group-hover:border-pink-500/50 transition-colors"
-                            data-oid="-e161sv"
+                            data-oid="nwswbkj"
                         >
-                            <span className="text-2xl" data-oid="thty60c">
+                            <span className="text-2xl" data-oid="lv6l-ra">
                                 📱
                             </span>
                         </div>
-                        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="az-.pfs">
+                        <h3 className="font-bold text-xl mb-2 text-gray-100" data-oid="0oj.t:f">
                             Social Media
                         </h3>
-                        <p className="text-gray-300 mb-3" data-oid="w7pm51i">
+                        <p className="text-gray-300 mb-3" data-oid="2fulqte">
                             Follow us for updates
                         </p>
-                        <div className="flex gap-4 justify-center" data-oid="fi0r3tc">
+                        <div className="flex gap-4 justify-center" data-oid="c54-m_4">
                             <a
                                 href="https://www.facebook.com/mathslabsl"
                                 target="_blank"
                                 rel="noopener noreferrer"
                                 className="text-blue-600 hover:text-blue-400 transition-colors"
-                                data-oid="cykmscr"
+                                data-oid="gir4p77"
                             >
                                 Facebook
                             </a>
@@ -312,7 +312,7 @@ export default function Page() {
                                 target="_blank"
                                 rel="noopener noreferrer"
                                 className="text-red-600 hover:text-red-400 transition-colors"
-                                data-oid="33524uv"
+                                data-oid="f-bdjjg"
                             >
                                 Youtube
                             </a>