huncholaneadded roadmap text
huncholane4 files changed, +48 -9
+18-5twench_landing_page/components/RoadMapSection/RoadMapSection.css
| @@ -4,7 +4,7 @@ | ||
| 4 | 4 | } |
| 5 | 5 | |
| 6 | 6 | .RoadMapSection .Container { |
| 7 | - @apply relative w-[320px] bg-red-100 top-[20px] h-[660px] left-[50%] transform translate-x-[-50%]; | |
| 7 | + @apply relative w-auto bg-red-100 top-[20px] h-[660px] left-[50%] transform translate-x-[-50%]; | |
| 8 | 8 | @apply 424:w-[400px]; |
| 9 | 9 | @apply 552:w-[500px]; |
| 10 | 10 | } |
| @@ -13,23 +13,36 @@ | ||
| 13 | 13 | @apply text-4xl w-full text-center; |
| 14 | 14 | } |
| 15 | 15 | |
| 16 | +.RoadMapSection ul { | |
| 17 | + @apply my-auto; | |
| 18 | +} | |
| 19 | + | |
| 20 | +.RoadMapSection li { | |
| 21 | + @apply text-[10px] text-shadow w-[120px]; | |
| 22 | + list-style-type: disc; | |
| 23 | +} | |
| 24 | + | |
| 25 | +.RoadMapSection .Row { | |
| 26 | + @apply flex gap-9 h-[130px]; | |
| 27 | +} | |
| 28 | + | |
| 16 | 29 | .RoadMapSection .Container .Soldier { |
| 17 | 30 | background: url("/images/roadmap/soldier.jpg") no-repeat center center/cover; |
| 18 | - @apply size-[100px] absolute top-[70px] left-[10px] transform rotate-[9.39deg]; | |
| 31 | + @apply size-[100px] transform rotate-[9.39deg]; | |
| 19 | 32 | } |
| 20 | 33 | |
| 21 | 34 | .RoadMapSection .Container .Tnt { |
| 22 | 35 | background: url("/images/roadmap/tnt.jpg") no-repeat center center/cover; |
| 23 | - @apply size-[100px] absolute top-[210px] right-[10px] transform rotate-[-9.21deg]; | |
| 36 | + @apply size-[100px] transform rotate-[-9.21deg]; | |
| 24 | 37 | } |
| 25 | 38 | |
| 26 | 39 | .RoadMapSection .Container .Jetpack { |
| 27 | 40 | background: url("/images/roadmap/jetpack.jpg") no-repeat center center/cover; |
| 28 | - @apply size-[100px] absolute top-[350px] left-[10px] transform rotate-[9.09deg]; | |
| 41 | + @apply size-[100px] transform rotate-[9.09deg]; | |
| 29 | 42 | } |
| 30 | 43 | |
| 31 | 44 | .RoadMapSection .Container .Wallstreet { |
| 32 | 45 | background: url("/images/roadmap/wallstreet.jpg") no-repeat center |
| 33 | 46 | center/cover; |
| 34 | - @apply size-[100px] absolute top-[490px] right-[10px] transform rotate-[-8.37deg]; | |
| 47 | + @apply size-[100px] transform rotate-[-8.37deg]; | |
| 35 | 48 | } |
+30-4twench_landing_page/components/RoadMapSection/RoadMapSection.tsx
| @@ -6,10 +6,36 @@ const RoadMapSection: React.FC = () => { | ||
| 6 | 6 | <div className="RoadMapSection"> |
| 7 | 7 | <div className="Container"> |
| 8 | 8 | <div className="Title">ROAD MAP</div> |
| 9 | - <div className="Soldier"></div> | |
| 10 | - <div className="Tnt"></div> | |
| 11 | - <div className="Jetpack"></div> | |
| 12 | - <div className="Wallstreet"></div> | |
| 9 | + <div className="Row"> | |
| 10 | + <ul> | |
| 11 | + <li>Build Community Website & Social Media Accounts</li> | |
| 12 | + <li>Build Twench Run GAME</li> | |
| 13 | + <li>Launch On PumpFun</li> | |
| 14 | + </ul> | |
| 15 | + <div className="Soldier"></div> | |
| 16 | + </div> | |
| 17 | + <div className="Row"> | |
| 18 | + <div className="Tnt"></div> | |
| 19 | + <ul> | |
| 20 | + <li>Hard Work In Da Twench</li> | |
| 21 | + <li>Migrate to Raydium</li> | |
| 22 | + <li>Strategic Partnerships</li> | |
| 23 | + <li>Twench Run Expansions</li> | |
| 24 | + </ul> | |
| 25 | + </div> | |
| 26 | + <div className="Row"> | |
| 27 | + <ul> | |
| 28 | + <li>Growth & Community Rewards</li> | |
| 29 | + <li>Expand Listings</li> | |
| 30 | + </ul> | |
| 31 | + <div className="Jetpack"></div> | |
| 32 | + </div> | |
| 33 | + <div className="Row"> | |
| 34 | + <div className="Wallstreet"></div> | |
| 35 | + <ul> | |
| 36 | + <li>GET OUT DA TWENCH</li> | |
| 37 | + </ul> | |
| 38 | + </div> | |
| 13 | 39 | </div> |
| 14 | 40 | </div> |
| 15 | 41 | ); |
+0-0twench_landing_page/public/images/header/dexscreener 1.png
Binary file changed.
+0-0twench_landing_page/public/images/header/dextools-logo 1.png
Binary file changed.