FEAT: Added AGOG Logo to Homepage

.env.example

@@ -1,7 +0,0 @@
-# Flask Backend Variables
-FLASK_SECRET_KEY=your_secret_key_here
-STRIPE_SECRET_KEY=sk_test_51QikGl...
-
-# React Frontend Variables
-VITE_API_URL=http://127.0.0.1:1234
-VITE_STRIPE_PUBLISHABLE_KEY=pk_test_51112222...

frontend/.env.example

@@ -1,4 +0,0 @@
-# Example frontend variables (for git)
-
-VITE_API_URL=http://127.0.0.1:1234
-VITE_STRIPE_PUBLISHABLE_KEY=pk_test_51112223...

frontend/src/assets/styles/index.css

@@ -39,6 +39,16 @@
   }
 }
 
+.agog-text {
+  background: linear-gradient(to right, #60A5FA, #8B5CF6, #EC4899, #FACC15);
+  background-clip: text;
+}
+
+.agog-text:hover {
+  background: white;
+  transition: ease;
+}
+
 /* 
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;

frontend/src/components/Layout/Name.tsx

@@ -0,0 +1,10 @@
+const Name = () => {
+    return (
+        <div className="flex flex-col justify-center">
+            <span className="agog-text text-4xl font-bold italic bg-clip-text text-transparent">
+                AGOG</span>
+        </div>
+    )
+}
+
+export default Name;

frontend/src/pages/HomePage.tsx

@@ -3,6 +3,7 @@ import Navbar from "../components/Layout/Navbar";
 import StreamListRow from "../components/Layout/StreamListRow";
 import { useNavigate } from "react-router-dom";
 import { useStreams } from "../context/StreamsContext";
+import Name from "../components/Layout/Name";
 
 const HomePage: React.FC = () => {
   const { featuredStreams, featuredCategories } = useStreams();
@@ -20,6 +21,7 @@ const HomePage: React.FC = () => {
       style={{ backgroundImage: "url(/images/background-pattern.svg)" }}
     >
       <Navbar variant="home" />
+      <Name></Name>
 
       <StreamListRow
         title="Live Now"

web_server/.env.example

@@ -1,5 +0,0 @@
-# Example backend variables (for git)
-
-FLASK_SECRET_KEY=your_secret_key_here
-STRIPE_SECRET_KEY=sk_test_51112222...
-DATABASE_URL=postgresql://user:password@localhost:5432/db_name