From 0b4de62eccc23319098b200f4a00076c5fb04472 Mon Sep 17 00:00:00 2001
From: sworavka <sworavka@proton.me>
Date: Tue, 17 Feb 2026 17:39:11 -0600
Subject: [PATCH 1/2] Adjusted logo scaling, removed bg gradient, and changed
 pinned position.

---
 src/components/Layout.jsx                     |  15 +-
 ...SponsorTicker-darkside-safeBackup-0001.jsx | 149 ++++++++++++++++++
 src/components/SponsorTicker.jsx              |  24 ++-
 src/main.css                                  |  54 +++----
 src/pages/About.jsx                           |   4 +-
 src/pages/Apply.jsx                           |   2 +-
 src/pages/DevelopmentPrograms.jsx             |   6 +-
 src/pages/Hatchling.jsx                       |   6 +-
 src/pages/Home.jsx                            | 106 ++++---------
 src/pages/Projects.jsx                        |  15 +-
 src/pages/Showcase.jsx                        |   6 +-
 src/pages/Sponsorship.jsx                     |  12 +-
 src/pages/WorkshopSeries.jsx                  |   4 +-
 tailwind.config.js                            |   4 +-
 14 files changed, 257 insertions(+), 150 deletions(-)
 create mode 100644 src/components/SponsorTicker-darkside-safeBackup-0001.jsx

diff --git a/src/components/Layout.jsx b/src/components/Layout.jsx
index a676e6b3..f8c4f8d6 100644
--- a/src/components/Layout.jsx
+++ b/src/components/Layout.jsx
@@ -25,11 +25,11 @@ const Layout = ({ children }) => {
   const sponsorItem = { path: "/sponsorship", label: "Looking to Sponsor?" };
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900">
+    <div className="min-h-screen">
       {/* Navigation */}
       {!showHeader && (
         <button
-          className="fixed top-4 left-4 z-[100] bg-yellow-500 text-black rounded-full p-3 shadow-lg md:hidden animate-bounce"
+          className="fixed top-4 left-4 z-[100] text-black rounded-full p-3 shadow-lg md:hidden animate-bounce"
           style={{ fontSize: 22, lineHeight: 1 }}
           onClick={() => setShowHeader(true)}
           aria-label="Open header"
@@ -51,7 +51,7 @@ const Layout = ({ children }) => {
         </button>
       )}
       {showHeader && (
-        <nav className="fixed top-0 left-0 right-0 z-50 bg-gray-900/80 backdrop-blur-xl border-b border-gray-700/50 shadow-sm">
+        <nav className="fixed top-0 left-0 right-0 z-50 bg-gray-900/80 backdrop-blur-xl shadow-sm">
           <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative">
             <div className="flex flex-col sm:flex-row w-full items-center sm:items-center justify-between min-h-20 gap-2 sm:gap-0">
               <Link
@@ -73,14 +73,13 @@ const Layout = ({ children }) => {
                   <Link
                     key={item.path}
                     to={item.path}
-                    className={`flex items-center text-xs sm:text-sm font-light tracking-wide transition-all duration-300 ${
-                      location.pathname === item.path ||
+                    className={`flex items-center text-xs sm:text-sm font-light tracking-wide transition-all duration-300 ${location.pathname === item.path ||
                       (item.path === "/development-programs" &&
                         (location.pathname === "/hatchling" ||
                           location.pathname === "/workshop-series"))
-                        ? "text-yellow-400 border-b-2 border-yellow-400"
-                        : "text-gray-300 hover:text-yellow-400 hover:border-b-2 hover:border-yellow-400/50"
-                    }`}
+                      ? "text-yellow-400 border-b-2 border-yellow-400"
+                      : "text-gray-300 hover:text-yellow-400 hover:border-b-2 hover:border-yellow-400/50"
+                      }`}
                     style={{
                       minWidth: 0,
                       overflow: "hidden",
diff --git a/src/components/SponsorTicker-darkside-safeBackup-0001.jsx b/src/components/SponsorTicker-darkside-safeBackup-0001.jsx
new file mode 100644
index 00000000..9071df59
--- /dev/null
+++ b/src/components/SponsorTicker-darkside-safeBackup-0001.jsx
@@ -0,0 +1,149 @@
+import { motion } from "framer-motion";
+import "./ProjectTicker.css";
+
+const SponsorTicker = () => {
+  // Actual sponsor logos from public/assets/sponsors
+  const logos = [
+    {
+      id: 1,
+      name: "14 & Elm",
+      url: "/assets/sponsors/14elmtlogo.jpeg",
+      alt: "14 & Elm Logo",
+      link: "https://14elmt.com",
+    },
+    {
+      id: 2,
+      name: "L3 Harris",
+      url: "/assets/sponsors/l3harrislogo.png",
+      alt: "L3 Harris Logo",
+      link: "https://www.l3harris.com/",
+    },
+    {
+      id: 3,
+      name: "Phillips 66",
+      url: "/assets/sponsors/phillips66logo.png",
+      alt: "Phillips 66 Logo",
+      link: "https://www.phillips66.com/",
+    },
+    {
+      id: 4,
+      name: "Polymaker",
+      url: "/assets/sponsors/polymaker-full-logo.svg",
+      alt: "Polymaker Logo",
+      link: "https://www.polymaker.com/",
+    },
+    {
+      id: 5,
+      name: "TC Energy",
+      url: "/assets/sponsors/tcenergylogo.png",
+      alt: "TC Energy Logo",
+      link: "https://www.tcenergy.com/",
+    },
+    {
+      id: 6,
+      name: "Williams Energy Partners",
+      url: "/assets/sponsors/williams-energy-partners-logo-png-transparent.png",
+      alt: "Williams Energy Partners Logo",
+      link: "https://www.williams.com/",
+    },
+  ];
+
+  // smotoh lop
+  const duplicatedLogos = [...logos, ...logos, ...logos, ...logos];
+
+  return (
+    <div
+      className="project-ticker-wrapper"
+      style={{
+        pointerEvents: "auto",
+        position: "relative",
+        zIndex: 10,
+        marginBottom: 0,
+      }}
+    >
+      <div className="project-ticker-container">
+        <div
+          className="project-ticker-track"
+          style={{ animationDuration: "90s" }}
+        >
+          {duplicatedLogos.map((logo, index) => {
+            // Custom scaling and rectangle size for specific logos
+            let customImgStyle = {
+              maxHeight: 40,
+              maxWidth: 120,
+              width: "auto",
+              height: "auto",
+              objectFit: "contain",
+              background: "#fff",
+              borderRadius: "999px",
+              padding: 2,
+              margin: "0 auto",
+              display: "block",
+            };
+            if (logo.name === "14 & Elm") {
+              customImgStyle.maxHeight = 48 * 1.5;
+              customImgStyle.maxWidth = 140 * 1.5;
+            }
+            if (logo.name === "L3 Harris") {
+              customImgStyle.maxHeight = 90 * 1.3;
+              customImgStyle.maxWidth = 220 * 1.3;
+            }
+            if (logo.name === "Williams Energy Partners") {
+              customImgStyle.maxHeight = 90 * 1.2;
+              customImgStyle.maxWidth = 220 * 1.2;
+            }
+            if (logo.name === "Phillips 66") {
+              customImgStyle.maxHeight = 60 * 0.9;
+              customImgStyle.maxWidth = 120 * 0.9;
+            }
+            if (logo.name === "Polymaker") {
+              customImgStyle.maxHeight = 60 * 0.9;
+              customImgStyle.maxWidth = 120 * 0.9;
+            }
+            if (logo.name === "TC Energy") {
+              customImgStyle.maxHeight = 60 * 0.9;
+              customImgStyle.maxWidth = 120 * 0.9;
+            }
+            return (
+              <a
+                key={`${logo.id}-${index}`}
+                className="project-ticker-block glass-effect flex items-center justify-center"
+                style={{
+                  width: 120,
+                  height: 60,
+                  background: "#fff",
+                  borderRadius: "999px",
+                  padding: 0,
+                  boxShadow: "0 8px 32px 0 rgba(31, 38, 135, 0.10)",
+                  border: "1.5px solid #e5e7eb",
+                  margin: "0 0.25rem",
+                  transition:
+                    "transform 0.3s cubic-bezier(0.4,0,0.2,1), box-shadow 0.3s cubic-bezier(0.4,0,0.2,1)",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  backgroundClip: "padding-box",
+                  overflow: "hidden",
+                }}
+                href={logo.link}
+                target="_blank"
+                rel="noopener noreferrer"
+                tabIndex={0}
+                aria-label={`Visit ${logo.name} website`}
+              >
+                <img
+                  src={logo.url}
+                  alt={logo.alt}
+                  style={customImgStyle}
+                  className="sponsor-logo"
+                />
+              </a>
+            );
+          })}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SponsorTicker;
diff --git a/src/components/SponsorTicker.jsx b/src/components/SponsorTicker.jsx
index 443f8468..ebf64451 100644
--- a/src/components/SponsorTicker.jsx
+++ b/src/components/SponsorTicker.jsx
@@ -81,16 +81,28 @@ const SponsorTicker = () => {
               display: "block",
             };
             if (logo.name === "14 & Elm") {
-              customImgStyle.maxHeight = 48;
-              customImgStyle.maxWidth = 140;
+              customImgStyle.maxHeight = 48 * 1.5;
+              customImgStyle.maxWidth = 140 * 2;
             }
             if (logo.name === "L3 Harris") {
-              customImgStyle.maxHeight = 90;
-              customImgStyle.maxWidth = 220;
+              customImgStyle.maxHeight = 90 * 1.3;
+              customImgStyle.maxWidth = 220 * 1.3;
             }
             if (logo.name === "Williams Energy Partners") {
-              customImgStyle.maxHeight = 90;
-              customImgStyle.maxWidth = 220;
+              customImgStyle.maxHeight = 90 * 1.2;
+              customImgStyle.maxWidth = 220 * 1.2;
+            }
+            if (logo.name === "Phillips 66") {
+              customImgStyle.maxHeight = 60 * 0.9;
+              customImgStyle.maxWidth = 120 * 0.9;
+            }
+            if (logo.name === "Polymaker") {
+              customImgStyle.maxHeight = 60 * 0.9;
+              customImgStyle.maxWidth = 120 * 0.9;
+            }
+            if (logo.name === "TC Energy") {
+              customImgStyle.maxHeight = 60 * 0.9;
+              customImgStyle.maxWidth = 120 * 0.9;
             }
             return (
               <a
diff --git a/src/main.css b/src/main.css
index 625d9aa6..c7712ae2 100644
--- a/src/main.css
+++ b/src/main.css
@@ -9,25 +9,31 @@
   scrollbar-width: thin;
   scrollbar-color: #fff #18181b;
 }
+
 .custom-scrollbar ::-webkit-scrollbar {
   width: 12px;
   height: 12px;
 }
+
 .custom-scrollbar ::-webkit-scrollbar-track {
   background: #18181b;
 }
+
 .custom-scrollbar ::-webkit-scrollbar-thumb {
   background: #fff;
   border: 2px solid #18181b;
   border-radius: 6px;
 }
+
 .custom-scrollbar ::-webkit-scrollbar-thumb:hover {
   background: #e5e5e5;
 }
+
 html,
 body {
   overflow-x: hidden !important;
 }
+
 /* Custom Scrollbar Styles */
 ::-webkit-scrollbar {
   width: 12px;
@@ -35,11 +41,13 @@ body {
 }
 
 ::-webkit-scrollbar-track {
-  background: #222222; /* site bg color, adjust as needed */
+  background: #222222;
+  /* site bg color, adjust as needed */
 }
 
 ::-webkit-scrollbar-thumb {
-  background: #fff; /* white slider */
+  background: #ffffff;
+  /* white slider */
   border-radius: 6px;
   border: 2px solid #222222;
 }
@@ -52,23 +60,28 @@ body {
   scrollbar-color: #fff #222222;
   scrollbar-width: thin;
 }
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 @layer base {
   :root {
-    --color-bg: #111218;
-    --color-text: #e5e7eb;
+    --color-bg: #1B2538;
+    --color-text: #F2F2F2;
 
-    --color-accent: #ffd700; /* yellow */
+    --color-accent: #f3d127;
+    /* yellow */
     --color-secondary: #ffd700;
-    --color-gradient-start: #f59e0b; /* amber-500 */
-    --color-gradient-end: #fbbf24; /* amber-400 */
+    --color-gradient-start: #f59e0b;
+    /* amber-500 */
+    --color-gradient-end: #fbbf24;
+    /* amber-400 */
   }
 
   * {
     margin: 0;
+
     padding: 0;
     box-sizing: border-box;
   }
@@ -81,9 +94,9 @@ body {
     font-family: "Inter", sans-serif;
     background-color: var(--color-bg);
     color: var(--color-text);
-    transition:
+    /*transition:
       background-color 0.3s ease,
-      color 0.3s ease;
+      color 0.3s ease;*/
   }
 }
 
@@ -117,27 +130,6 @@ body {
   .text-accent {
     color: var(--color-accent) !important;
   }
-
-  .bg-gradient-turtle {
-    background: linear-gradient(
-      135deg,
-      var(--color-gradient-start),
-      var(--color-gradient-end)
-    );
-  }
-
-  .bg-gradient-premium {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  }
-
-  .hero-gradient {
-    background: linear-gradient(
-      135deg,
-      rgba(17, 18, 24, 0.1) 0%,
-      rgba(17, 18, 24, 0.05) 100%
-    );
-    backdrop-filter: blur(10px);
-  }
 }
 
 @layer utilities {
@@ -170,4 +162,4 @@ body {
     -webkit-box-orient: vertical;
     overflow: hidden;
   }
-}
+}
\ No newline at end of file
diff --git a/src/pages/About.jsx b/src/pages/About.jsx
index 8e889e7c..d2a96de2 100644
--- a/src/pages/About.jsx
+++ b/src/pages/About.jsx
@@ -188,7 +188,7 @@ const About = () => {
       </section>
 
       {/* Statistics Section */}
-      <section className="py-24 px-4 bg-gradient-to-br from-gray-800 to-gray-900">
+      <section className="py-24">
         <div className="max-w-7xl mx-auto">
           <h2 className="text-4xl md:text-5xl lg:text-6xl text-center mb-20 text-gray-200">
             OUR <span className="text-yellow-400">IMPACT</span>
@@ -202,7 +202,7 @@ const About = () => {
       </section>
 
       {/* Leadership Section */}
-      <section className="py-24 px-4 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900">
+      <section className="py-24 px-4">
         <div className="max-w-7xl mx-auto">
           <h2 className="text-4xl md:text-5xl lg:text-6xl text-center mb-20 text-gray-200">
             OUR <span className="text-yellow-400">TEAM</span>
diff --git a/src/pages/Apply.jsx b/src/pages/Apply.jsx
index 466ae5d1..df6c5df3 100644
--- a/src/pages/Apply.jsx
+++ b/src/pages/Apply.jsx
@@ -143,7 +143,7 @@ const Apply = () => {
       </section>
 
       {/* What We Look For Section */}
-      <section className="py-24 px-4 bg-gradient-to-br from-gray-800 to-gray-900">
+      <section className="py-24 px-4">
         <div className="max-w-6xl mx-auto">
           {/* Main Heading */}
           <h2 className="text-4xl md:text-5xl lg:text-6xl text-center mb-16 text-gray-200">
diff --git a/src/pages/DevelopmentPrograms.jsx b/src/pages/DevelopmentPrograms.jsx
index 09f60ecf..acd9df25 100644
--- a/src/pages/DevelopmentPrograms.jsx
+++ b/src/pages/DevelopmentPrograms.jsx
@@ -70,7 +70,7 @@ const DevelopmentPrograms = () => {
         ref={heroRef}
         className="relative min-h-screen flex items-center justify-center px-4 pt-20"
       >
-        <div className="absolute inset-0 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900"></div>
+        <div className="absolute inset-0"></div>
         <div className="relative text-center max-w-6xl mx-auto z-10">
           <h1 className="text-6xl md:text-8xl lg:text-9xl tracking-tight text-gray-200 mb-8">
             <span className="block">DEVELOPMENT</span>
@@ -88,7 +88,7 @@ const DevelopmentPrograms = () => {
       {programs.map((program, index) => (
         <section
           key={program.id}
-          className="py-24 px-4 bg-gradient-to-br from-gray-800 to-gray-900"
+          className="py-24 px-4"
         >
           <div className="max-w-7xl mx-auto">
             {/* Section Title */}
@@ -133,7 +133,7 @@ const DevelopmentPrograms = () => {
       ))}
 
       {/* Call to Action Section */}
-      <section className="py-24 px-4 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900">
+      <section className="py-24 px-4">
         <div className="max-w-4xl mx-auto text-center">
           <h2 className="text-5xl md:text-7xl text-gray-200 mb-6">
             Ready to Start Your{" "}
diff --git a/src/pages/Hatchling.jsx b/src/pages/Hatchling.jsx
index bdbacad5..4f8c66a1 100644
--- a/src/pages/Hatchling.jsx
+++ b/src/pages/Hatchling.jsx
@@ -115,7 +115,7 @@ const Hatchling = () => {
       </section>
 
       {/* Trusted Organizations Section */}
-      <section className="py-24 px-4 bg-gradient-to-br from-gray-800 to-gray-900">
+      <section className="py-24 px-4">
         <div className="max-w-6xl mx-auto">
           <h2 className="text-4xl md:text-5xl lg:text-6xl text-center mb-20 text-gray-200">
             CURRENTLY <span className="text-accent">TRUSTED AT</span>
@@ -187,7 +187,7 @@ const Hatchling = () => {
       </section>
 
       {/* Learning Objectives and Schedule Section */}
-      <section className="py-24 px-4 bg-gradient-to-br from-gray-800 to-gray-900">
+      <section className="py-24 px-4">
         <div className="max-w-6xl mx-auto">
           <h2 className="text-4xl md:text-5xl lg:text-6xl text-center mb-20 text-gray-200">
             LEARNING <span className="text-accent">OBJECTIVES</span> & SCHEDULE
@@ -650,7 +650,7 @@ const Hatchling = () => {
       </section>
 
       {/* Stats, Impact, and Accolades Section */}
-      <section className="py-24 px-4 bg-gradient-to-br from-gray-800 to-gray-900">
+      <section className="py-24 px-4">
         <div className="max-w-6xl mx-auto">
           <h2 className="text-4xl md:text-5xl lg:text-6xl text-center mb-20 text-gray-200">
             STATS & <span className="text-accent">IMPACT</span>
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index be813e8f..eb5aedec 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -66,7 +66,7 @@ const Home = () => {
           ref={heroRef}
           className="relative min-h-screen flex items-center justify-center px-4"
         >
-          <div className="absolute inset-0 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900"></div>
+          <div className="absolute inset-0"></div>
 
           <div className="relative text-center max-w-6xl mx-auto z-10">
             <h1 className="text-6xl md:text-8xl lg:text-9xl tracking-tight text-gray-200 mb-8">
@@ -98,6 +98,34 @@ const Home = () => {
               </ButtonLink>
             </div>
           </div>
+          {ENABLE_SHOWCASE_POPUPS && (
+            <a
+              href="https://maps.app.goo.gl/r19F5aBQCkxuHWxd9"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="hidden md:block absolute bottom-12 right-8 z-40 group"
+            >
+              <div className="relative bg-gradient-to-br from-gray-800 to-gray-700 p-6 rounded-xl shadow-xl hover:shadow-2xl transition-all duration-300 rotate-2 hover:rotate-0 w-64 border-2 border-yellow-600">
+                <div className="absolute -top-3 left-1/2 transform -translate-x-1/2 w-7 h-7 bg-yellow-600 rounded-full shadow-md"></div>
+                <div className="text-xs font-bold text-yellow-400 mb-2 uppercase tracking-wide">
+                  📌 Profit Share!
+                </div>
+                <div className="text-2xl text-gray-200 mb-2">Kung Fu Tea</div>
+                <div className="text-base font-light text-gray-400 mb-1">
+                  February 19, 2026
+                </div>
+                <div className="text-base font-light text-gray-400 mb-3">
+                  723 S Texas Ave, College Station, TX 77840
+                </div>
+                <div className="text-xs text-yellow-400 underline group-hover:text-yellow-300 font-medium">
+                  Put your receipt in the bucket at checkout!
+                </div>
+                <div className="text-xs text-yellow-400 underline group-hover:text-yellow-300 font-medium mt-2">
+                  Get Directions →
+                </div>
+              </div>
+            </a>
+          )}
 
           {/* Project Ticker - positioned at bottom */}
           <div className="absolute bottom-0 left-0 right-0 z-10">
@@ -178,7 +206,7 @@ const Home = () => {
         </section>
 
         {/* Contact Section */}
-        <section className="py-24 px-4 bg-gradient-to-br from-gray-800 to-gray-900">
+        <section className="py-24 px-4">
           <div className="max-w-4xl mx-auto text-center">
             <h2 className="text-4xl md:text-5xl lg:text-6xl mb-12 text-gray-200">
               READY TO <span className="text-yellow-400">JOIN US</span>
@@ -193,81 +221,9 @@ const Home = () => {
           </div>
         </section>
 
-        {/* Kung Fu Tea Profit Share Popup - Mobile */}
-        {ENABLE_SHOWCASE_POPUPS && showMobilePopup && (
-          <div className="md:hidden fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4">
-            <div className="relative bg-gradient-to-br from-gray-800 to-gray-700 p-8 rounded-2xl shadow-2xl border-2 border-yellow-600 max-w-sm w-full">
-              <button
-                onClick={(e) => {
-                  e.preventDefault();
-                  e.stopPropagation();
-                  setShowMobilePopup(false);
-                }}
-                className="absolute top-4 right-4 w-8 h-8 bg-gray-200 text-gray-800 rounded-full flex items-center justify-center hover:bg-gray-300 transition-colors shadow-lg text-xl font-light"
-                aria-label="Close"
-              >
-                ×
-              </button>
-              <a
-                href="https://www.google.com/maps/search/?api=1&query=Kung+Fu+Tea+College+Station+TX"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="block text-center"
-                onClick={() => setShowMobilePopup(false)}
-              >
-                <div className="mx-auto mb-4 w-8 h-8 bg-yellow-600 rounded-full shadow-md"></div>
-                <div className="text-sm font-bold text-yellow-400 mb-3 uppercase tracking-wide">
-                  📌 Profit Share!
-                </div>
-                <div className="text-3xl text-gray-200 mb-4 leading-tight">
-                  Kung Fu Tea
-                </div>
-                <div className="text-xl font-light text-gray-400 mb-2">
-                  February 19, 2026
-                </div>
-                <div className="text-xl font-light text-gray-400 mb-2">
-                  723 S Texas Ave, College Station, TX 77840
-                </div>
-                <div className="text-base font-light text-gray-400 mb-6">
-                  Just put your receipt in the bucket at checkout.
-                </div>
-                <div className="bg-yellow-500 text-black px-8 py-3 rounded-xl font-light tracking-wide inline-block">
-                  Get Directions →
-                </div>
-              </a>
-            </div>
-          </div>
-        )}
 
         {/* Kung Fu Tea Profit Share Popup - Desktop */}
-        {ENABLE_SHOWCASE_POPUPS && (
-          <a
-            href="https://maps.app.goo.gl/r19F5aBQCkxuHWxd9"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="hidden md:block fixed bottom-8 right-8 z-40 group"
-          >
-            <div className="relative bg-gradient-to-br from-gray-800 to-gray-700 p-6 rounded-xl shadow-xl hover:shadow-2xl transition-all duration-300 rotate-2 hover:rotate-0 w-64 border-2 border-yellow-600">
-              <div className="absolute -top-3 left-1/2 transform -translate-x-1/2 w-7 h-7 bg-yellow-600 rounded-full shadow-md"></div>
-              <div className="text-xs font-bold text-yellow-400 mb-2 uppercase tracking-wide">
-                📌 Profit Share!
-              </div>
-              <div className="text-2xl text-gray-200 mb-2">Kung Fu Tea</div>
-              <div className="text-base font-light text-gray-400 mb-1">
-                February 19, 2026
-              </div>
-              <div className="text-base font-light text-gray-400 mb-3">
-                723 S Texas Ave, College Station, TX 77840
-              </div>
-              <div className="text-xs text-yellow-400 underline group-hover:text-yellow-300 font-medium">
-                Put your receipt in the bucket at checkout!
-              </div>
-              <div className="text-xs text-yellow-400 underline group-hover:text-yellow-300 font-medium mt-2">
-                Get Directions →
-              </div>
-            </div>
-          </a>
-        )}
+        { }
 
         {/* Calendar Section */}
         <section className="py-24 px-4">
diff --git a/src/pages/Projects.jsx b/src/pages/Projects.jsx
index de40a56d..37776a10 100644
--- a/src/pages/Projects.jsx
+++ b/src/pages/Projects.jsx
@@ -114,7 +114,7 @@ const Projects = () => {
         ref={heroRef}
         className="relative min-h-screen flex items-center justify-center px-4"
       >
-        <div className="absolute inset-0 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900"></div>
+        <div className="absolute inset-0"></div>
         <div className="relative text-center max-w-6xl mx-auto z-10">
           <h1 className="text-6xl md:text-8xl lg:text-9xl tracking-tight text-gray-200 mb-8">
             <span className="block">OUR</span>
@@ -129,7 +129,7 @@ const Projects = () => {
       </section>
 
       {/* Search Section */}
-      <section className="py-8 px-4 bg-gradient-to-br from-gray-800 to-gray-900">
+      <section className="py-8 px-4">
         <div className="max-w-7xl mx-auto">
           <div className="flex flex-col items-center gap-4 mb-8">
             <div className="flex-1 max-w-md">
@@ -217,7 +217,7 @@ const Projects = () => {
                   Recommendation Source: {aiResult.source}
                 </div>
                 {aiResult.recommendations &&
-                aiResult.recommendations.length > 0 ? (
+                  aiResult.recommendations.length > 0 ? (
                   <div className="space-y-2">
                     {aiResult.recommendations.map((r, i) => {
                       const p = projects.find((pr) => pr.id === r.id);
@@ -316,11 +316,10 @@ const Projects = () => {
                   {/* Status and Duration */}
                   <div className="flex justify-between items-center mb-4">
                     <span
-                      className={`text-xs font-light px-2 py-1 rounded-full ${
-                        project.status === "Active"
-                          ? "bg-green-900/20 text-green-300"
-                          : "bg-yellow-900/20 text-yellow-300"
-                      }`}
+                      className={`text-xs font-light px-2 py-1 rounded-full ${project.status === "Active"
+                        ? "bg-green-900/20 text-green-300"
+                        : "bg-yellow-900/20 text-yellow-300"
+                        }`}
                     >
                       {project.status}
                     </span>
diff --git a/src/pages/Showcase.jsx b/src/pages/Showcase.jsx
index 48320c9f..104540f6 100644
--- a/src/pages/Showcase.jsx
+++ b/src/pages/Showcase.jsx
@@ -199,7 +199,7 @@ function Showcase() {
           </h2>
 
           <div className="space-y-4">
-            <details className="group bg-gradient-to-br from-gray-700 to-gray-600 rounded-2xl p-6 cursor-pointer">
+            <details className="group rounded-2xl p-6 cursor-pointer">
               <summary className="flex justify-between items-center font-light text-xl text-gray-200 list-none">
                 <span>What is Showcase?</span>
                 <span className="transition group-open:rotate-180">
@@ -227,7 +227,7 @@ function Showcase() {
               </p>
             </details>
 
-            <details className="group bg-gradient-to-br from-gray-700 to-gray-600 rounded-2xl p-6 cursor-pointer">
+            <details className="group rounded-2xl p-6 cursor-pointer">
               <summary className="flex justify-between items-center font-light text-xl text-gray-200 list-none">
                 <span>Who is invited to Project Showcase?</span>
                 <span className="transition group-open:rotate-180">
@@ -255,7 +255,7 @@ function Showcase() {
 
             {/* FAQ about where showcase location is */}
             {ENABLE_SHOWCASE_COUNTDOWN && (
-              <details className="group bg-gradient-to-br from-gray-700 to-gray-600 rounded-2xl p-6 cursor-pointer">
+              <details className="group rounded-2xl p-6 cursor-pointer">
                 <summary className="flex justify-between items-center font-light text-xl text-gray-200 list-none">
                   <span>Where is the Virginia Brown Atrium?</span>
                   <span className="transition group-open:rotate-180">
diff --git a/src/pages/Sponsorship.jsx b/src/pages/Sponsorship.jsx
index 77063a92..68edcab4 100644
--- a/src/pages/Sponsorship.jsx
+++ b/src/pages/Sponsorship.jsx
@@ -118,13 +118,13 @@ const Sponsorship = () => {
   };
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900">
+    <div className="min-h-screen">
       {/* Hero Section */}
       <section
         ref={heroRef}
         className="relative min-h-screen flex items-center justify-center px-4"
       >
-        <div className="absolute inset-0 bg-gradient-to-br from-gray-900/50 via-gray-800/50 to-gray-900/50"></div>
+        <div className="absolute inset-0"></div>
         <div className="relative text-center max-w-6xl mx-auto z-10">
           <h1 className="text-6xl md:text-8xl lg:text-9xl tracking-tight text-gray-200 mb-8">
             <span className="block">SPONSOR</span>
@@ -181,10 +181,10 @@ const Sponsorship = () => {
       </section>
 
       {/* Why Sponsor Section */}
-      <section className="py-16 px-4 bg-gray-800">
+      <section className="py-16 px-4">
         <div className="max-w-6xl mx-auto">
           <div className="text-center mb-16">
-            <h2 className="text-4xl md:text-5xl text-gray-200 mb-8">
+            <h2 className="text-4xl md:text-5xl mb-8">
               Why Sponsor <span className="text-yellow-400">TURTLE</span>?
             </h2>
             <p className="text-xl font-light text-gray-400 max-w-3xl mx-auto">
@@ -280,7 +280,7 @@ const Sponsorship = () => {
       <section id="sponsorship-tiers" className="py-16 px-4">
         <div className="max-w-6xl mx-auto">
           <div className="text-center mb-16">
-            <h2 className="text-4xl md:text-5xl text-gray-200 mb-8">
+            <h2 className="text-4xl md:text-5xl mb-8">
               Sponsorship <span className="text-yellow-400">Tiers</span>
             </h2>
             <p className="text-xl font-light text-gray-400 max-w-3xl mx-auto">
@@ -312,7 +312,7 @@ const Sponsorship = () => {
       </section>
 
       {/* Contact Section */}
-      <section id="contact-section" className="py-16 px-4 bg-gray-800">
+      <section id="contact-section" className="py-16 px-4">
         <div className="max-w-4xl mx-auto text-center">
           <h2 className="text-4xl md:text-5xl text-gray-200 mb-8">
             Ready to <span className="text-yellow-400">Partner</span>?
diff --git a/src/pages/WorkshopSeries.jsx b/src/pages/WorkshopSeries.jsx
index dde5b032..18ad41b1 100644
--- a/src/pages/WorkshopSeries.jsx
+++ b/src/pages/WorkshopSeries.jsx
@@ -53,7 +53,7 @@ const WorkshopSeries = () => {
         ref={heroRef}
         className="relative min-h-screen flex items-center justify-center px-4"
       >
-        <div className="absolute inset-0 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900"></div>
+        <div className="absolute inset-0"></div>
         <div className="relative text-center max-w-6xl mx-auto z-10">
           <h1 className="text-6xl md:text-8xl lg:text-9xl tracking-tight text-gray-200 mb-8">
             <span className="block">WORKSHOP</span>
@@ -101,7 +101,7 @@ const WorkshopSeries = () => {
       </section>
 
       {/* Contact Section */}
-      <section className="py-24 px-4 bg-gradient-to-br from-gray-800 to-gray-900">
+      <section className="py-24 px-4">
         <div className="max-w-4xl mx-auto text-center">
           <h2 className="text-4xl md:text-5xl lg:text-6xl mb-12 text-gray-200">
             GET <span className="text-accent">NOTIFIED</span>
diff --git a/tailwind.config.js b/tailwind.config.js
index 22386323..a3a8081a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -15,9 +15,9 @@ export default {
         secondary: '#FFD700',
         'turtle-red': '#A60000',
         'turtle-gold': '#FFD700',
-        gradients: {
+        /*gradients: {
           turtle: 'linear-gradient(135deg, #7B0000, #A60000)',
-        }
+        }*/
       },
       fontSize: {
         'hero': ['clamp(3rem, 8vw, 8rem)', { lineHeight: '0.9', letterSpacing: '-0.02em' }],

From 5adac3eb8b7706fe0416025b45dff5f737bf4a7a Mon Sep 17 00:00:00 2001
From: sworavka <sworavka@proton.me>
Date: Tue, 17 Feb 2026 17:46:13 -0600
Subject: [PATCH 2/2] Ran Prettier.

---
 src/components/Layout.jsx         |  9 +++++----
 src/main.css                      |  6 +++---
 src/pages/DevelopmentPrograms.jsx |  5 +----
 src/pages/Home.jsx                |  3 +--
 src/pages/Projects.jsx            | 11 ++++++-----
 5 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/components/Layout.jsx b/src/components/Layout.jsx
index f8c4f8d6..7b879b65 100644
--- a/src/components/Layout.jsx
+++ b/src/components/Layout.jsx
@@ -73,13 +73,14 @@ const Layout = ({ children }) => {
                   <Link
                     key={item.path}
                     to={item.path}
-                    className={`flex items-center text-xs sm:text-sm font-light tracking-wide transition-all duration-300 ${location.pathname === item.path ||
+                    className={`flex items-center text-xs sm:text-sm font-light tracking-wide transition-all duration-300 ${
+                      location.pathname === item.path ||
                       (item.path === "/development-programs" &&
                         (location.pathname === "/hatchling" ||
                           location.pathname === "/workshop-series"))
-                      ? "text-yellow-400 border-b-2 border-yellow-400"
-                      : "text-gray-300 hover:text-yellow-400 hover:border-b-2 hover:border-yellow-400/50"
-                      }`}
+                        ? "text-yellow-400 border-b-2 border-yellow-400"
+                        : "text-gray-300 hover:text-yellow-400 hover:border-b-2 hover:border-yellow-400/50"
+                    }`}
                     style={{
                       minWidth: 0,
                       overflow: "hidden",
diff --git a/src/main.css b/src/main.css
index c7712ae2..906575e9 100644
--- a/src/main.css
+++ b/src/main.css
@@ -67,8 +67,8 @@ body {
 
 @layer base {
   :root {
-    --color-bg: #1B2538;
-    --color-text: #F2F2F2;
+    --color-bg: #1b2538;
+    --color-text: #f2f2f2;
 
     --color-accent: #f3d127;
     /* yellow */
@@ -162,4 +162,4 @@ body {
     -webkit-box-orient: vertical;
     overflow: hidden;
   }
-}
\ No newline at end of file
+}
diff --git a/src/pages/DevelopmentPrograms.jsx b/src/pages/DevelopmentPrograms.jsx
index acd9df25..4167dc82 100644
--- a/src/pages/DevelopmentPrograms.jsx
+++ b/src/pages/DevelopmentPrograms.jsx
@@ -86,10 +86,7 @@ const DevelopmentPrograms = () => {
 
       {/* Program Sections */}
       {programs.map((program, index) => (
-        <section
-          key={program.id}
-          className="py-24 px-4"
-        >
+        <section key={program.id} className="py-24 px-4">
           <div className="max-w-7xl mx-auto">
             {/* Section Title */}
             <h2 className="text-4xl md:text-5xl lg:text-6xl text-center mb-12 text-gray-200">
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index eb5aedec..76eca1b5 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -221,9 +221,8 @@ const Home = () => {
           </div>
         </section>
 
-
         {/* Kung Fu Tea Profit Share Popup - Desktop */}
-        { }
+        {}
 
         {/* Calendar Section */}
         <section className="py-24 px-4">
diff --git a/src/pages/Projects.jsx b/src/pages/Projects.jsx
index 37776a10..fbb85108 100644
--- a/src/pages/Projects.jsx
+++ b/src/pages/Projects.jsx
@@ -217,7 +217,7 @@ const Projects = () => {
                   Recommendation Source: {aiResult.source}
                 </div>
                 {aiResult.recommendations &&
-                  aiResult.recommendations.length > 0 ? (
+                aiResult.recommendations.length > 0 ? (
                   <div className="space-y-2">
                     {aiResult.recommendations.map((r, i) => {
                       const p = projects.find((pr) => pr.id === r.id);
@@ -316,10 +316,11 @@ const Projects = () => {
                   {/* Status and Duration */}
                   <div className="flex justify-between items-center mb-4">
                     <span
-                      className={`text-xs font-light px-2 py-1 rounded-full ${project.status === "Active"
-                        ? "bg-green-900/20 text-green-300"
-                        : "bg-yellow-900/20 text-yellow-300"
-                        }`}
+                      className={`text-xs font-light px-2 py-1 rounded-full ${
+                        project.status === "Active"
+                          ? "bg-green-900/20 text-green-300"
+                          : "bg-yellow-900/20 text-yellow-300"
+                      }`}
                     >
                       {project.status}
                     </span>