feat: Add landing page (#99)

yurucam · Apr 11, 2024 · cc04baa · cc04baa
2 parents 3384f92 + 34744b2
commit cc04baa
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 0 deletions.
diff --git a/web/public/example.jpg b/web/public/example.jpg
diff --git a/web/public/icon.png b/web/public/icon.png
diff --git a/web/src/pages/app-landing-page/page.tsx b/web/src/pages/app-landing-page/page.tsx
@@ -0,0 +1,19 @@
+import { Page } from 'konsta/react';
+
+const AppLandingPage = () => {
+  return (
+    <Page>
+      <div className="flex flex-col items-center justify-center space-y-8">
+        <img src="/icon.png" alt="logo" style={{ marginTop: '5rem' }} />
+        <h1 className="text-3xl font-bold">EXIF Frame</h1>
+        <p className="text-lg text-center">Turn your images into beautifully framed masterpieces!</p>
+        <a href="https://github.com/yurucam/exif-frame" className="px-4 py-2 text-white bg-blue-500 rounded-md hover:bg-blue-600">
+          GitHub
+        </a>
+        <img src="/example.jpg" alt="example" className="w-2/6 rounded-md" style={{ marginBottom: '5rem' }} />
+      </div>
+    </Page>
+  );
+};
+
+export default AppLandingPage;
diff --git a/web/src/router.tsx b/web/src/router.tsx
@@ -2,6 +2,7 @@ import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import RootPage from './pages/root/page';
 import { useEffect } from 'react';
 import { pageView } from './google-analytics';
+import AppLandingPage from './pages/app-landing-page/page';
 
 const Router = () => {
   useEffect(() => pageView(window.location.pathname), []);
@@ -10,6 +11,7 @@ const Router = () => {
     <BrowserRouter>
       <Routes>
         <Route path="/" element={<RootPage />} />
+        <Route path="/app-landing-page" element={<AppLandingPage />} />
       </Routes>
     </BrowserRouter>
   );