Connect Page Setup

15Dkatz · Jul 6, 2023 · 9d7a5a4 · 9d7a5a4
1 parent 4efd1b4
commit 9d7a5a4
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 2 deletions.
diff --git a/app/connect/page.js b/app/connect/page.js
@@ -1,3 +1,41 @@
+// import Form from './email-list/form';
+// import Followers from './followers';
+
 export default function Page() {
-  return <div>Let's hang around</div>
+  return (
+    <div
+      className={
+        `w-full flex flex-col justify-center items-center
+        p-5 p-10 lg:p-10 text-md lg:text-xl
+        bg-gradient-to-b from-slate-100 to-pink-100`
+      }
+    >
+      <div className="title">Let's hang around</div>
+      <div>
+        <div>
+          Find my latest projects, upcoming live events, and releases!
+        </div>
+        <br />
+        <div>
+          1. Support me with a follow on{' '}
+          <a className="font-bold link" href="https://open.spotify.com/artist/6ep6Hvwexmaa5IqcPxMxqC?si=t24Vsf6LRsKSIy5lV0wvNw" target="_blank">Spotify</a>.
+        </div>
+        {/* <Followers /> */}
+        <br />
+        <div>
+          2. Follow me on{' '}
+          <a className="font-bold link" href="https://www.instagram.com/davidkandomusic/" target="_blank">instagram</a>.
+        </div>
+        <br />
+        <div>
+          3. Join my email list.
+        </div>
+        {/* <Form /> */}
+        <br />
+        <div>
+          Reach out for inquiries at <span className="underline">[email protected]</span>
+        </div>
+      </div>
+    </div>
+  )
 }
diff --git a/app/globals.css b/app/globals.css
@@ -1,3 +1,10 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.title {
+  @apply font-ranga text-2xl lg:text-4xl mb-5 underline decoration-4 decoration-blue-400
+}
+.link {
+  @apply underline text-blue-800
+}
diff --git a/app/layout.js b/app/layout.js
@@ -26,7 +26,7 @@ export default function RootLayout({ children }) {
       <body className="font-roboto flex justify-center items-center min-h-screen">
         <div className="w-[350px] lg:w-[1000px] flex flex-col items-center pt-4 pb-4">
           <div className="w-full bg-slate-100 flex flex-col items-center pb-10 pt-10">
-            <div className="font-ranga text-2xl lg:text-4xl mb-5 underline decoration-3 decoration-blue-400">
+            <div className="title">
               DAVID KANDO MUSIC
             </div>
             <div className="grid grid-cols-2 lg:grid-cols-4 gap-1">