updated website with new color scheme

neokd · Oct 10, 2023 · 246124e · 246124e
1 parent 81f9630
commit 246124e
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 54 deletions.
diff --git a/Website/app/fonts/Blanka.otf b/Website/app/fonts/Blanka.otf
diff --git a/Website/app/fonts/Droidiga.otf b/Website/app/fonts/Droidiga.otf
diff --git a/Website/app/globals.css b/Website/app/globals.css
@@ -2,6 +2,20 @@
 @tailwind components;
 @tailwind utilities;
 
+@font-face {
+  font-family: 'blanka';
+  src: url('./fonts/Blanka.otf') format('opentype');
+}
+@font-face {
+  font-family: 'drodiga';
+  src: url('./fonts/Droidiga.otf') format('opentype');
+}
+.blanka {
+  font-family: 'blanka';
+}
+.droidiga{
+  font-family: 'drodiga';
+}
 /* :root {
   --foreground-rgb: 0, 0, 0;
   --background-start-rgb: 214, 219, 220;

diff --git a/Website/app/layout.tsx b/Website/app/layout.tsx
@@ -21,7 +21,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body
-        className={`bg-slate-50 dark:bg-[#0d1117] ${switchThemeDuration}`}>
+        className={`bg-gradient-to-br from-white/60 via-violet-200 to-white dark:from-black dark:via-violet-800/25 dark:to-gray-950/60 duration-1000 ${switchThemeDuration}`}>
         <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
           <ThemeSwitcher />
           <main>{children}</main>

diff --git a/Website/app/page.tsx b/Website/app/page.tsx
@@ -5,59 +5,17 @@ import Footer from "@/components/Footer/Footer";
 
 export default function Home() {
   return (
-      <div className="h-screen flex flex-col justify-center items-center mx-4">
-        <div className="hidden lg:block">
-          <div className="w-16 h-16 blur rounded-full animate-bounce transition delay-500 absolute top-36 bg-amber-500 left-56"></div>
-          <div className="w-16 h-16 blur rounded-full animate-bounce transition delay-500 absolute top-36 bg-white left-48"></div>
-          <div className="w-16 h-16 blur rounded-full animate-bounce transition delay-500 absolute bottom-28 bg-amber-500 right-28"></div>
-          <div className="w-16 h-16 blur rounded-full animate-bounce transition delay-500 absolute bottom-24 bg-white right-24"></div>
-        </div>
-        <div className="dark:text-white text-center lg:w-8/12 container">
-          <h1 className="text-4xl lg:text-6xl mb-6 font-semibold">
-            Unleash Your
-            <span className="text-amber-500"> Project &pos s Potential</span>,
-            Rapidly Build Modern Applications without Leaving Your Development
-            Zone!
-          </h1>
-          <h2 className="text-md lg:text-3xl text-gray-700 dark:text-gray-400 lg:mx-24">
-            Ignite Collaboration. Empower Projects. Shape Data-driven Designs.
-            Build, Collaborate, and Innovate with DataStorehouse.
-          </h2>
-          <div className="lg:mt-12 mt-6">
-            <button className="mt-4 p-2.5 mr-4 rounded-lg text-xl bg-amber-500 shadow-lg">
-              <a href="/">Getting started</a>
-            </button>
-            <button className="mt-4 shadow-lg">
-              <div className="relative w-80 drop-shadow lg:w-[24rem] ">
-                <div className="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
-                  <svg
-                    className="w-6 h-6"
-                    xmlns="http://www.w3.org/2000/svg"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                    strokeWidth="1.5"
-                    stroke="currentColor"
-                  ></svg>
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    d="M21 211-5.197-5.197m0 OA 5.196a7.5 7.5 0 0010.607 10.6072"
-                  ></path>
-                </div>
-                <input
-                  type="text"
-                  className="bg-gray-50 ring-1 ring-amber-500 h-12 w-full border border-black-300 text-gray-900 text-lg rounded-lg focus:ring-amber-500 focus:border-amber-500 block  pl-10 p-2.5  dark:bg-gray-700 dark:border-amber-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-amber-500"
-                  placeholder="Quick Search..."
-                />
-                <div className="absolute inset-y-0 right-3 flex dark:text-white/70 items-center pl-3 pointer-events-none">
-                  ⌘ K
-                </div>
-              </div>
-            </button>
-          </div>
-
-        </div>
-        <Footer/>
+    <div className="h-screen flex flex-col justify-center items-center mx-4">
+      <div className="hidden lg:block">
+        <div className="w-16 h-16 blur rounded-full animate-pulse transition delay-500 absolute top-36 bg-violet-500 left-56"></div>
+        <div className="w-16 h-16 blur rounded-full animate-pulse transition delay-500 absolute top-36 bg-white left-48"></div>
+        <div className="w-16 h-16 blur rounded-full animate-pulse transition delay-500 absolute bottom-28 bg-violet-600 right-28"></div>
+        <div className="w-16 h-16 blur rounded-full animate-pulse transition delay-500 absolute bottom-24 bg-white right-24"></div>
       </div>
+        <div className="container text-center">
+          <h1 className="text-9xl blanka mb-6  tracking-wide dark:text-gray-100">DATASTOREHOUSE</h1>
+          <h2 className="text-3xl  tracking-wide dark:text-gray-100">An Open Source Project for Datasets for your next AI/ML or Data Science Project</h2>
+      </div>
+    </div>
   );
 }