landing section looks good

huncholaneauthored 1 year ago

parent 55a1b67commit f97aaec42903eccb1abc3c2af687ad2eaf0368dfBrowse files

3 files changed, +26 -8

+20-0twench_landing_page/components/LandingSection/LandingSection.css

		@@ -5,3 +5,23 @@
5	5	background-size: cover;
6	6	overflow-x: hidden;
7	7	}
	8	+
	9	+.LandingTank {
	10	+ background: url("/images/tank.png") no-repeat center center;
	11	+ background-size: auto 100%;
	12	+ @apply absolute bottom-0 left-0 w-full;
	13	+ @apply md:top-52 xs:top-44 top-40;
	14	+}
	15	+
	16	+.LandingSoldier {
	17	+ background: url("/images/soldier.png") no-repeat center center;
	18	+ background-size: auto 100%;
	19	+ @apply absolute bottom-0 right-0 w-full;
	20	+ @apply md:top-60 xs:top-52 top-48;
	21	+}
	22	+
	23	+.LandingTitle {
	24	+ @apply text-[150px] text-center w-full absolute md:top-32 leading-none text-shadow-lg;
	25	+ @apply md:text-[150px] xs:text-[100px] text-[69px];
	26	+ @apply top-32;
	27	+}

+3-8twench_landing_page/components/LandingSection/LandingSection.tsx

		@@ -5,14 +5,9 @@ import "./LandingSection.css";
5	5	const LandingSection = () => {
6	6	return (
7	7	<div className="LandingSection">
8		- <div className="flex h-32 w-20">
9		- <Image src="/images/logo.png" alt="Twench" width={68} height={68} />
10		- <div className="flex gap-4">
11		- <div>dex</div>
12		- <div>tools</div>
13		- </div>
14		- <a className="buy-button text-shadow-[1px]">BUY $TWENCH</a>
15		- </div>
	8	+ <div className="LandingTitle">$TWENCH</div>
	9	+ <div className="LandingTank"></div>
	10	+ <div className="LandingSoldier"></div>
16	11	</div>
17	12	);
18	13	};

+3-0twench_landing_page/tailwind.config.ts