huncholanevideo section on top
huncholane6 files changed, +13 -5
+1-0twench_landing_page/app/globals.css
| @@ -17,6 +17,7 @@ body { | ||
| 17 | 17 | background: var(--background); |
| 18 | 18 | font-family: Pixellari, Arial, Helvetica, sans-serif; |
| 19 | 19 | text-shadow: var(--ts-small); |
| 20 | + width: 100vw; | |
| 20 | 21 | overflow-x: hidden; |
| 21 | 22 | } |
| 22 | 23 |
+2-0twench_landing_page/app/page.tsx
| @@ -1,5 +1,6 @@ | ||
| 1 | 1 | import AboutSection from "@/components/AboutSection"; |
| 2 | 2 | import Banner from "@/components/Banner"; |
| 3 | +import BuySection from "@/components/BuySection"; | |
| 3 | 4 | import Header from "@/components/Header"; |
| 4 | 5 | import LandingSection from "@/components/LandingSection"; |
| 5 | 6 | import MotivationSection from "@/components/MotivationSection"; |
| @@ -14,6 +15,7 @@ export default function Home() { | ||
| 14 | 15 | <MotivationSection /> |
| 15 | 16 | <AboutSection /> |
| 16 | 17 | <VideoSection /> |
| 18 | + <BuySection /> | |
| 17 | 19 | </div> |
| 18 | 20 | ); |
| 19 | 21 | } |
+5-0twench_landing_page/components/BuySection/BuySection.css
| @@ -1,2 +1,7 @@ | ||
| 1 | 1 | .BuySection { |
| 2 | + @apply bg-white h-[800px] relative w-screen; | |
| 3 | +} | |
| 4 | + | |
| 5 | +.BuySection h1 { | |
| 6 | + @apply text-4xl font-bold text-center pt-20; | |
| 2 | 7 | } |
+3-3twench_landing_page/components/BuySection/BuySection.tsx
| @@ -1,10 +1,10 @@ | ||
| 1 | -import React from 'react'; | |
| 2 | -import './BuySection.css'; | |
| 1 | +import React from "react"; | |
| 2 | +import "./BuySection.css"; | |
| 3 | 3 | |
| 4 | 4 | const BuySection: React.FC = () => { |
| 5 | 5 | return ( |
| 6 | 6 | <div className="BuySection"> |
| 7 | - BuySection | |
| 7 | + <h1>j</h1> | |
| 8 | 8 | </div> |
| 9 | 9 | ); |
| 10 | 10 | }; |
+2-2twench_landing_page/components/VideoSection/VideoSection.css
| @@ -1,9 +1,9 @@ | ||
| 1 | 1 | .VideoSection { |
| 2 | - @apply w-full h-0 relative; | |
| 2 | + @apply w-screen h-0 relative z-50; | |
| 3 | 3 | } |
| 4 | 4 | |
| 5 | 5 | .VideoSection .Preview { |
| 6 | - @apply w-[300px] h-[180px] bg-black border-4 border-primary rounded-md left-1/2 absolute transform -rotate-12 -translate-y-1/2 -translate-x-1/2; | |
| 6 | + @apply w-[290px] h-[175px] bg-black border-4 border-primary rounded-md left-1/2 absolute transform -rotate-12 -translate-y-1/2 -translate-x-1/2; | |
| 7 | 7 | } |
| 8 | 8 | |
| 9 | 9 | .VideoSection .Preview button { |
+0-0twench_landing_page/public/images/bulletin.png
Binary file changed.