-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ad902b4
commit c6c9089
Showing
19 changed files
with
763 additions
and
109 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| .container { | ||
| display: flex; | ||
| padding: 40px 7%; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| gap: 30px; | ||
| align-self: stretch; | ||
| } | ||
|
|
||
| .title { | ||
| color: #262019; | ||
| text-align: center; | ||
| font-family: Bangers, cursive; | ||
| font-size: 30px; | ||
| font-style: normal; | ||
| font-weight: 400; | ||
| line-height: 100%; /* 30px */ | ||
| } | ||
|
|
||
| .image { | ||
| width: 275px; | ||
| } | ||
|
|
||
| @media (min-width: 768px) { | ||
| .image { | ||
| width: 300px; | ||
| } | ||
| } | ||
|
|
||
| @media (min-width: 1024px) { | ||
| .image { | ||
| width: 350px; | ||
| } | ||
| } | ||
|
|
||
| @media (min-width: 1440px) { | ||
| .title { | ||
| font-size: 40px; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| import styles from "./Achievements.module.css"; | ||
| import { Image } from "@chakra-ui/react"; | ||
| import { FULLCOUNT_ASSETS } from "../../constants"; | ||
|
|
||
| const Achievements = () => { | ||
| return ( | ||
| <div className={styles.container}> | ||
| <div className={styles.title}>...earn achievements...</div> | ||
| <Image className={styles.image} src={`${FULLCOUNT_ASSETS}/landing/character-details.png`} /> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default Achievements; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,103 @@ | ||
| .container { | ||
| display: flex; | ||
| flex-direction: column; | ||
| padding: 0; | ||
| } | ||
|
|
||
| .heroContainer { | ||
| display: flex; | ||
| flex-direction: column; | ||
| } | ||
|
|
||
| .bannerContainer { | ||
| border: 1px solid #262019; | ||
| border-bottom: none; | ||
| } | ||
|
|
||
| .heroInnerContainer { | ||
| display: flex; | ||
| padding: 20px 7% 40px 7%; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| gap: 30px; | ||
| align-self: stretch; | ||
| } | ||
|
|
||
| .heroTitle { | ||
| color: #262019; | ||
| text-align: center; | ||
| font-family: Bangers; | ||
| font-size: 30px; | ||
| font-style: normal; | ||
| font-weight: 400; | ||
| line-height: 110%; /* 33px */ | ||
| max-width: 247px; | ||
| } | ||
|
|
||
| .heroText { | ||
| color: #262019; | ||
| text-align: center; | ||
| font-family: Pangolin; | ||
| font-size: 16px; | ||
| font-style: normal; | ||
| font-weight: 400; | ||
| line-height: normal; | ||
| } | ||
|
|
||
| .heroText { | ||
| margin-top: -10px; | ||
| } | ||
|
|
||
| .button { | ||
| display: flex; | ||
| padding: 9px 20px; | ||
| justify-content: center; | ||
| align-items: center; | ||
| gap: 10px; | ||
| align-self: stretch; | ||
| border: 1px solid #262019; | ||
| background: #328449; | ||
| } | ||
|
|
||
| @media (min-width: 768px) { | ||
| .button { | ||
| align-self: center; | ||
| padding: 9px 80px; | ||
| } | ||
| .heroInnerContainer { | ||
| padding: 40px 7% 60px 7%; | ||
| } | ||
|
|
||
| .heroTextTitle { | ||
| font-size: 40px; | ||
| max-width: 425px; | ||
| line-height: 110%; | ||
| } | ||
| } | ||
|
|
||
| @media (min-width: 1024px) { | ||
| .container { | ||
| padding: 40px 7%; | ||
| } | ||
| .heroContainer { | ||
| /*padding: 40px 71.68px;*/ | ||
| } | ||
| .heroInnerContainer { | ||
| border: 1px solid #262019; | ||
| background: #EBE4DC; | ||
| display: flex; | ||
| padding: 40px 7%px; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| gap: 30px; | ||
| align-self: stretch; | ||
| border-top: 1px solid #262019; | ||
| } | ||
|
|
||
| } | ||
|
|
||
| @media (min-width: 1440px) { | ||
| .heroTitle { | ||
| font-size: 50px; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
| import styles from "./BatterUp.module.css"; | ||
| import globalStyles from "./Landing.module.css"; | ||
|
|
||
| import { Image } from "@chakra-ui/react"; | ||
| import { FULLCOUNT_ASSETS } from "../../constants"; | ||
| import router from "next/router"; | ||
|
|
||
| const BatterUp = () => { | ||
| const handleCTA = () => { | ||
| router.push("/"); | ||
| }; | ||
|
|
||
| return ( | ||
| <div className={styles.container}> | ||
| <div className={styles.heroContainer}> | ||
| <div className={styles.bannerContainer}> | ||
| <Image src={`${FULLCOUNT_ASSETS}/landing/banner.png`} alt={""} /> | ||
| </div> | ||
| <div className={styles.heroInnerContainer}> | ||
| <div className={styles.heroTitle}>BATTER UP!</div> | ||
| <div className={styles.heroText}> | ||
| Face off in epic batter vs pitcher duels | ||
| <br /> | ||
| in this exciting baseball strategy game. | ||
| </div> | ||
| <div className={globalStyles.button} onClick={handleCTA}> | ||
| PLAY NOW | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default BatterUp; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.