feat: Add the head<> element for the website and add href links for m…

…ailing and redirecting
zufall-labs · Nov 9, 2024 · e9f549d · e9f549d
1 parent 7c1adb0
commit e9f549d
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 14 deletions.
diff --git a/app/root.tsx b/app/root.tsx
@@ -16,6 +16,8 @@ export default function App() {
             <meta name="viewport" content="width=device-width, initial-scale=1" />
             <Meta />
             <Links />
+            <link rel="icon" href="public/images/zufall-logo-color.png" type="image/png"/>
+            <title>Zufall Labs</title>
         </head>
         <body>
         <Outlet />

diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
@@ -23,11 +23,11 @@ export default function LandingPage() {
                     </div>
 
                     {/* GitHub Button */}
-                    <div className="ml-auto mr-2">
+                    <a href="https://github.com/zufall-labs" target="_blank" className="ml-auto mr-2">
                         <button className="bg-black text-white rounded-lg h-12 px-10 font-helvetica-now font-bold">
                             GitHub
                         </button>
-                    </div>
+                    </a>
                 </header>
 
                 {/* Main content area */}
@@ -46,12 +46,12 @@ export default function LandingPage() {
                             labore et
                             dolore magna aliqua.
                         </div>
-                        {/* Connect button */}
-                        <div>
-                            <button className="border-solid border-2 border-black text-[#89458a] rounded-lg h-10 w-2/5">
+                        {/* Get in touch button */}
+                        <a href="mailto:backoffice@zufall.ai">
+                            <button className="mt-3 border-solid border-2 border-black text-[#89458a] rounded-lg h-10 w-2/5">
                                 GET IN TOUCH
                             </button>
-                        </div>
+                        </a>
                     </div>
 
                     {/* Join Section */}
@@ -78,10 +78,12 @@ export default function LandingPage() {
                                 Research internships
                             </div>
                             {/* Left button */}
-                            <button
-                                className="border-solid border-2 border-black text-[#89458a] rounded-lg h-10 w-full">
-                                Apply now
-                            </button>
+                            <a href="mailto:backoffice@zufall.ai">
+                                <button
+                                    className="border-solid border-2 border-black text-[#89458a] rounded-lg h-10 w-full">
+                                    Apply now
+                                </button>
+                            </a>
                         </div>
                         {/* Spacer */}
                         <div className="left-1/2 mx-6 w-0.5 bg-[#000000]"></div>
@@ -92,10 +94,12 @@ export default function LandingPage() {
                                 Open for investment
                             </div>
                             {/* Right button */}
-                            <button
-                                className="border-solid border-2 border-black text-[#89458a] rounded-lg h-10 w-full">
-                                Invest in us
-                            </button>
+                            <a href="mailto:backoffice@zufall.ai">
+                                <button
+                                    className="border-solid border-2 border-black text-[#89458a] rounded-lg h-10 w-full">
+                                    Invest in us
+                                </button>
+                            </a>
                         </div>
                     </div>
 

diff --git a/public/favicon.ico b/public/favicon.ico