irongit
Sign inRegister
huncholanehuncholane/twenchPublic

using components folder and fixed text shadow

huncholanehuncholaneauthored
parent b753044commit 30f7b847e34cd49f438f1ca46af8be705d99e969Browse files

10 files changed, +65 -51

+7-0twench_landing_page/app/globals.css
@@ -18,6 +18,8 @@ body {
1818 color: var(--foreground);
1919 background: var(--background);
2020 font-family: Pixellari, Arial, Helvetica, sans-serif;
21+ text-shadow: 2px 2px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000,
22+ -2px 2px 0 #000, 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000;
2123 }
2224
2325 @layer utilities {
@@ -26,6 +28,11 @@ body {
2628 }
2729 }
2830
31+.large-text-shadow {
32+ text-shadow: 8px 8px 0 #000, -8px -8px 0 #000, 8px -8px 0 #000,
33+ -8px 8px 0 #000, 8px 0 0 #000, -8px 0 0 #000, 0 8px 0 #000, 0 -8px 0 #000;
34+}
35+
2936 .landing {
3037 height: 100vh;
3138 width: 100vw;
+6-44twench_landing_page/app/page.tsx
@@ -1,56 +1,18 @@
1-import Image from "next/image";
1+import Header from "@/components/Header";
22
33 export default function Home() {
44 return (
55 <div>
66 <div className="landing flex flex-col">
7- <div className="h-32 flex justify-between">
8- <div></div>
9- <Image
10- src="/images/logo.png"
11- alt="Twench"
12- width={64}
13- height={64}
14- className="my-auto rounded-full border-black border-4"
15- />
16- <div className="flex gap-4 my-auto">
17- <a
18- href=""
19- className="flex h-10 w-10 justify-center bg-white border-black border-2"
20- >
21- <Image
22- src="/images/dexscreener.png"
23- width={25}
24- height={30}
25- alt="Dexscreener"
26- className="my-auto"
27- />
28- </a>
29- <a
30- href=""
31- className="flex h-10 w-10 justify-center bg-white border-black border-2"
32- >
33- <Image
34- src="/images/dextools.png"
35- width={25}
36- height={30}
37- alt="Dexscreener"
38- className="my-auto"
39- />
40- </a>
41- </div>
42- <a
43- className="p-3 border-black bg-background my-auto rounded-full border-4 text-[28px] leading-[30.52px] cursor-pointer text-shadow"
44- href=""
45- >
46- BUY $TWENCH
47- </a>
48- <div className="h-full"></div>
7+ <Header />
8+ <div className="relative">
9+ <h1 className="text-[128px] large-text-shadow w-full text-center">
10+ $TWENCH
11+ </h1>
4912 </div>
5013 </div>
5114 <div></div>
5215 <div></div>
53- <div></div>
5416 </div>
5517 );
5618 }
+52-0twench_landing_page/components/Header.tsx
@@ -0,0 +1,52 @@
1+import Image from "next/image";
2+import React from "react";
3+
4+const Header = () => {
5+ return (
6+ <div className="h-32 flex justify-between">
7+ <div></div>
8+ <Image
9+ src="/images/logo.png"
10+ alt="Twench"
11+ width={64}
12+ height={64}
13+ className="my-auto rounded-full border-black border-4"
14+ />
15+ <div className="flex gap-4 my-auto">
16+ <a
17+ href=""
18+ className="flex h-10 w-10 justify-center bg-white border-black border-2"
19+ >
20+ <Image
21+ src="/images/dexscreener.png"
22+ width={25}
23+ height={30}
24+ alt="Dexscreener"
25+ className="my-auto"
26+ />
27+ </a>
28+ <a
29+ href=""
30+ className="flex h-10 w-10 justify-center bg-white border-black border-2"
31+ >
32+ <Image
33+ src="/images/dextools.png"
34+ width={25}
35+ height={30}
36+ alt="Dexscreener"
37+ className="my-auto"
38+ />
39+ </a>
40+ </div>
41+ <a
42+ className="p-3 border-black bg-background my-auto rounded-full border-4 text-[28px] leading-[30.52px] cursor-pointer"
43+ href=""
44+ >
45+ BUY $TWENCH
46+ </a>
47+ <div></div>
48+ </div>
49+ );
50+};
51+
52+export default Header;
+0-0twench_landing_page/lib/sections/AboutSection.tsx → twench_landing_page/components/sections/AboutSection.tsx

No content changes (mode or rename only).

+0-0twench_landing_page/lib/sections/BuySection.tsx → twench_landing_page/components/sections/BuySection.tsx

No content changes (mode or rename only).

+0-0twench_landing_page/lib/sections/FinalArtSection.tsx → twench_landing_page/components/sections/FinalArtSection.tsx

No content changes (mode or rename only).

+0-0twench_landing_page/lib/sections/LandingSection.tsx → twench_landing_page/components/sections/LandingSection.tsx

No content changes (mode or rename only).

+0-0twench_landing_page/lib/sections/MotivationSection.tsx → twench_landing_page/components/sections/MotivationSection.tsx

No content changes (mode or rename only).

+0-0twench_landing_page/lib/sections/RoadMapSections.tsx → twench_landing_page/components/sections/RoadMapSections.tsx

No content changes (mode or rename only).

+0-7twench_landing_page/lib/Header.tsx
@@ -1,7 +0,0 @@
1-import React from "react";
2-
3-const Header = () => {
4- return <div>Header</div>;
5-};
6-
7-export default Header;