diff --git a/index.html b/index.html index 2bd05f2..2bf860d 100644 --- a/index.html +++ b/index.html @@ -8,18 +8,20 @@ Wega. Win together, Own together - +
diff --git a/src/assets/images/ownTheYard.png b/src/assets/images/ownTheYard.png new file mode 100644 index 0000000..f7fe984 Binary files /dev/null and b/src/assets/images/ownTheYard.png differ diff --git a/src/assets/images/ownTheYardMobile.png b/src/assets/images/ownTheYardMobile.png new file mode 100644 index 0000000..ace7281 Binary files /dev/null and b/src/assets/images/ownTheYardMobile.png differ diff --git a/src/assets/images/wager-currencies.png b/src/assets/images/wager-currencies.png index fde6e39..1bc6a0f 100644 Binary files a/src/assets/images/wager-currencies.png and b/src/assets/images/wager-currencies.png differ diff --git a/src/assets/images/wager-types.png b/src/assets/images/wager-types.png index e23c926..fb30b35 100644 Binary files a/src/assets/images/wager-types.png and b/src/assets/images/wager-types.png differ diff --git a/src/components/LandingPageHeroMobile/index.tsx b/src/components/LandingPageHeroMobile/index.tsx index ade9e62..3ca1e4f 100644 --- a/src/components/LandingPageHeroMobile/index.tsx +++ b/src/components/LandingPageHeroMobile/index.tsx @@ -2,9 +2,10 @@ import { useRef } from 'react'; import { Dice } from "../Dice"; import { useAutoRoll } from "../Dice/animations"; import { LeftPlayerCardMobile, RightPlayerCardMobile} from "../LandingHeroPlayerCard"; +import { Link } from 'react-router-dom'; import Button from "../Button"; - -import { VersusIcon } from '../../assets/icons'; +import {TwitterIcon, VersusIcon} from '../../assets/icons'; +import { BlackFillWrapperForSVG } from '../../containers/Navigation/types' import 'twin.macro'; const LandingPageHeroMobile = () => { @@ -19,10 +20,14 @@ const LandingPageHeroMobile = () => { - + ) } diff --git a/src/components/LandingPageOwnTheYardSection/index.tsx b/src/components/LandingPageOwnTheYardSection/index.tsx index c11ad2b..58acaf3 100644 --- a/src/components/LandingPageOwnTheYardSection/index.tsx +++ b/src/components/LandingPageOwnTheYardSection/index.tsx @@ -7,7 +7,7 @@ import { SectionHeaderSubtitle } from "../../common/Section/types" import { NormalText, LargeText, MediumText } from "../../common/typography/types" -import OwnTheYardGraphic from "../../assets/images/OwnTheYardGraphic"; +import OwnTheYardGraphic from "../../assets/images/ownTheYard.png"; import HoveringOrbs from "../../common/HoveringOrbs" import "twin.macro" @@ -33,13 +33,13 @@ const LandingPageOwnTheYardSection = () => { } > -
- +
+ own-the-yard-illustration
{/* gradient banner */} handleGradientBackgroundHover("enter")} onMouseLeave={() => handleGradientBackgroundHover("leave")} > diff --git a/src/components/LandingPageOwnTheYardSectionMobile/index.tsx b/src/components/LandingPageOwnTheYardSectionMobile/index.tsx index 484d993..71f2780 100644 --- a/src/components/LandingPageOwnTheYardSectionMobile/index.tsx +++ b/src/components/LandingPageOwnTheYardSectionMobile/index.tsx @@ -11,7 +11,7 @@ import { LargeText, MediumText } from '../../common/typography/types' -import OwnTheYardGraphic from '../../assets/images/OwnTheYardGraphicMobile'; +import OwnTheYardGraphic from '../../assets/images/ownTheYardMobile.png'; import 'twin.macro'; @@ -32,7 +32,7 @@ const LandingPageOwnTheYardSectionMobile = () => { }>
- + own-the-yard-illustration
{/* gradient banner */}
diff --git a/src/containers/App/index.tsx b/src/containers/App/index.tsx index 30620da..dad64ab 100644 --- a/src/containers/App/index.tsx +++ b/src/containers/App/index.tsx @@ -1,4 +1,3 @@ -import { useEffect } from 'react'; import { HelmetProvider } from 'react-helmet-async'; import LanguageProvider from '../LanguageProvider'; import { localeSelector } from '../LanguageProvider/intlSlice'; @@ -10,11 +9,6 @@ import 'twin.macro'; function App() { const locale = useAppSelector(state => localeSelector(state)); - - useEffect(()=>{ - const htmlElement = document.documentElement; - if(htmlElement && !htmlElement.classList.contains('dark')) htmlElement.classList.add('dark'); - }) return ( diff --git a/src/containers/LandingPage/index.tsx b/src/containers/LandingPage/index.tsx index db6beae..4ac2810 100644 --- a/src/containers/LandingPage/index.tsx +++ b/src/containers/LandingPage/index.tsx @@ -7,6 +7,7 @@ import LandingPageOwnTheYardSection from '../../components/LandingPageOwnTheYard import LandingPageOwnTheYardSectionMobile from '../../components/LandingPageOwnTheYardSectionMobile'; import MainContainer from '../../components/MainContainer'; import { useMediaQuery } from '../../hooks'; + const LandingPage = () => { const { isMobile } = useMediaQuery(); return ( diff --git a/src/containers/Navigation/index.tsx b/src/containers/Navigation/index.tsx index 4033f3e..0f41a29 100644 --- a/src/containers/Navigation/index.tsx +++ b/src/containers/Navigation/index.tsx @@ -2,14 +2,17 @@ import { Link } from 'react-router-dom'; import { LogoDarkWo } from '../../assets/images'; +import { TwitterIcon } from '../../assets/icons'; import { BrandContainer, Brand, NavigationLinksContainer, - NavigationBar + NavigationBar, + BlackFillWrapperForSVG } from './types'; import { useAnimateNav } from '../../hooks'; import Button from '../../components/Button'; + import 'twin.macro' const Navigation = () => { @@ -26,8 +29,11 @@ const Navigation = () => {
-
diff --git a/src/containers/Navigation/types.ts b/src/containers/Navigation/types.ts index 57b127f..6736c32 100644 --- a/src/containers/Navigation/types.ts +++ b/src/containers/Navigation/types.ts @@ -1,5 +1,10 @@ import tw, { styled } from 'twin.macro'; +export const BlackFillWrapperForSVG = styled.span` + svg path { + ${tw`fill-pretu`} + } +` export const BrandContainer = styled.div` display: flex;