added hosts logos

Author: shansitads

public/assets/neurdy_logo.png

@@ -3,8 +3,9 @@ import { Container, Row, Col } from "react-bootstrap";
 import Particle from "../Particle";
 import Introduction from "./Introduction";
 import Location from "./Location";
-import ProjectPitch from "./ProjectPitch";
+// import ProjectPitch from "./ProjectPitch";
 import Type from "./Type";
+import Hosts from "./Hosts";
 import SponsorSection from "./Sponsors";
 
 const Home = () => {
@@ -64,6 +65,7 @@ const Home = () => {
       </Container>
 
       <Introduction />
+      <Hosts />
       {/* <ProjectPitch /> */}
       <SponsorSection />
       <Location />

public/assets/neurdy_logo_color.png

@@ -0,0 +1,38 @@
+import React from "react";
+import { Container, Row, Col } from "react-bootstrap";
+import './home.css'
+
+function Hosts() {
+    return (
+        <Container fluid className="hosts-section" id="hosts">
+            <Container>
+                <div className="d-flex justify-content-center">
+                    <Row className="align-items-center host-row">
+                        <Col className="text-end">
+                            <span className="host-text">Brought to you by</span>
+                        </Col>
+                        <Col xs="auto">
+                            <img
+                                src="/assets/neurdy_logo_color.png"
+                                alt="NEURDY Lab Logo"
+                                className="host-logo"
+                            />
+                        </Col>
+                        <Col className="text-end">
+                            <span className="host-text">co-hosted with</span>
+                        </Col>
+                        <Col xs="auto">
+                            <img
+                                src="/assets/vandyhacks_logo.png"
+                                alt="VandyHacks Logo"
+                                className="host-logo"
+                            />
+                        </Col>
+                    </Row>
+                </div>
+            </Container>
+        </Container>
+    );
+}
+
+export default Hosts;

public/assets/vandyhacks_logo.png

@@ -388,6 +388,56 @@
     }
 }
 
+/* --------- 
+  Hosts Section styles
+  --------- */
+.hosts-section {
+    padding: 4rem 0;
+    background-color: rgba(98, 54, 134, 0.3);
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+
+.host-row {
+    gap: 1.5rem;
+}
+
+.host-text {
+    color: white;
+    font-size: 1.2em;
+    white-space: nowrap;
+}
+
+.host-logo {
+    width: 220px;
+    height: 120px;
+    object-fit: contain;
+    transition: transform 0.3s ease;
+}
+
+.host-logo:hover {
+    transform: translateY(-5px);
+}
+
+@media (max-width: 767px) {
+    .host-row {
+        flex-direction: column;
+        gap: 1rem;
+        text-align: center;
+    }
+
+    .host-text {
+        font-size: 1.1em;
+    }
+
+    .host-logo {
+        width: 140px;
+        height: 60px;
+    }
+
+    .text-end {
+        text-align: center !important;
+    }
+}
 
 /* --------- 
   Sponsor Section styles