diff --git a/.gitignore b/.gitignore index f1efc145..55b09f26 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,5 @@ node_modules +.DS_Store /.cache /build diff --git a/app/components/CartridgeSlider.tsx b/app/components/CartridgeSlider.tsx index 28400271..0e88bb0e 100644 --- a/app/components/CartridgeSlider.tsx +++ b/app/components/CartridgeSlider.tsx @@ -1,4 +1,5 @@ import React from "react"; +import { ArrowTopRightOnSquareIcon } from "@heroicons/react/24/solid"; import { useKeenSlider } from "keen-slider/react"; import { motion } from "framer-motion"; import { twMerge } from "tailwind-merge"; @@ -111,8 +112,16 @@ export const CartridgeSlider = () => { ))}
- - View all games + + View all games{" "} +
diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx index a837c218..f355d8d5 100644 --- a/app/components/Footer.tsx +++ b/app/components/Footer.tsx @@ -131,7 +131,7 @@ export const Footer = () => { {links.map(({ name, isExternal, href }) => (
  • {isExternal ? ( { > Newsletter - - MagicSwap -
    @@ -193,10 +185,12 @@ export const Header = () => {
    - Build with Treasure + Play Now
    @@ -320,10 +314,12 @@ export const Header = () => {
    - Build with Treasure + Play Now
    diff --git a/app/components/Icons.tsx b/app/components/Icons.tsx index 91dc1cde..50d3f533 100644 --- a/app/components/Icons.tsx +++ b/app/components/Icons.tsx @@ -145,9 +145,12 @@ export const BridgeIcon = ({ className }: { className?: string }) => ( ); -export const TwitterIcon = ({ className }: { className?: string }) => ( - - +export const XIcon = ({ className }: { className?: string }) => ( + + ); @@ -375,3 +378,29 @@ export const InteropIcon = ({ className }: { className?: string }) => ( /> ); + +export const TreasureLogo = ({ className }: { className?: string }) => ( + + + + + + +); diff --git a/app/components/Reviews.tsx b/app/components/Reviews.tsx index 5fd9dca2..01f6725d 100644 --- a/app/components/Reviews.tsx +++ b/app/components/Reviews.tsx @@ -16,11 +16,11 @@ export function Tweet({ const animationDelay = useMemo(() => { const possibleAnimationDelays = [ "0s", + "0.1s", "0.15s", "0.25s", - "0.35s", - "0.45s", - "0.55s", + "0.3s", + "0.4s", ]; return possibleAnimationDelays[ Math.floor(Math.random() * possibleAnimationDelays.length) diff --git a/app/components/decoration/TileGrid.tsx b/app/components/decoration/TileGrid.tsx new file mode 100644 index 00000000..b7a931a4 --- /dev/null +++ b/app/components/decoration/TileGrid.tsx @@ -0,0 +1,2355 @@ +import React from "react"; + +const TileGrid = () => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +); + +export default TileGrid; diff --git a/app/const.tsx b/app/const.tsx index d524df4a..20a17eb4 100644 --- a/app/const.tsx +++ b/app/const.tsx @@ -95,20 +95,22 @@ import IconCommunityImg from "../public/img/icons/Community.svg"; // Team import AnimenImg from "../public/img/pfps/Animen.png"; import AntlionImg from "../public/img/pfps/Antlion.png"; -import ArchangImg from "../public/img/pfps/Archang.png"; -import BahamaImg from "../public/img/pfps/Bahama.png"; import BasImg from "../public/img/pfps/Bas.png"; +import CrisisImg from "../public/img/pfps/Crisis.png"; import Ent1T7Img from "../public/img/pfps/ENT1T7.png"; import FrannyImg from "../public/img/pfps/Franny.png"; +import GinaImg from "../public/img/pfps/Gina.png"; import JakeImg from "../public/img/pfps/Jake.png"; +import JenImg from "../public/img/pfps/Jen.png"; import JohnImg from "../public/img/pfps/John.png"; +import JoshImg from "../public/img/pfps/Josh.png"; import JpegapeImg from "../public/img/pfps/Jpegape.png"; import JustCheeseImg from "../public/img/pfps/JustCheese.png"; import KarelImg from "../public/img/pfps/Karel.png"; -import MaximeeImg from "../public/img/pfps/Maximee.png"; +import MouseDevImg from "../public/img/pfps/MouseDev.webp"; +import MulfImg from "../public/img/pfps/Mulf.png"; import PeitaImg from "../public/img/pfps/Peita.png"; import PreeminentImg from "../public/img/pfps/Preeminent.png"; -import PurpleSnowImg from "../public/img/pfps/PurpleSnow.png"; import RappzulaImg from "../public/img/pfps/Rappzula.png"; import SambinoImg from "../public/img/pfps/Sambino.png"; import T1DevImg from "../public/img/pfps/t1dev.png"; @@ -116,8 +118,9 @@ import RaeImg from "../public/img/pfps/Rae.png"; import VinnyImg from "../public/img/pfps/Vinny.png"; import XImg from "../public/img/pfps/X_.webp"; import ZakImg from "../public/img/pfps/Zak.png"; -import CrisisImg from "../public/img/pfps/Crisis.png"; -import MdImg from "../public/img/pfps/MouseDev.webp"; +import RayhaanImg from "../public/img/pfps/Rayhaan.png"; +import WagingBullImg from "../public/img/pfps/Wagingbull.png"; +import YuriImg from "../public/img/pfps/Yuri.png"; import DefaultImg from "../public/img/pfps/default.png"; // Twitter @@ -157,216 +160,257 @@ import { EconomyIcon, GlobalIcon, GuildsIcon, - InteropIcon, MagicLogoIcon, - TwitterIcon, + XIcon, UsersIcon, } from "~/components/Icons"; export const teamMembers = [ + { + name: "Karel Vuong", + title: "Co-Founder", + discordLink: "https://discordapp.com/users/397537602988670977", + twitterLink: "https://twitter.com/karelvuong", + image: KarelImg, + team: "Core", + }, { name: "John Patten", title: "Co-Founder", discordLink: "https://discordapp.com/users/882718244920754238", twitterLink: "https://twitter.com/jpatten__", image: JohnImg, - team: "Co-Founders", + team: "Core", }, { - name: "Karel Vuong", - title: "Co-Founder", - discordLink: "https://discordapp.com/users/397537602988670977", - twitterLink: "https://twitter.com/karelvuong", - image: KarelImg, - team: "Co-Founders", + name: "Yuri Visser", + title: "CTO", + discordLink: "https://discordapp.com/users/554674918562988072", + twitterLink: "https://twitter.com/aphexyuri", + image: YuriImg, + team: "Core", + }, + { + name: "Sam Udeschini", + title: "Head of Marketing", + discordLink: "https://discordapp.com/users/864206375492124702", + twitterLink: "https://twitter.com/sambino_eth", + image: SambinoImg, + team: "Core", + }, + { + name: "Gina Snoke", + title: "Head of Art", + discordLink: "https://discordapp.com/users/864206375492124702", + twitterLink: "https://twitter.com/GinaBlaster", + image: GinaImg, + team: "Core", }, { name: "Peita", - title: "Economist | Product, Bridgeworld", - discordLink: "https://discordapp.com/users/349586001892605954", + title: "Economist", + discordLink: "https://discordapp.com/users/1031951650392387695", twitterLink: "https://twitter.com/pugmassacre", image: PeitaImg, - team: "Treasure", + team: "Ecosystem", }, { name: "Jpegape", - title: "Partnerships", + title: "Partnerships Lead", discordLink: "https://discordapp.com/users/757087781515165706", twitterLink: "https://twitter.com/Jpegape1", image: JpegapeImg, - team: "Treasure", + team: "Ecosystem", }, { - name: "Sambino", - title: "Marketing", - discordLink: "https://discordapp.com/users/864206375492124702", - twitterLink: "https://twitter.com/sambino_eth", - image: SambinoImg, - team: "Treasure", + name: "Zak Keen", + title: "Senior Brand Designer", + discordLink: "https://discordapp.com/users/212333834501357578", + twitterLink: "https://twitter.com/Z_Keen", + image: ZakImg, + team: "Creative", }, { - name: "t1dev", - title: "Technology", - discordLink: "https://discordapp.com/users/175078706136612864", - twitterLink: "https://twitter.com/pr0zy", - image: T1DevImg, - team: "Treasure", + name: "Jen Stuber", + title: "Community Manager", + discordLink: "https://discordapp.com/users/104317183521198080", + twitterLink: "https://twitter.com/JenniferStuber", + image: JenImg, + team: "Marketing", }, { - name: "Zak", - title: "Branding", - discordLink: "https://discordapp.com/users/212333834501357578", - twitterLink: "https://twitter.com/Z_Keen", - image: ZakImg, - team: "Treasure", + name: "Josh", + title: "Live Ops Coordinator", + discordLink: "https://discordapp.com/users/851329871137472557", + twitterLink: "https://twitter.com/ReadyPlayerJay", + image: JoshImg, + team: "Marketing", }, { - name: "X_", - title: "Community", + name: "X", + title: "Community Manager", discordLink: "https://discordapp.com/users/390264760748474368", twitterLink: "https://twitter.com/cxf_0886", image: XImg, - team: "Treasure", + team: "Marketing", + }, + { + name: "Yen", + title: "Artist", + twitterLink: "https://twitter.com/YenLeeArt", + image: DefaultImg, + team: "Creative", }, { name: "Rae", - title: "Operations", + title: "People Operations Consultant", image: RaeImg, - team: "Treasure", + team: "Operations", }, { - name: "SimMayor", - title: "Product", + name: "Simmayor", + title: "Product Manager", discordLink: "https://discordapp.com/users/366404971354390533", twitterLink: "https://twitter.com/SimMay0r", image: JakeImg, - team: "Platform", + team: "Product & Engineering", }, { name: "Antlion", - title: "Development (Backend)", + title: "Backend Engineer", discordLink: "https://discordapp.com/users/397537602988670977", twitterLink: "https://twitter.com/0xAntlion", image: AntlionImg, - team: "Platform", + team: "Product & Engineering", + }, + { + name: "Rappzula", + title: "Full-Stack Engineer", + discordLink: "https://discordapp.com/users/690989750127165581", + twitterLink: "https://twitter.com/0xrappzula", + image: RappzulaImg, + team: "Product & Engineering", + }, + { + name: "Mulf", + title: "Full-Stack Engineer", + discordLink: "https://discordapp.com/users/696481332158660698", + twitterLink: "https://twitter.com/0xMulf ", + image: MulfImg, + team: "Product & Engineering", }, { name: "Frannyverse", - title: "Development (Front-End)", + title: "Front-End Engineer", discordLink: "https://discordapp.com/users/766502243699523615", twitterLink: "https://twitter.com/fr4nnyverse", image: FrannyImg, - team: "Platform", + team: "Product & Engineering", + }, + { + name: "wagingbull", + title: "Front-End Engineer", + discordLink: "https://discordapp.com/users/601936617820782592", + twitterLink: "https://twitter.com/waging_bull", + image: WagingBullImg, + team: "Product & Engineering", + }, + { + name: "t1dev", + title: "Solidity Developer", + discordLink: "https://discordapp.com/users/175078706136612864", + twitterLink: "https://twitter.com/pr0zy", + image: T1DevImg, + team: "Product & Engineering", + }, + { + name: "Crisis", + title: "Full-Stack Engineer", + discordLink: "https://discordapp.com/users/351558969568788482", + twitterLink: "https://twitter.com/crisidot", + image: CrisisImg, + team: "Product & Engineering", + }, + { + name: "Vinny", + title: "Solidity Developer", + discordLink: "https://discordapp.com/users/938500876438487061", + twitterLink: "https://twitter.com/VinnyDev1", + image: VinnyImg, + team: "Product & Engineering", }, { name: "Mouse Dev", - title: "Development (Solidity)", + title: "Solidity Developer", discordLink: "https://discordapp.com/users/888112902266044436", twitterLink: "https://twitter.com/_MouseDev ", - image: MdImg, - team: "Platform", - }, - { - name: "Rappzula", - title: "Development (Full-Stack)", - discordLink: "https://discordapp.com/users/690989750127165581", - twitterLink: "https://twitter.com/0xrappzula", - image: RappzulaImg, - team: "Platform", + image: MouseDevImg, + team: "Product & Engineering", }, { name: "jcheese", - title: "Development (Front-End)", + title: "Front-End Engineer", discordLink: "https://discordapp.com/users/353057125137645568", twitterLink: "https://twitter.com/jc_1917", image: JustCheeseImg, - team: "Platform", + team: "Product & Engineering", }, { name: "Bas", - title: "UI/UX", + title: "Product Designer", image: BasImg, - team: "Platform", + team: "Creative", twitterLink: "https://twitter.com/bas_vdg", }, { name: "ENT", - title: "UI/UX", + title: "Product Designer", discordLink: "https://discordapp.com/users/354679433853927445", twitterLink: "https://twitter.com/ENT1T7", image: Ent1T7Img, - team: "Platform", - }, - { - name: "Vinny", - title: "Development (Backend & Solidity)", - discordLink: "https://discordapp.com/users/938500876438487061", - twitterLink: "https://twitter.com/VinnyDev1", - image: VinnyImg, - team: "Platform", - }, - { - name: "Yen", - title: "Art", - twitterLink: "https://twitter.com/YenLeeArt", - image: DefaultImg, - team: "Platform", - }, - { - name: "Crisis", - title: "Development", - discordLink: "https://discordapp.com/users/351558969568788482", - twitterLink: "https://twitter.com/crisidot", - image: CrisisImg, - team: "Smolverse", + team: "Creative", }, { name: "Preeminent", - title: "Marketing", + title: "Producer", discordLink: "https://discordapp.com/users/797371848627191818", twitterLink: "https://twitter.com/mikelauofficial", image: PreeminentImg, - team: "Smolverse", + team: "Smol", }, { name: "Animen", - title: "Art", + title: "Pixel Artist", discordLink: "https://discordapp.com/users/277435777783169024", image: AnimenImg, - team: "Smolverse", - }, - { - name: "Archang", - title: "Community", - discordLink: "https://discordapp.com/users/803824281263538196", - twitterLink: "https://twitter.com/Archang01", - image: ArchangImg, - team: "Smolverse", + team: "Smol", }, { - name: "PurpleSnow", - title: "Game Director", - discordLink: "https://discordapp.com/users/539546215399030814", - twitterLink: "https://twitter.com/purplezsnow", - image: PurpleSnowImg, - team: "Darkbright Studios", + name: "Rayhaan", + title: "Community Manager", + discordLink: "https://discordapp.com/users/240658497207926784", + twitterLink: "https://twitter.com/rayhaan_jay", + image: RayhaanImg, + team: "Smol", }, ]; -export const teamCoFounders = teamMembers.filter( - (member) => member.team === "Co-Founders" +export const teamCore = teamMembers.filter((member) => member.team === "Core"); +export const teamCreative = teamMembers.filter( + (member) => member.team === "Creative" ); -export const teamTreasure = teamMembers.filter( - (member) => member.team === "Treasure" +export const teamMarketing = teamMembers.filter( + (member) => member.team === "Marketing" ); -export const teamPlatform = teamMembers.filter( - (member) => member.team === "Platform" +export const teamProduct = teamMembers.filter( + (member) => member.team === "Product & Engineering" ); -export const teamSmolverse = teamMembers.filter( - (member) => member.team === "Smolverse" +export const teamEcosystem = teamMembers.filter( + (member) => member.team === "Ecosystem" ); -export const teamGameStudio = teamMembers.filter( - (member) => member.team === "Game Studio" +export const teamSmol = teamMembers.filter((member) => member.team === "Smol"); +export const teamOperations = teamMembers.filter( + (member) => member.team === "Operations" ); export type MemberT = (typeof teamMembers)[number]; @@ -702,7 +746,7 @@ export const builds = [ { name: "Leverage powerful infrastructure", description: - "Enrich your game’s experience through Treasure’s platform, Proof of Play framework, and MagicSwap.", + "Enrich your game’s experience through Treasure’s platform, Proof of Play framework, and Magicswap.", image: InfrastructureCardImg, }, @@ -791,8 +835,8 @@ export const infrastructures = [ name: "AMM", icon:

  • - Tap into powerful cross-game trading with MagicSwap + Tap into powerful cross-game trading with Magicswap

  • @@ -658,7 +658,7 @@ export default function Build() { diff --git a/app/routes/create.tsx b/app/routes/create.tsx new file mode 100644 index 00000000..ee1aa3bb --- /dev/null +++ b/app/routes/create.tsx @@ -0,0 +1,255 @@ +import { Layout } from "~/components/Layout"; + +// Assets +import { TreasureLogo } from "~/components/Icons"; +import game_tile_image from "../../public/img/illustrations/game_tiles.png"; +import game_tile_mobile_image from "../../public/img/illustrations/game_tiles_mobile.png"; +import texture_background_image from "../../public/img/illustrations/texture_background.png"; +import tc_intro_video from "../../public/img/TC_INTRO.mp4"; + +// Asset Parts for animations +import a_01_image from "../../public/img/partner-components/A_01.png"; +import a_02_image from "../../public/img/partner-components/A_02.png"; +import b_01_image from "../../public/img/partner-components/B_01.png"; +import c_01_image from "../../public/img/partner-components/C_01.png"; +import c_02_image from "../../public/img/partner-components/C_02.png"; +import c_03_image from "../../public/img/partner-components/C_03.png"; +import red_diamond_gif from "../../public/img/partner-components/red_diamond.gif"; + +import TileGrid from "~/components/decoration/TileGrid"; +import { twMerge } from "tailwind-merge"; + +const FORM_URL = + "https://forms.clickup.com/9003025951/f/8c9yhgz-3182/QBO3G2H9GDHUXBZ7K5"; + +const Testimonials = [ + { + text: "I have found so many fun games since joining the Treasure Create program. I love creating content around them and the team has been awesome to work with.", + name: "Sanjay", + twitter: "FlyeKitesJay", + }, + { + text: "Being part of the Treasure Create program is a blast! Getting to collaborate and develop relationships with other creators and game developers has been an amazing experience! I look forward to the future of Treasure!", + name: "Attis", + twitter: "Attis_gaming", + }, + { + text: "Stepping into the world of Treasure Create felt like I’d won the golden ticket to Willy Wonka’s game factory! The campaigns are super organized. And the game developers? Always ready to chat, answer my zillion questions, and above all, value my feedback.", + name: "HdOlivares", + twitter: "hd_olivares", + }, +]; + +const ApplyNowButton = () => ( + + Apply Now + +); + +const TestimonialCard = ({ + testimonial, +}: { + testimonial: { text: string; name: string; twitter: string }; +}) => ( +
    +

    + “{testimonial.text}“ +

    +
    + {`Avatar +
    +

    + {testimonial.name} +

    + + @{testimonial.twitter} + +
    +
    +
    +); + +const Partner = () => { + return ( + +
    +
    +
    +
    +

    + Become +

    +

    + A Treasure
    Create Partner +

    + +
    +
    + + + + A selection of various Treasure Ecosystem games +
    +
    +
    + +
    + +
    +
    +
    +
    +

    + Welcome to Treasure Create, your gateway to web3 gaming! Join our + exclusive creator program to champion Treasure games, boost your + online presence, and explore unique opportunities in the web3 + gaming world. Whether you create videos, write game reviews, or + cosplay, there's a place for you here! +

    +
    +
    +
    +
    +
    +
    + +
    + +
    +
    +
    +
    +

    + Grow Your Platform +

    +

    + Join our exclusive content creator program to connect with over + 150k players, access early playtests, and amplify your reach + through promotion on official Treasure channels. +

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    + Platform Illustration +
    +
    +
    +

    + Unlock Rewards +

    +

    + Gain MAGIC compensation, + exclusive in-game items, and priority beta access, celebrating + your dedication to Treasure games. +

    +
    +
    +
    +
    +
    + Reward Illustration + + +
    +
    +
    +

    + Join an exciting community +

    +

    + Immerse yourself in a vibrant creator community, connect with + game devs, participate in game nights and unique events, and + forge unforgettable gaming moments together! +

    +
    +
    +
    +
    +
    +
    +
    +

    + Testimonials +

    +
    +
    +
    + {Testimonials.map((testimonial, i) => ( + + ))} +
    +
    + {Testimonials.map((testimonial, i) => ( + + ))} +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    + Become a Treasure Create Partner +

    +

    + Unlock, reap, shape: Your gaming future starts here. +

    + +
    +
    +
    + + ); +}; + +export default Partner; diff --git a/app/routes/team.tsx b/app/routes/team.tsx index 842cd6b1..6761030a 100644 --- a/app/routes/team.tsx +++ b/app/routes/team.tsx @@ -1,13 +1,15 @@ import { Badge } from "~/components/Badge"; import { CTAButton } from "~/components/Button"; -import { DiscordIcon, TwitterIcon } from "~/components/Icons"; +import { DiscordIcon, XIcon } from "~/components/Icons"; import type { MemberT } from "~/const"; import { - teamCoFounders, - teamTreasure, - teamPlatform, - teamSmolverse, - teamGameStudio, + teamCore, + teamEcosystem, + teamCreative, + teamMarketing, + teamProduct, + teamSmol, + teamOperations, } from "~/const"; import classNames from "clsx"; import TreasureTeamImg from "@/img/TreasureTeam.webp"; @@ -72,7 +74,7 @@ const TeamCard = ({ member }: { member: MemberT }) => { rel="noopener noreferrer" target="_blank" > - + ) : null} {member.discordLink ? ( @@ -96,9 +98,9 @@ export default function Team() {
    - +

    - Meet the builders behind Treasure + Meet the people behind Treasure

    @@ -125,50 +127,70 @@ export default function Team() {

    - Founders + Core

    -
    - {teamCoFounders.map((member) => ( +
    + {teamCore.map((member) => ( ))}

    - Treasure + Ecosystem

    -
    - {teamTreasure.map((member) => ( +
    + {teamEcosystem.map((member) => ( ))}

    - Platform + Creative

    -
    - {teamPlatform.map((member) => ( +
    + {teamCreative.map((member) => ( ))}

    - Smolverse + Product & Engineering

    -
    - {teamSmolverse.map((member) => ( +
    + {teamProduct.map((member) => ( ))}

    - Game Studio + Marketing

    -
    - {teamGameStudio.map((member) => ( +
    + {teamMarketing.map((member) => ( + + ))} +
    +
    +
    +

    + Smol +

    +
    + {teamSmol.map((member) => ( + + ))} +
    +
    +
    +

    + Operations +

    +
    + {teamOperations.map((member) => ( ))}
    @@ -182,11 +204,11 @@ export default function Team() { Join the team

    - Want to contribute to the Treasure ecosystem and have a ton of - fun while doing it? We'd love to chat! + Want to contribute to Treasure and have a ton of fun while + doing it? We'd love to chat!

    - + See open roles
    diff --git a/app/styles/tailwind.css b/app/styles/tailwind.css index d7dd961f..e7fd8bc1 100644 --- a/app/styles/tailwind.css +++ b/app/styles/tailwind.css @@ -6,6 +6,10 @@ @apply mx-auto max-w-9xl px-4 sm:px-6 lg:px-12; } +.wrapper { + @apply relative mx-auto max-w-8xl px-4 sm:px-5 md:px-8; +} + .latestPost { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); @@ -83,10 +87,37 @@ font-weight: 500; font-display: swap; font-style: italic; - font-named-instance: "Italic"; + font-named-instance: "italic"; src: url("/fonts/ABCWhyte-RegularItalic.otf") format("opentype"); } +@font-face { + font-family: "Millik"; + font-weight: 500; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("/fonts/Millik.otf") format("opentype"); +} + +@font-face { + font-family: "Satoshi"; + font-weight: 300; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("/fonts/Satoshi-Light.otf") format("opentype"); +} + +@font-face { + font-family: "Satoshi"; + font-weight: 400; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("/fonts/Satoshi-Regular.otf") format("opentype"); +} + @layer utilities { .pause { animation-play-state: paused; diff --git a/public/fonts/Millik.otf b/public/fonts/Millik.otf new file mode 100644 index 00000000..5c363066 Binary files /dev/null and b/public/fonts/Millik.otf differ diff --git a/public/fonts/Satoshi-Light.otf b/public/fonts/Satoshi-Light.otf new file mode 100644 index 00000000..22cb8bc3 Binary files /dev/null and b/public/fonts/Satoshi-Light.otf differ diff --git a/public/fonts/Satoshi-Regular.otf b/public/fonts/Satoshi-Regular.otf new file mode 100644 index 00000000..ddaadc05 Binary files /dev/null and b/public/fonts/Satoshi-Regular.otf differ diff --git a/public/img/TC_INTRO.mp4 b/public/img/TC_INTRO.mp4 new file mode 100644 index 00000000..f4256363 Binary files /dev/null and b/public/img/TC_INTRO.mp4 differ diff --git a/public/img/icons/partner_badge.png b/public/img/icons/partner_badge.png new file mode 100644 index 00000000..1bbb1546 Binary files /dev/null and b/public/img/icons/partner_badge.png differ diff --git a/public/img/illustrations/community_illustration.png b/public/img/illustrations/community_illustration.png new file mode 100644 index 00000000..c14d69d8 Binary files /dev/null and b/public/img/illustrations/community_illustration.png differ diff --git a/public/img/illustrations/game_tiles.png b/public/img/illustrations/game_tiles.png new file mode 100644 index 00000000..2f57cf6f Binary files /dev/null and b/public/img/illustrations/game_tiles.png differ diff --git a/public/img/illustrations/game_tiles_mobile.png b/public/img/illustrations/game_tiles_mobile.png new file mode 100644 index 00000000..52ec0acc Binary files /dev/null and b/public/img/illustrations/game_tiles_mobile.png differ diff --git a/public/img/illustrations/platform_illustration.png b/public/img/illustrations/platform_illustration.png new file mode 100644 index 00000000..23064320 Binary files /dev/null and b/public/img/illustrations/platform_illustration.png differ diff --git a/public/img/illustrations/reward_illustration.png b/public/img/illustrations/reward_illustration.png new file mode 100644 index 00000000..7bc50a31 Binary files /dev/null and b/public/img/illustrations/reward_illustration.png differ diff --git a/public/img/illustrations/texture_background.png b/public/img/illustrations/texture_background.png new file mode 100644 index 00000000..95553643 Binary files /dev/null and b/public/img/illustrations/texture_background.png differ diff --git a/public/img/partner-components/A_01.png b/public/img/partner-components/A_01.png new file mode 100644 index 00000000..2ccd2465 Binary files /dev/null and b/public/img/partner-components/A_01.png differ diff --git a/public/img/partner-components/A_02.png b/public/img/partner-components/A_02.png new file mode 100644 index 00000000..3defed27 Binary files /dev/null and b/public/img/partner-components/A_02.png differ diff --git a/public/img/partner-components/B_01.png b/public/img/partner-components/B_01.png new file mode 100644 index 00000000..6b75bacf Binary files /dev/null and b/public/img/partner-components/B_01.png differ diff --git a/public/img/partner-components/B_02.png b/public/img/partner-components/B_02.png new file mode 100644 index 00000000..3cd54f89 Binary files /dev/null and b/public/img/partner-components/B_02.png differ diff --git a/public/img/partner-components/C_01.png b/public/img/partner-components/C_01.png new file mode 100644 index 00000000..af68fe06 Binary files /dev/null and b/public/img/partner-components/C_01.png differ diff --git a/public/img/partner-components/C_02.png b/public/img/partner-components/C_02.png new file mode 100644 index 00000000..fb55f4b2 Binary files /dev/null and b/public/img/partner-components/C_02.png differ diff --git a/public/img/partner-components/C_03.png b/public/img/partner-components/C_03.png new file mode 100644 index 00000000..77429da1 Binary files /dev/null and b/public/img/partner-components/C_03.png differ diff --git a/public/img/partner-components/red_diamond.gif b/public/img/partner-components/red_diamond.gif new file mode 100644 index 00000000..01a2aecd Binary files /dev/null and b/public/img/partner-components/red_diamond.gif differ diff --git a/public/img/partner-components/red_diamond.png b/public/img/partner-components/red_diamond.png new file mode 100644 index 00000000..d461aa24 Binary files /dev/null and b/public/img/partner-components/red_diamond.png differ diff --git a/public/img/pfps/Duke.png b/public/img/pfps/Duke.png deleted file mode 100644 index 8681b917..00000000 Binary files a/public/img/pfps/Duke.png and /dev/null differ diff --git a/public/img/pfps/Gaarp.png b/public/img/pfps/Gaarp.png deleted file mode 100644 index 6c819cf7..00000000 Binary files a/public/img/pfps/Gaarp.png and /dev/null differ diff --git a/public/img/pfps/Gearhart.png b/public/img/pfps/Gearhart.png deleted file mode 100644 index a4a4df60..00000000 Binary files a/public/img/pfps/Gearhart.png and /dev/null differ diff --git a/public/img/pfps/Gina.png b/public/img/pfps/Gina.png new file mode 100644 index 00000000..eab00574 Binary files /dev/null and b/public/img/pfps/Gina.png differ diff --git a/public/img/pfps/Insprac.png b/public/img/pfps/Insprac.png deleted file mode 100644 index 4d989e74..00000000 Binary files a/public/img/pfps/Insprac.png and /dev/null differ diff --git a/public/img/pfps/Jake.png b/public/img/pfps/Jake.png index 3b608687..a8f180b8 100644 Binary files a/public/img/pfps/Jake.png and b/public/img/pfps/Jake.png differ diff --git a/public/img/pfps/Jen.png b/public/img/pfps/Jen.png new file mode 100644 index 00000000..aad548a5 Binary files /dev/null and b/public/img/pfps/Jen.png differ diff --git a/public/img/pfps/Josh.png b/public/img/pfps/Josh.png new file mode 100644 index 00000000..510ad99d Binary files /dev/null and b/public/img/pfps/Josh.png differ diff --git a/public/img/pfps/Maximee.png b/public/img/pfps/Maximee.png deleted file mode 100644 index c0af1e27..00000000 Binary files a/public/img/pfps/Maximee.png and /dev/null differ diff --git a/public/img/pfps/Mulf.png b/public/img/pfps/Mulf.png new file mode 100644 index 00000000..e355473b Binary files /dev/null and b/public/img/pfps/Mulf.png differ diff --git a/public/img/pfps/Rappzula.png b/public/img/pfps/Rappzula.png index 07fa7834..27977758 100644 Binary files a/public/img/pfps/Rappzula.png and b/public/img/pfps/Rappzula.png differ diff --git a/public/img/pfps/Rayhaan.png b/public/img/pfps/Rayhaan.png new file mode 100644 index 00000000..9ba191bb Binary files /dev/null and b/public/img/pfps/Rayhaan.png differ diff --git a/public/img/pfps/Santi.png b/public/img/pfps/Santi.png deleted file mode 100644 index 809cc1cc..00000000 Binary files a/public/img/pfps/Santi.png and /dev/null differ diff --git a/public/img/pfps/Shimsho.png b/public/img/pfps/Shimsho.png deleted file mode 100644 index 372aeea5..00000000 Binary files a/public/img/pfps/Shimsho.png and /dev/null differ diff --git a/public/img/pfps/Timo.png b/public/img/pfps/Timo.png deleted file mode 100644 index fb692fdb..00000000 Binary files a/public/img/pfps/Timo.png and /dev/null differ diff --git a/public/img/pfps/Trav.png b/public/img/pfps/Trav.png deleted file mode 100644 index 160f3374..00000000 Binary files a/public/img/pfps/Trav.png and /dev/null differ diff --git a/public/img/pfps/Wagingbull.png b/public/img/pfps/Wagingbull.png new file mode 100644 index 00000000..89335386 Binary files /dev/null and b/public/img/pfps/Wagingbull.png differ diff --git a/public/img/pfps/Yuri.png b/public/img/pfps/Yuri.png new file mode 100644 index 00000000..fcfc0398 Binary files /dev/null and b/public/img/pfps/Yuri.png differ diff --git a/public/img/testimonial-images/Attis.png b/public/img/testimonial-images/Attis.png new file mode 100644 index 00000000..54be6940 Binary files /dev/null and b/public/img/testimonial-images/Attis.png differ diff --git a/public/img/testimonial-images/HdOlivares.png b/public/img/testimonial-images/HdOlivares.png new file mode 100644 index 00000000..6a45eb76 Binary files /dev/null and b/public/img/testimonial-images/HdOlivares.png differ diff --git a/public/img/testimonial-images/Sanjay.png b/public/img/testimonial-images/Sanjay.png new file mode 100644 index 00000000..f1e359c1 Binary files /dev/null and b/public/img/testimonial-images/Sanjay.png differ diff --git a/public/locales/en/index.json b/public/locales/en/index.json index 9a1e390b..8cce3301 100644 --- a/public/locales/en/index.json +++ b/public/locales/en/index.json @@ -1,7 +1,7 @@ { "common": { "Learn": "Learn", - "Discover": "Discover", + "Play": "Play", "Build": "Build", "Build with Treasure": "Build with Treasure", "Contribute": "Contribute", @@ -19,7 +19,7 @@ "What is MAGIC?": "What is MAGIC?", "About Treasure": "About Treasure", "Blog": "Blog", - "Ecosystem Careers": "Ecosystem Careers", + "Careers": "Careers", "Snapshot": "Snapshot", "Open Source": "Open Source", "About": "About", @@ -32,7 +32,7 @@ "Community": "Community", "Infrastructure": "Infrastructure", "Why Treasure": "Why Treasure", - "Apply for Partnership": "Apply for Partnership", + "Apply to Partner": "Apply to Partner", "Brand Assets": "Brand Assets", "Governance Forum": "Governance Forum", "Vote on Snapshot": "Vote on Snapshot", @@ -40,7 +40,7 @@ "Guilds": "Guilds", "Community Initiatives": "Community Initiatives", "Talent": "Talent", - "MagicSwap": "MagicSwap", + "Magicswap": "Magicswap", "MAGIC-ETH LP": "MAGIC-ETH LP", "Balancer Crystals": "Balancer Crystals", "Platform": "Platform" diff --git a/public/locales/ja-JP/index.json b/public/locales/ja-JP/index.json index 3a197e9e..f4ada1ad 100644 --- a/public/locales/ja-JP/index.json +++ b/public/locales/ja-JP/index.json @@ -1,7 +1,7 @@ { "common": { "Learn": "学ぶ", - "Discover": "見つける", + "Play": "遊ぶ", "Build": "作る", "Contribute": "貢献する", "LP": "LP", @@ -18,7 +18,7 @@ "What is MAGIC?": "MAGICとは", "About Treasure": "Treasureについて", "Blog": "ブログ", - "Ecosystem Careers": "エコシステムキャリア", + "Careers": "エコシステムキャリア", "Snapshot": "スナップショット", "Open Source": "オープンソース", "About": "Treasureについて", @@ -31,7 +31,7 @@ "Community": "コミュニティ", "Infrastructure": "インフラストラクチャー", "Why Treasure": "なぜ Treasure?", - "Apply for Partnership": "パートナーシップを申し込む", + "Apply to Partner": "パートナーシップを申し込む", "Brand Assets": "ブランドアセット", "Governance Forum": "ガバナンスフォーラム", "Vote on Snapshot": "スナップショットに投票", @@ -39,7 +39,7 @@ "Guilds": "ギルド", "Community Initiatives": "コミュニティイニシエーション", "Talent": "タレント", - "MagicSwap": "MagicSwap", + "Magicswap": "Magicswap", "MAGIC-ETH LP": "MAGIC-ETH LP", "Balancer Crystals": "Balancer Crystals", "Platform": "Platform" diff --git a/public/locales/zh-CN/index.json b/public/locales/zh-CN/index.json index 6f287e1a..f03b5d88 100644 --- a/public/locales/zh-CN/index.json +++ b/public/locales/zh-CN/index.json @@ -1,7 +1,7 @@ { "common": { "Learn": "学习", - "Discover": "发现", + "Play": "玩", "Build": "构建", "Build with Treasure": "使用Treasure构建", "Contribute": "贡献", @@ -19,7 +19,7 @@ "What is MAGIC?": "什么是MAGIC?", "About Treasure": "关于Treasure", "Blog": "博客", - "Ecosystem Careers": "生态职业", + "Careers": "生态职业", "Snapshot": "快照", "Open Source": "开源", "About": "关于", @@ -32,7 +32,7 @@ "Community": "社区", "Infrastructure": "基础设施", "Why Treasure": "为什么选择Treasure", - "Apply for Partnership": "申请合作", + "Apply to Partner": "申请合作", "Brand Assets": "品牌资产", "Governance Forum": "治理论坛", "Vote on Snapshot": "在快照上投票", @@ -40,7 +40,7 @@ "Guilds": "公会", "Community Initiatives": "社区计划", "Talent": "人才", - "MagicSwap": "MagicSwap", + "Magicswap": "Magicswap", "MAGIC-ETH LP": "MAGIC-ETH LP", "Balancer Crystals": "Balancer水晶", "Platform": "Platform" diff --git a/tailwind.config.js b/tailwind.config.js index b5f569d7..84d7b1db 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -8,7 +8,14 @@ module.exports = { extend: { colors: { "tr-green": "#4FC74F", - "tr-blue":"#28A0F0" + "tr-blue": "#28A0F0", + partner: { + background: "#020228" + }, + }, + backgroundImage: { + "gradient-partner-hero": "linear-gradient(104deg, #020228 55.79%, #396AF3 115.73%)", + "gradient-partner-placeholder": "linear-gradient(156deg, #001348 74.03%, #396AF3 167.04%)" }, animation: { marquee: "marquee 80s linear infinite", @@ -17,7 +24,10 @@ module.exports = { "marquee-left2": "marquee-left2 80s linear infinite", marquee3: 'marquee3 var(--marquee-duration) linear infinite', 'fade-in': 'fade-in 0.5s linear forwards', - + "move-up-down": "move-up-down 4s ease-in-out infinite", + "move-up-down2": "move-up-down2 5s ease-in-out .5s infinite", + stretch: "stretch-animation 3s linear infinite", + pulse2: "pulse2 1s none infinite", }, keyframes: { marquee: { @@ -49,6 +59,26 @@ module.exports = { opacity: 1, }, }, + "move-up-down": { + "0%": { transform: "translateY(0)" }, + "50%": { transform: "translateY(-32px)" }, + "100%": { transform: "translateY(0)" }, + }, + "move-up-down2": { + "0%": { transform: "translateY(0)" }, + "50%": { transform: "translateY(-16px)" }, + "100%": { transform: "translateY(0)" }, + }, + "stretch-animation": { + "0%": { width: "100%" }, + "50%": { width: "1000%" }, + "100%": { width: "100%" }, + }, + pulse2: { + "0%": { opacity: 0 }, + "50%": { opacity: 1 }, + "100%": { opacity: 0 }, + } }, typography: ({ theme }) => ({ night: { @@ -96,4 +126,4 @@ module.exports = { require('@tailwindcss/typography'), require('tailwind-scrollbar') ], -}; +}; \ No newline at end of file