sponsors, partners and agenda updated

src/App.jsx

@@ -3,6 +3,7 @@ import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
 import Homepage from "./components/Homepage/Homepage";
 import About from "./components/About/About";
 import Reasons from "./components/Reason/Reasons";
+import Sponsors from "./components/Sponsors/Sponsors";
 import Speakers from "./components/Speakers/Speakers";
 import Partners from "./components/Partners/Partners";
 import Newsletter from "./components/Newsletter/Newsletter";
@@ -24,6 +25,7 @@ const App = () => {
               <Countdown />
               <About />
               <Reasons />
+              <Sponsors />
               <Speakers />
               <Partners />
               <Newsletter />

src/components/Agenda/Agenda.jsx

@@ -56,7 +56,12 @@ const Agenda = () => {
         "Individual session: CBDCs: Pros, Cons, and Their Relationship with BTC, ETH, SOL",
     },
 
-    { time: "12:35 PM - 01:50 PM", event: "Break" }, // Break event
+    {
+      time: "12:35 PM - 12:45 PM",
+      event: "TON Society",
+    },
+
+    { time: "12:45 PM - 01:50 PM", event: "Break" }, // Break event
 
     {
       time: "01:50 PM - 02:30 PM",

src/components/Navbar/Navbar.jsx

@@ -20,9 +20,7 @@ const Navbar = () => {
       <div className={`nav-links ${isOpen ? "open" : ""}`}>
         <ul>
           <li>
-            <a href="https://docs.google.com/forms/d/e/1FAIpQLSeOCFyt6izfrUbp0JCyvoP9TGRKAnK5LERjmbD35WMsTIl-Jg/viewform">
-              BE A SPEAKER
-            </a>
+            <a href="#speakers">SPEAKERS</a>
           </li>
           <li>
             <a href="/past-events">Past Events</a>

src/components/Partners/Partners.jsx

@@ -5,8 +5,8 @@ import "slick-carousel/slick/slick-theme.css";
 import "./Partners.css";
 
 const partners = [
-  { id: 1, logo: "/img/Tokenizer.png", name: "Tokenizer" },
-  { id: 2, logo: "/img/Stacked-MoonGate.svg", name: "Moongate" },
+  { id: 1, logo: "/img/icp_hub.jpeg", name: "ICP HUB" },
+  { id: 2, logo: "/img/ton_society.png", name: "TON SOCIETY" },
   { id: 3, logo: "/img/web3nifty.png", name: "Web3Nifty" },
   { id: 4, logo: "/img/BlockX.png", name: "BlockX" },
   { id: 5, logo: "/img/Nerdwarex.png", name: "NerdWarex" },
@@ -28,6 +28,8 @@ const partners = [
   { id: 17, logo: "/img/Fomo.png", name: "Fomo" },
   { id: 18, logo: "/img/hub.svg", name: "The Hub" },
   { id: 19, logo: "/img/shoppleverse.png", name: "Shoppleverse" },
+  { id: 20, logo: "/img/Tokenizer.png", name: "Tokenizer" },
+  { id: 21, logo: "/img/Stacked-MoonGate.svg", name: "Moongate" },
 ];
 
 const Partners = () => {
@@ -71,7 +73,7 @@ const Partners = () => {
 
   return (
     <div className="partners-section">
-      <h2>Official Partners</h2>
+      <h2>Official Community Partners</h2>
       <Slider {...settings}>
         {partners.map((partner) => (
           <div key={partner.id} className="partner-logo">

src/components/Speakers/Speakers.jsx

@@ -21,10 +21,11 @@ const speakersData = [
     linkedin: "https://www.linkedin.com/in/tope-emmanuel-ogunsakin/",
   },
   {
-    name: "Kingsley Peter",
-    position: "Country Manager , Onramp.money (Nigeria)",
-    image: "/img/kingsley_peter.jpg",
-    linkedin: "https://www.linkedin.com/in/kingsley-peter-🇳🇬-a3a116204/",
+    name: "Linda Obi",
+    position:
+      "Blockchain Strategist & Global Growth Leader | Forbes Council Member | Top 100 Women Shaping the Future",
+    image: "/img/linda_obi.JPG",
+    linkedin: "https://www.linkedin.com/in/linda-i-a-obi-01981491/",
   },
   {
     name: "Chisom Felix",

src/components/Sponsors/Sponsors.css

@@ -0,0 +1,41 @@
+.sponsors-section {
+  padding: 40px 20px;
+  text-align: center;
+  background-color: rgb(131, 76, 232);
+}
+
+.sponsors-section h2 {
+  margin-bottom: 20px;
+  font-size: 30px;
+  color: #fff;
+  text-align: center;
+}
+
+.sponsor-logo {
+  padding: 10px;
+}
+
+.sponsor-logo img {
+  max-width: 100%;
+  max-height: 120px;
+  display: block;
+  margin: 0 auto;
+}
+
+.sponsor-button {
+  margin-top: 20px;
+  padding: 10px 20px;
+  font-size: 20px;
+  color: #854eeb;
+  background-color: #fff;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  transition: background-color color 0.3s;
+}
+
+.sponsor-button:hover {
+  background-color: #854eeb;
+  color: #fff;
+  opacity: 0.75;
+}

src/components/Sponsors/Sponsors.jsx

@@ -0,0 +1,67 @@
+import React from "react";
+import Slider from "react-slick";
+import "slick-carousel/slick/slick.css";
+import "slick-carousel/slick/slick-theme.css";
+import "./Sponsors.css";
+
+const sponsors = [
+  { id: 1, logo: "/img/icp_hub.jpeg", name: "ICP HUB" },
+  { id: 2, logo: "/img/ton_society.png", name: "TON SOCIETY" },
+];
+
+const Sponsors = () => {
+  const settings = {
+    dots: false,
+    infinite: true,
+    speed: 500,
+    slidesToShow: sponsors.length,
+    slidesToScroll: 1,
+    autoplay: true,
+    autoplaySpeed: 2000,
+    responsive: [
+      {
+        breakpoint: 1024,
+        settings: {
+          slidesToShow: Math.min(sponsors.length, 3),
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 600,
+        settings: {
+          slidesToShow: Math.min(sponsors.length, 2),
+          slidesToScroll: 1,
+        },
+      },
+      {
+        breakpoint: 480,
+        settings: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+        },
+      },
+    ],
+  };
+
+  const handleButtonClick = () => {
+    window.location.href = "#";
+  };
+
+  return (
+    <div className="sponsors-section">
+      <h2>Official Sponsors</h2>
+      <Slider {...settings}>
+        {sponsors.map((sponsor) => (
+          <div key={sponsor.id} className="sponsor-logo">
+            <img src={sponsor.logo} alt={sponsor.name} />
+          </div>
+        ))}
+      </Slider>
+      <button className="sponsor-button" onClick={handleButtonClick}>
+        Become a Sponsor
+      </button>
+    </div>
+  );
+};
+
+export default Sponsors;