duhc

Author: aamoghS

sites/mainweb/app/layout.tsx

@@ -3,7 +3,6 @@ import type { Metadata } from "next";
 import { GeistSans, GeistMono } from "geist/font"; // combine imports
 import "./globals.css";
 
-// these are already usable
 const geistSansVar = GeistSans.variable;
 const geistMonoVar = GeistMono.variable;
 

sites/mainweb/app/page.tsx

@@ -30,6 +30,7 @@ import furnichanter from "@/assets/images/logos/furnichanter.png";
 import arc from "@/assets/images/logos/arc-logo-v3.png";
 import gtaa from "@/assets/images/logos/gtaa.png";
 import blueconduit from "@/assets/images/logos/blueconduit.png";
+import stock from "@/assets/images/logos/stock.png"
 
 const Pie = dynamic(() => import("react-chartjs-2").then(mod => mod.Pie), {
   ssr: false,
@@ -154,7 +155,7 @@ const Home = () => {
               Learn <strong>Python</strong>, <strong>pandas</strong>, visualization, and machine learning fundamentals through a structured, hands-on project.
             </Mini>
             <Mini>
-              <LearnMore to="https://dsgtbootcamp.netlify.app/" target="_blank" rel="noopener noreferrer">Learn more at our Bootcamp site</LearnMore>
+              <LearnMore to="/bootcamp" rel="noopener noreferrer">Learn more at our Bootcamp site</LearnMore>
             </Mini>
           </div>
           <div className="md:w-1/2 w-full group" role="figure">
@@ -258,15 +259,33 @@ const Home = () => {
 
           {/* Other project cards */}
           <Card
-            img={dlp4}
-            heading="Deep Learning Playground"
             linkUrl="https://datasciencegt-dlp.com/"
             className="flex flex-col justify-between h-full hover:shadow-2xl hover:-translate-y-1 transition-all duration-300 border border-white/5 p-6 rounded-xl"
           >
-            <p className="text-gray-300 text-sm leading-relaxed line-clamp-4 mb-4">
-              Deep Learning Playground is a user-friendly web app that provides an
-              interactive and accessible introduction to <strong>Machine Learning</strong> and <strong>Deep Learning</strong> concepts.
+            {/* Logo on top (manual) */}
+            <div className="w-full flex justify-center mb-4">
+              <div className="p-4 bg-white rounded-xl">
+                <Image
+                  src={stock}
+                  alt="Roboinvesting Logo"
+                  className="object-contain w-32 h-32"
+                  width={128}
+                  height={128}
+                />
+              </div>
+            </div>
+
+            {/* Title below image */}
+            <h3 className="text-teal-400 text-lg font-bold text-center mb-3">Roboinvesting</h3>
+
+            <p className="text-gray-300 text-sm leading-relaxed">
+            A <strong>machine learning–driven trading simulation</strong> that analyzes
+            <strong> technical indicators</strong>, <strong>macroeconomic signals</strong>,
+            and <strong>risk metrics</strong> to generate
+            <strong> data-informed trading decisions</strong>. Built for
+            <strong> education</strong> and <strong>real-world financial modeling experience</strong>.
             </p>
+
             <a
               href="https://datasciencegt-dlp.com/"
               target="_blank"

sites/mainweb/assets/images/logos/stock.png

@@ -15,6 +15,16 @@ interface CardProps {
 const Card: React.FC<CardProps> = ({ img, imgClassName = "", heading, linkUrl, children, className = "" }) => {
   const [imgError, setImgError] = useState(false);
 
+  // Compute initials from heading to use in the fallback placeholder
+  const initials = heading
+    ? heading
+        .split(/\s+/)
+        .slice(0, 2)
+        .map((w) => w[0])
+        .join("")
+        .toUpperCase()
+    : "PG"; // PG = Project
+
   return (
     <div
       className={`bg-[#111] text-white rounded-xl shadow-lg overflow-hidden flex flex-col justify-between transition-transform duration-300 hover:-translate-y-1 ${className}`}
@@ -29,16 +39,21 @@ const Card: React.FC<CardProps> = ({ img, imgClassName = "", heading, linkUrl, c
               className={`object-contain w-4/5 h-full ${imgClassName}`}
               width={400}
               height={160}
-              onError={() => setImgError(true)}
+              onError={(e) => {
+                // log for easier debugging and show the fallback
+                // eslint-disable-next-line no-console
+                console.error("Project image failed to load:", heading, e);
+                setImgError(true);
+              }}
               // keep placeholder prop for optimization while handling potential failures
               placeholder="empty"
             />
           ) : (
             // Fallback: simple SVG with initials so something meaningful is always visible
-            <div className="w-full h-full flex items-center justify-center p-4 bg-white/5">
+            <div className="w-full h-full flex items-center justify-center p-4 bg-white/5" role="img" aria-label={`${heading} placeholder` }>
               <svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden>
                 <rect width="120" height="80" rx="8" fill="#0f172a" />
-                <text x="50%" y="55%" dominantBaseline="middle" textAnchor="middle" fill="#74b1aa" fontSize="18" fontFamily="Inter, ui-sans-serif, system-ui">ARC</text>
+                <text x="50%" y="55%" dominantBaseline="middle" textAnchor="middle" fill="#74b1aa" fontSize="20" fontFamily="Inter, ui-sans-serif, system-ui">{initials}</text>
               </svg>
             </div>
           )}

sites/mainweb/components/Card/index.tsx

@@ -36,7 +36,7 @@ const Navbar: React.FC<NavbarProps> = ({
     { name: "Home", to: "home", link: false },
     { name: "About", to: "about", link: false },
     { name: "Bootcamp", to: "bootcamp", link: false },
-    { name: "Golden Byte", to: "golden-byte", link: false },
+    { name: "Hacklytics", to: "golden-byte", link: false },
     { name: "Projects", to: "projects", link: false },
     { name: "Get Involved", to: "getinvolved", link: false },
     {