UNLOCK YOUR

POTENTIAL WITH

VAWNOX™

DIGITAL TOOLS

\n This is not just a book — it's your new mindset. Created to help you unlock inner fire, clarity, and unstoppable focus.\n

\n \n GET THE BOOK\n \n

\n \n

\n );\n}\n\nfunction InstagramLink() {\n return (\n \n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n VAWNOX™ Digital Tools\n \n \n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\n@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody, html {\n height: 100%;\n font-family: 'Playfair Display', serif;\n background-color: black;\n color: white;\n overscroll-behavior: none;\n}\n\n.vawnox-landing {\n display: flex;\n min-height: 100vh;\n position: relative;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 5vh 5vw;\n}\n\n.top-bar {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: min(20px, 3vw);\n z-index: 10;\n width: 100%;\n}\n\n.vawnox-logo {\n font-size: clamp(1rem, 3vw, 1.5rem);\n font-weight: 700;\n color: white;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-right: auto;\n cursor: default;\n}\n\n.instagram-link {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: auto;\n transition: all 0.2s ease;\n}\n\n.instagram-link svg {\n width: clamp(20px, 4vw, 28px);\n height: clamp(20px, 4vw, 28px);\n}\n\n.instagram-link:hover {\n transform: scale(1.1);\n filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));\n}\n\n.content-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 800px;\n width: 100%;\n padding: 0 5vw;\n}\n\n.headline {\n margin-bottom: 2vh;\n opacity: 0;\n}\n\n.headline h1 {\n font-size: clamp(2rem, 6vw, 4rem);\n line-height: 1.2;\n font-weight: 700;\n}\n\n.headline .brand {\n font-size: clamp(2.5rem, 8vw, 5rem);\n margin: 1vh 0;\n}\n\n.subtext {\n max-width: 600px;\n font-size: clamp(0.9rem, 2.5vw, 1.2rem);\n margin-bottom: 3vh;\n line-height: 1.6;\n opacity: 0;\n padding: 0 2vw;\n}\n\n.cta-button {\n display: inline-block;\n text-decoration: none;\n color: white;\n border: 2px solid white;\n padding: clamp(10px, 2vw, 15px) clamp(20px, 4vw, 40px);\n border-radius: 50px;\n font-weight: bold;\n text-transform: uppercase;\n transition: all 0.3s ease;\n box-shadow: 0 0 15px rgba(255,255,255,0.3);\n opacity: 0;\n font-size: clamp(0.8rem, 2vw, 1rem);\n}\n\n.designer-credit {\n position: absolute;\n bottom: 2vh;\n left: 0;\n right: 0;\n text-align: center;\n font-size: clamp(0.6rem, 2vw, 0.8rem);\n color: white;\n opacity: 0.7;\n}\n\n.animate-in-1 {\n animation: fadeInUp 0.6s ease forwards;\n animation-delay: 0s;\n}\n\n.animate-in-2 {\n animation: fadeInUp 0.6s ease forwards;\n animation-delay: 0.3s;\n}\n\n.animate-in-3 {\n animation: fadeInUp 0.6s ease forwards;\n animation-delay: 0.6s;\n}\n\n.cta-button:hover {\n background-color: rgba(255,255,255,0.1);\n box-shadow: 0 0 25px rgba(255,255,255,0.5);\n}\n\n@media (max-width: 480px) {\n .vawnox-landing {\n padding: 5vh 3vw;\n }\n\n .headline h1 {\n font-size: clamp(1.5rem, 8vw, 3rem);\n }\n\n .headline .brand {\n font-size: clamp(2rem, 10vw, 4rem);\n }\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/Henry01/Vawnox_migrated/code/main.tsx","extension","actionData","errors"]