diff --git a/public/img/icp_hub.jpeg b/public/img/icp_hub.jpeg new file mode 100644 index 0000000..b3ceba9 Binary files /dev/null and b/public/img/icp_hub.jpeg differ diff --git a/public/img/kingsley_peter.jpg b/public/img/kingsley_peter.jpg deleted file mode 100644 index f111502..0000000 Binary files a/public/img/kingsley_peter.jpg and /dev/null differ diff --git a/public/img/linda_obi.JPG b/public/img/linda_obi.JPG new file mode 100644 index 0000000..c04e535 Binary files /dev/null and b/public/img/linda_obi.JPG differ diff --git a/public/img/ton_society.png b/public/img/ton_society.png new file mode 100644 index 0000000..cb13474 Binary files /dev/null and b/public/img/ton_society.png differ diff --git a/src/App.jsx b/src/App.jsx index d0a87bb..bd2d4fa 100644 --- a/src/App.jsx +++ b/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 = () => { + diff --git a/src/components/Agenda/Agenda.jsx b/src/components/Agenda/Agenda.jsx index e749fb4..2db47fa 100644 --- a/src/components/Agenda/Agenda.jsx +++ b/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", diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx index f81b327..2a45da8 100644 --- a/src/components/Navbar/Navbar.jsx +++ b/src/components/Navbar/Navbar.jsx @@ -20,9 +20,7 @@ const Navbar = () => {
  • - - BE A SPEAKER - + SPEAKERS
  • Past Events diff --git a/src/components/Partners/Partners.jsx b/src/components/Partners/Partners.jsx index 1379dce..b31588b 100644 --- a/src/components/Partners/Partners.jsx +++ b/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 (
    -

    Official Partners

    +

    Official Community Partners

    {partners.map((partner) => (
    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) => ( +
    + {sponsor.name} +
    + ))} +
    + +
    + ); +}; + +export default Sponsors;