diff --git a/public/images/launch.svg b/public/images/launch.svg new file mode 100644 index 0000000..eb3d171 --- /dev/null +++ b/public/images/launch.svg @@ -0,0 +1,98 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/pages/launch/index.tsx b/src/pages/launch/index.tsx index 7f07a1d..0c02edd 100644 --- a/src/pages/launch/index.tsx +++ b/src/pages/launch/index.tsx @@ -1,6 +1,35 @@ +import Footer from "@/components/Footer"; + export default function Launch() { - return ( -
Launch
- ) -} + return ( + <> +
+
+ Launch Illustration +
+
+

+ SyncSwap Launch +

+

+ Participate in the launch and growth of ecosystem projects. +

+
+
+

+ Upcoming Projects +

+

+ NO UPCOMING PROJECTS - STAY TUNED +

+
+
+ + + ); +} diff --git a/tailwind.config.js b/tailwind.config.js index 838aba1..b4edcc3 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -103,6 +103,28 @@ export default { "50%": { opacity: "1" }, "100%": { opacity: "0" }, }, + typewriter: { + to: { + left: "100%", + }, + }, + blink: { + "0%": { + opacity: "0", + }, + "0.1%": { + opacity: "1", + }, + "50%": { + opacity: "1", + }, + "50.1%": { + opacity: "0", + }, + "100%": { + opacity: "0", + }, + }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", @@ -112,6 +134,9 @@ export default { "fade-in-out-10": "fade-in-out 10s linear infinite", "fade-in-out-15": "fade-in-out 12s linear infinite", "fade-in-out-20": "fade-in-out 14s linear infinite", + typewriter: "typewriter 2s steps(11) forwards", + caret: + "typewriter 2s steps(11) forwards, blink 1s steps(11) infinite 2s", }, }, },