Merge pull request #1 from francisco-zx/exhibitors

Exhibitors
francisco-zx · Jun 18, 2024 · cf4d06e · cf4d06e
2 parents 87b2abd + 967c158
commit cf4d06e
Show file tree

Hide file tree

Showing 50 changed files with 1,658 additions and 1,238 deletions.
diff --git a/src/components/Exhibitors/exhibitors.js b/src/components/Exhibitors/exhibitors.js
@@ -0,0 +1,201 @@
+import tourartist from "../../images/highlights/tourartist.jpg";
+import performances from "../../images/highlights/performances.jpg";
+import architecture from "../../images/highlights/architecture.jpg";
+import highlight from "../../images/highlights/highlight.jpg";
+import awards from "../../images/highlights/awards.jpg";
+
+import aavegotchi from "../../images/exhibitors/aavegotchi.jpg";
+import defikingdoms from "../../images/exhibitors/defikingdoms.jpg";
+import kmon from "../../images/exhibitors/KMON.jpg";
+import legions2029 from "../../images/exhibitors/legions2029.png";
+import knightsantrom from "../../images/exhibitors/knightsantrom.png";
+import anymagik from "../../images/exhibitors/anymagik.jpg";
+import planetmojo from "../../images/exhibitors/planetmojo.png";
+import chibiclash from "../../images/exhibitors/chibiclash.png";
+import motodex from "../../images/exhibitors/motodex.jpg";
+import spacetraitor from "../../images/exhibitors/spacetraitor.png";
+import lootrush from "../../images/exhibitors/lootrush.jpg";
+import sandstorm from "../../images/exhibitors/sandstorm.jpg";
+import vroomway from "../../images/exhibitors/vroomway.jpg";
+import ratscape from "../../images/exhibitors/ratscape.png";
+import dialogic from "../../images/exhibitors/dialogic.png";
+import soulmagic from "../../images/exhibitors/soulmagic.png";
+import racetrack from "../../images/exhibitors/racetrack.jpg";
+import thecavern from "../../images/exhibitors/thecavern.jpg";
+import blockchain from "../../images/exhibitors/blockchain.png";
+import uforika from "../../images/exhibitors/uforika.png";
+import desolation from "../../images/exhibitors/desolation.jpg";
+import synergyland from "../../images/exhibitors/synergyland.jpg";
+import claynation from "../../images/exhibitors/claynation.jpg";
+import aura from "../../images/exhibitors/aura.jpg";
+
+export default [
+  {
+    src: aavegotchi,
+    name: "AAVEGOTCHI",
+    location: "[-2,74]",
+    href: "https://decentraland.org/events/schedule/?id=ebf4f1e1-8cc2-4b02-a77b-2ed6a25674e3",
+    tag: "rpg",
+  },
+  {
+    src: defikingdoms,
+    name: "Defi Kingdoms",
+    location: "[-6,80]",
+    href: "https://decentraland.org/events/schedule/?id=ebf4f1e1-8cc2-4b02-a77b-2ed6a25674e3",
+    tag: "rpg",
+  },
+  {
+    src: kmon,
+    name: "Kmon",
+    location: "[-8,79]",
+    href: "https://decentraland.org/events/schedule/?id=ebf4f1e1-8cc2-4b02-a77b-2ed6a25674e3",
+    tag: "rpg",
+  },
+  {
+    src: legions2029,
+    name: "Legions 2029",
+    location: "[-4,79]",
+    href: "https://decentraland.org/events/event/?id=4990e13f-305d-45a7-a1e8-d98a50ab5de5",
+    tag: "rpg",
+  },
+  {
+    src: knightsantrom,
+    name: "Knights of Antrom",
+    location: "[-2,78]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "rpg",
+  },
+  {
+    src: anymagik,
+    name: "Anymagik",
+    location: "[-1,76]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "rpg",
+  },
+  {
+    src: planetmojo,
+    name: "Planet Mojo",
+    location: "[7,80]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "speed",
+  },
+  {
+    src: chibiclash,
+    name: "Chibi Clash",
+    location: "[9,79]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "speed",
+  },
+  {
+    src: motodex,
+    name: "Motodex",
+    location: "[3,78]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "speed",
+  },
+  {
+    src: spacetraitor,
+    name: "Space Traitor",
+    location: "[5,79]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "speed",
+  },
+  {
+    src: lootrush,
+    name: "LootRush",
+    location: "[2,76]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "speed",
+  },
+  {
+    src: sandstorm,
+    name: "Sandstorm",
+    location: "[3,74]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "speed",
+  },
+  {
+    src: vroomway,
+    name: "Vroomway",
+    location: "[3,91]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "decentraland",
+  },
+  {
+    src: ratscape,
+    name: "Ratscape",
+    location: "[2,89]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "decentraland",
+  },
+  {
+    src: dialogic,
+    name: "Dialogic",
+    location: "[3,87]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "decentraland",
+  },
+  {
+    src: soulmagic,
+    name: "Soul Magic",
+    location: "[5,86]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "decentraland",
+  },
+  {
+    src: racetrack,
+    name: "Racetrack",
+    location: "[9,86]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "decentraland",
+  },
+  {
+    src: thecavern,
+    name: "The Cavern",
+    location: "[7,85]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "decentraland",
+  },
+  {
+    src: blockchain,
+    name: "Blockchain game alliance",
+    location: "[-2,91]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "bga",
+  },
+  {
+    src: uforika,
+    name: "Uforika",
+    location: "[-1,89]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "bga",
+  },
+  {
+    src: desolation,
+    name: "The Desolation",
+    location: "[-2, 87]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "bga",
+  },
+  {
+    src: synergyland,
+    name: "Synergy land",
+    location: "[-8,86]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "bga",
+  },
+  {
+    src: claynation,
+    name: "Clay nation",
+    location: "[-4,86]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "bga",
+  },
+  {
+    src: aura,
+    name: "Aura",
+    location: "[-6,85]",
+    href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    tag: "bga",
+  },
+];
diff --git a/src/components/Exhibitors/highlights.js b/src/components/Exhibitors/highlights.js
@@ -0,0 +1,90 @@
+
+import tourartist from "../../images/highlights/tourartist.jpg"
+import performances from "../../images/highlights/performances.jpg"
+import architecture from "../../images/highlights/architecture.jpg"
+import highlight from "../../images/highlights/highlight.jpg"
+import awards from "../../images/highlights/awards.jpg"
+
+
+
+
+export default [
+    {
+      src: tourartist,
+      name: "Daily Artist Tours by MESHfair",
+      location: "[61,61]",
+      href: "https://decentraland.org/events/schedule/?id=ebf4f1e1-8cc2-4b02-a77b-2ed6a25674e3",
+    },
+    {
+      src: performances,
+      name: "Daily Performances in Synesthetic Eclipse",
+      location: "[53,67]",
+      href: "https://decentraland.org/events/schedule/?id=ebf4f1e1-8cc2-4b02-a77b-2ed6a25674e3",
+    },
+    {
+      src: architecture,
+      name: "Guided Architecture Tours by Archimicia",
+      location: "[67,53]",
+      href: "https://decentraland.org/events/schedule/?id=ebf4f1e1-8cc2-4b02-a77b-2ed6a25674e3",
+    },
+    {
+      src: highlight,
+      name: "The Quest for the Labyrinth of Egypt",
+      location: "[67,67]",
+      href: "https://decentraland.org/events/event/?id=4990e13f-305d-45a7-a1e8-d98a50ab5de5",
+    },
+    {
+      src: awards,
+      name: "The Decentraland Awards Gala",
+      location: "[61,61]",
+      href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    },
+    {
+      src: awards,
+      name: "The Decentraland Awards Gala",
+      location: "[61,61]",
+      href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    },
+    {
+      src: awards,
+      name: "The Decentraland Awards Gala",
+      location: "[61,61]",
+      href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    },
+    {
+      src: awards,
+      name: "The Decentraland Awards Gala",
+      location: "[61,61]",
+      href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    },
+    {
+      src: awards,
+      name: "The Decentraland Awards Gala",
+      location: "[61,61]",
+      href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    },
+    {
+      src: awards,
+      name: "The Decentraland Awards Gala",
+      location: "[61,61]",
+      href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    },
+    {
+      src: awards,
+      name: "The Decentraland Awards Gala",
+      location: "[61,61]",
+      href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    },
+    {
+      src: awards,
+      name: "The Decentraland Awards Gala",
+      location: "[61,61]",
+      href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    },
+    {
+      src: awards,
+      name: "The Decentraland Awards Gala",
+      location: "[61,61]",
+      href: "https://decentraland.org/events/event/?id=f0590560-3a9a-4acf-9506-e17c908d0748",
+    },
+  ];
diff --git a/src/components/Exhibitors/index.jsx b/src/components/Exhibitors/index.jsx
@@ -0,0 +1,71 @@
+import React, { useState } from "react";
+import { Container } from "../Container";
+import {
+  Section,
+  Stage,
+  StagesContainer,
+  Title,
+  StageCard,
+  StageImage,
+  StageName,
+  StageLocation,
+  StageHover,
+  StageButton,
+  StageNameHighlight,
+  FilterButton,
+  FilterContainer
+} from "./styles";
+import exhibitors from "./exhibitors";
+
+const tagNames = {
+  All: "ALL",
+  rpg: "RPG & MMO Zone",
+  speed: "Speed & Strategy Zone",
+  decentraland: "Decentraland Zone",
+  bga: "BGA Zone"
+};
+
+const Exhibitors = () => {
+  const [filter, setFilter] = useState("All");
+
+  const handleFilterChange = (newFilter) => {
+    setFilter(newFilter);
+  };
+
+  const filteredExhibitors = exhibitors.filter((exhibitor) =>
+    filter === "All" ? true : exhibitor.tag === filter
+  );
+
+  return (
+    <Section id="exhibitors">
+      <Title>EXHIBITORS</Title>
+      <FilterContainer>
+        {Object.entries(tagNames).map(([tag, name]) => (
+          <FilterButton
+            key={tag}
+            onClick={() => handleFilterChange(tag)}
+            isSelected={filter === tag}
+          >
+            {name}
+          </FilterButton>
+        ))}
+      </FilterContainer>
+      <StagesContainer>
+        {filteredExhibitors.map((exhibitor, index) => (
+          <Stage key={index} href={exhibitor.href} target="_blank">
+            <StageCard>
+              <StageImage src={exhibitor.src} />
+              <StageHover>
+                <StageButton>Jump in</StageButton>
+              </StageHover>
+            </StageCard>
+            <StageNameHighlight>{exhibitor.name}</StageNameHighlight>
+            <StageLocation>{exhibitor.location}</StageLocation>
+          </Stage>
+        ))}
+      </StagesContainer>
+    </Section>
+  );
+};
+
+export default Exhibitors;