- {/* Mobile hero (no fixed height, no letterboxing) */}
-
- {/* Image scales down to fit, keeps aspect ratio, no crop */}
-
-
- {/* Overlay content centered */}
-
-
-
- Explore shows and events with ease.
-
-
- Connect with fellow enthusiasts in our chat rooms. Share
- experiences and ideas anonymously.
-
-
-
-
-
-
-
-
-
-
-
-
+ return (
+
+
+
+ {/* Left Column: 3D Model */}
+
+ Loading 3D Model...
}>
+
+
+
- {/* Desktop hero (keeps cover + fixed height) */}
-
-
-
-
-
-
- Explore shows and events with ease.
-
-
- Connect with fellow enthusiasts in our chat rooms. Share
- experiences and ideas anonymously.
-
-
-
-
-
-
-
-
+ {/* Right Column: Text Content */}
+
+
+ Unlock a New Chapter in Education.
+
+
+
+ Connect with fellow enthusiasts in our chat rooms. Share
+ experiences and ideas anonymously.
+
+
+
+
+
+
+
+
+
+
+
-
-
-
- );
+ );
};
export default Hero;
\ No newline at end of file
diff --git a/Client/src/components/PreviousCollabs.tsx b/Client/src/components/PreviousCollabs.tsx
index f98a038..53453d8 100644
--- a/Client/src/components/PreviousCollabs.tsx
+++ b/Client/src/components/PreviousCollabs.tsx
@@ -5,162 +5,159 @@ import "swiper/css";
import "swiper/css/autoplay";
import Image from "next/image";
-import brocode from "@/public/images/1.png";
-import gamebox from "@/public/images/7.png";
-import stripes from "@/public/images/3.png";
-import bragfit from "@/public/images/4.png";
-import cosmo from "@/public/images/5.png";
-import handa_mobile_care from "@/public/images/2.png";
-import mentor_labs from "@/public/images/6.png";
-import olivia from "@/public/images/8.png";
-import la_club from "@/public/images/333478817_933094361461009_7782895981002195868_n.jpg";
-
-const sponsors = [
- { id: 1, name: "Bro Code.", src: brocode, shape: "rectangle" },
- { id: 2, name: "Immersive Gamebox", src: gamebox, shape: "rectangle" },
- { id: 3, name: "Stripes", src: stripes, shape: "rectangle" },
- { id: 4, name: "Brag Fit", src: bragfit, shape: "rectangle" },
- { id: 5, name: "CosmoGen Students Society", src: cosmo, shape: "rectangle" },
- {
- id: 8,
- name: "Handa Mobile Care",
- src: handa_mobile_care,
- shape: "rectangle",
- },
- { id: 9, name: "Mentor Labs", src: mentor_labs, shape: "rectangle" },
- { id: 10, name: "Olivia", src: olivia, shape: "rectangle" },
- { id: 11, name: "La Club", src: la_club, shape: "rectangle" },
+// 1. Updated data structure for creators with name, image placeholder, and description.
+const creators = [
+ {
+ id: 1,
+ name: "Alice Johnson",
+ imageUrl: "https://placehold.co/180x180/a78bfa/ffffff?text=AJ",
+ description: "Expert in Web Development with over 10 years of experience.",
+ },
+ {
+ id: 2,
+ name: "Bob Williams",
+ imageUrl: "https://placehold.co/180x180/f472b6/ffffff?text=BW",
+ description: "Award-winning graphic designer and UI/UX specialist.",
+ },
+ {
+ id: 3,
+ name: "Charlie Brown",
+ imageUrl: "https://placehold.co/180x180/60a5fa/ffffff?text=CB",
+ description: "Data scientist passionate about machine learning and AI.",
+ },
+ {
+ id: 4,
+ name: "Diana Miller",
+ imageUrl: "https://placehold.co/180x180/34d399/ffffff?text=DM",
+ description: "Digital marketing guru who helps brands grow online.",
+ },
+ {
+ id: 5,
+ name: "Ethan Davis",
+ imageUrl: "https://placehold.co/180x180/fbbf24/ffffff?text=ED",
+ description: "Full-stack engineer and open-source contributor.",
+ },
+ {
+ id: 6,
+ name: "Fiona Garcia",
+ imageUrl: "https://placehold.co/180x180/f87171/ffffff?text=FG",
+ description: "Mobile app developer for both iOS and Android platforms.",
+ },
];
-export default function SponsorCarousel() {
- return (
-
-
-
-
- Previous Collaborations
-
-
-
-
-
- {[...sponsors, ...sponsors].map((sponsor, index) => (
-
-
-
- ))}
-
-
-
-
-
- );
-}
+ @keyframes shimmer {
+ 0% {
+ background-position: 200% 0;
+ }
+ 100% {
+ background-position: -200% 0;
+ }
+ }
+ `}
+