diff --git a/src/components/Speakers/Speakers.jsx b/src/components/Speakers/Speakers.jsx
index 4ff95fd..c535526 100644
--- a/src/components/Speakers/Speakers.jsx
+++ b/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",
diff --git a/src/components/Sponsors/Sponsors.css b/src/components/Sponsors/Sponsors.css
new file mode 100644
index 0000000..0f735e2
--- /dev/null
+++ b/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;
+}
diff --git a/src/components/Sponsors/Sponsors.jsx b/src/components/Sponsors/Sponsors.jsx
new file mode 100644
index 0000000..c5e88e3
--- /dev/null
+++ b/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 (
+
+
Official Sponsors
+
+ {sponsors.map((sponsor) => (
+
+

+
+ ))}
+
+
+
+ );
+};
+
+export default Sponsors;