diff --git a/src/assets/images/OwnTheYardSVGIllustration.tsx b/src/assets/images/OwnTheYardSVGIllustration.tsx new file mode 100644 index 0000000..05dfd87 --- /dev/null +++ b/src/assets/images/OwnTheYardSVGIllustration.tsx @@ -0,0 +1,158 @@ +import { SVGProps } from "react" +const SvgComponent = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) +export default SvgComponent diff --git a/src/components/Button/types.ts b/src/components/Button/types.ts index 2424f8b..25aadad 100644 --- a/src/components/Button/types.ts +++ b/src/components/Button/types.ts @@ -23,9 +23,13 @@ interface ButtonProps { export const PrimaryButton = styled(BaseButton)( ({disabled}) => !disabled ? [ - tw`dark:text-pretu dark:bg-gradient-to-r from-oranjo-blanc to-oranjo border border-transparent border-[1.5px] hover:border-blanc`, + tw`dark:text-pretu dark:bg-gradient-to-r from-oranjo-blanc to-oranjo`, ` box-shadow: 0px 1px 5px 0px #090300; + &:hover { + outline: 1.5px solid #FDFDFD; + --webkit-outline: 1.5px solid #FDFDFD; + } ` ] : [ tw`dark:text-pretu dark:opacity-50 dark:bg-gradient-to-r from-oranjo-blanc to-oranjo`, diff --git a/src/components/LandingPageHeroMobile/index.tsx b/src/components/LandingPageHeroMobile/index.tsx index 3ca1e4f..00ff2e2 100644 --- a/src/components/LandingPageHeroMobile/index.tsx +++ b/src/components/LandingPageHeroMobile/index.tsx @@ -4,8 +4,7 @@ import { useAutoRoll } from "../Dice/animations"; import { LeftPlayerCardMobile, RightPlayerCardMobile} from "../LandingHeroPlayerCard"; import { Link } from 'react-router-dom'; import Button from "../Button"; -import {TwitterIcon, VersusIcon} from '../../assets/icons'; -import { BlackFillWrapperForSVG } from '../../containers/Navigation/types' +import { VersusIcon } from '../../assets/icons'; import 'twin.macro'; const LandingPageHeroMobile = () => { @@ -20,12 +19,12 @@ const LandingPageHeroMobile = () => { - + diff --git a/src/components/LandingPageOwnTheYardSection/index.tsx b/src/components/LandingPageOwnTheYardSection/index.tsx index 58acaf3..bfa0d6a 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/ownTheYard.png"; +import OwnTheYardGraphic from "../../assets/images/OwnTheYardSVGIllustration"; import HoveringOrbs from "../../common/HoveringOrbs" import "twin.macro" @@ -33,8 +33,8 @@ const LandingPageOwnTheYardSection = () => { } > -
- own-the-yard-illustration +
+
{/* gradient banner */} {
Learn, follow or inspect us.
- + Documentation {/* diff --git a/src/containers/FooterMobile/index.tsx b/src/containers/FooterMobile/index.tsx index e88245e..7b02ec8 100644 --- a/src/containers/FooterMobile/index.tsx +++ b/src/containers/FooterMobile/index.tsx @@ -37,7 +37,7 @@ const FooterMobile = () => {