Merge pull request #96 from TEDx-SJEC/sponsor

add silver sponsors
TEDx-SJEC · Dec 12, 2024 · c4ecf4d · c4ecf4d
2 parents b211ce4 + 87dac88
commit c4ecf4d
Show file tree

Hide file tree

Showing 6 changed files with 70 additions and 6 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -6,6 +6,7 @@ import TEDxStarsCanvas from "@/components/ui/stars";
 import Script from "next/script";
 import { ScrollProgressBar } from "@/components/common/scroll-progress";
 import Footer from "@/components/common/footer";
+import ScrollingBanner from "@/components/common/scrolling-banner";
 const inter = Inter({ subsets: ["latin"] });
 export const metadata: Metadata = {
   title: "TEDxSJEC",
@@ -43,6 +44,7 @@ export default function RootLayout({
       </head>
       <body className={(inter.className = "overflow-x-hidden")}>
         <ScrollProgressBar />
+        <ScrollingBanner />
         <TEDxStarsCanvas />
         <Providers>{children} </Providers>
         <Footer />

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -21,7 +21,7 @@ export default function Home() {
 
   return (
     <>
-      <div className="fixed top-0 w-full h-[80px] z-40 overflow-x-hidden  backdrop-blur-md head-5 bg-black/5" />
+      <div className="fixed top-0 w-full h-[130px] z-40 overflow-x-hidden  backdrop-blur-md head-5 bg-black/5" />
 
       <Nav />
       <div className="z-20 relative pt-20 overflow-x-clip 1">

diff --git a/src/components/common/scrolling-banner.tsx b/src/components/common/scrolling-banner.tsx
@@ -0,0 +1,35 @@
+"use client";
+
+import { motion } from "framer-motion";
+
+export default function ScrollingBanner() {
+  const sentence = "   Registrations close soon   •   ";
+  const repeatCount = 20; // Increase this number to add more repetitions
+
+  return (
+    <div
+      className="
+    // bg-gradient-to-b from-transparent from-60% via-redTheme via-75% to-transparent to-90%
+     bg-redTheme h-fit text-whiteTheme   overflow-hidden py-2"
+    >
+      <motion.div
+        className="whitespace-nowrap inline-block"
+        animate={{
+          x: ["0%", "-50%"],
+        }}
+        transition={{
+          x: {
+            repeat: Infinity,
+            repeatType: "loop",
+            duration: 15, // Reduced from 20 to 15 to speed up the animation
+            ease: "linear",
+          },
+        }}
+      >
+        <span className="text-lg font-semibold px-4">
+          {sentence.repeat(repeatCount)}
+        </span>
+      </motion.div>
+    </div>
+  );
+}
diff --git a/src/components/common/sponsor-section.tsx b/src/components/common/sponsor-section.tsx
@@ -1,6 +1,11 @@
 import { SponsorCard } from "./sponsor-card";
 import { tedxsjecAssetsPrefix } from "@/lib/utils";
-import { bronzeSponsors, goldSponsors, platinumSponsors } from "@/constants";
+import {
+  bronzeSponsors,
+  goldSponsors,
+  platinumSponsors,
+  silverSponsors,
+} from "@/constants";
 
 export function SponsorSection() {
   return (
@@ -33,6 +38,18 @@ export function SponsorSection() {
             />
           ))}
         </div>
+        <h2 className="md:text-4xl text-2xl font-bold text-center mb-8 text-slate-100">
+          Silver Sponsors
+        </h2>
+        <div className="flex flex-wrap  gap-6 my-10 justify-center">
+          {silverSponsors.map((sponsor) => (
+            <SponsorCard
+              key={sponsor.name}
+              name={sponsor.name}
+              logoUrl={sponsor.logoUrl}
+            />
+          ))}
+        </div>
         <h2 className="md:text-4xl text-2xl font-bold text-center mb-8 text-yellow-700">
           Bronze Sponsors
         </h2>

diff --git a/src/components/widget/header.tsx b/src/components/widget/header.tsx
@@ -11,6 +11,7 @@ import NavItem from "../navbar/nav-items";
 import RegisterButton from "../navbar/register-button";
 import { useRouter } from "next/navigation";
 import { Button } from "../ui/button";
+import ScrollingBanner from "../common/scrolling-banner";
 const Nav = () => {
   const router = useRouter();
   gsap.registerPlugin(ScrollTrigger);
@@ -110,6 +111,7 @@ const Nav = () => {
   return (
     <>
       <header className="fixed z-[100] left-0 top-0 w-screen">
+        <ScrollingBanner />
         <div className="header-1 flex md:py-[10px] md:px-[30px] px-[10px] pt-1 justify-between items-center">
           <div className="logo">
             <Link href="/">

diff --git a/src/constants/index.ts b/src/constants/index.ts
@@ -211,10 +211,10 @@ export const goldSponsors: Sponsors[] = [
     name: "Impelsys",
     logoUrl: `${tedxsjecAssetsPrefix}/sponsors/Impelsys2.avif`,
   },
-  {
-    name: "Sri Sweets",
-    logoUrl: `${tedxsjecAssetsPrefix}/sponsors/Sri_Sweets-removebg-preview(1).avif`,
-  },
+  // {
+  //   name: "Sri Sweets",
+  //   logoUrl: `${tedxsjecAssetsPrefix}/sponsors/Sri_Sweets-removebg-preview(1).avif`,
+  // },
   {
     name: "iSKEW Learning",
     logoUrl: `${tedxsjecAssetsPrefix}/sponsors/iSKEW Learning.avif`,
@@ -229,6 +229,10 @@ export const silverSponsors: Sponsors[] = [
     name: "Motilal Oswal",
     logoUrl: `${tedxsjecAssetsPrefix}/sponsors/Motilal.avif`,
   },
+  {
+    name: "Planet Education",
+    logoUrl: `${tedxsjecAssetsPrefix}/sponsors/planet-ed.avif`,
+  },
 
   {
     name: "S L Shet",
@@ -242,6 +246,10 @@ export const silverSponsors: Sponsors[] = [
     name: "JV Global",
     logoUrl: `${tedxsjecAssetsPrefix}/sponsors/JV Global.avif`,
   },
+  {
+    name: "WiZdom Ed",
+    logoUrl: `${tedxsjecAssetsPrefix}/sponsors/wizdom.avif`,
+  },
   {
     name: "CASHCADE",
     logoUrl: `${tedxsjecAssetsPrefix}/sponsors/CASHCADE.avif`,