jhk

.replit

@@ -2,7 +2,7 @@ modules = ["nodejs-20", "web"]
 run = "npm run dev"
 
 [nix]
-channel = "stable-23_11"
+channel = "stable-24_05"
 
 [deployment]
 run = ["sh", "-c", "npm run dev"]

app/components/backgroundBeams.tsx

@@ -61,9 +61,7 @@ export function BackgroundBeamsDemo() {
             <motion.button
               initial={{ opacity: 0, y: 100 }}
               whileInView={{ opacity: 1, y: 0 }}
-
               transition={{
-
                 delay: 0.3,
                 duration: 0.8,
                 ease: "easeInOut",
@@ -73,13 +71,11 @@ export function BackgroundBeamsDemo() {
               Get started
             </motion.button>
           </Link>
-          <Link href={"https://e3d840fc-de16-4c0f-a2af-4bb02b48d797-00-1iz57nutmrl9d.sisko.replit.dev/"} className="relative z-10 md:pb-4 text-2xl sm:text-lg md:text-7xl  bg-clip-text text-transparent bg-gradient-to-b from-neutral-200 to-neutral-600  text-left font-sans font-bold">
+          <Link href={"https://058d7161-3d82-455c-8a08-75929c749baa-00-33ncm1e7y6818.pike.replit.dev/"} className="relative z-10 md:pb-4 text-2xl sm:text-lg md:text-7xl  bg-clip-text text-transparent bg-gradient-to-b from-neutral-200 to-neutral-600  text-left font-sans font-bold">
             <motion.button
               initial={{ opacity: 0, y: 100 }}
               whileInView={{ opacity: 1, y: 0 }}
-
               transition={{
-
                 delay: 0.3,
                 duration: 0.8,
                 ease: "easeInOut",

app/globals.css

@@ -7,7 +7,7 @@
 :root {
   --color-primary-bg: #FFFFFF;
   --color-secondary-bg: #D9D9D9;
-  --color-third-bg: #679436;
+  --color-third-bg: #5e716a;
 
   --color-primary-text: #242424;
   --color-secondary-text: #5e716a;
@@ -16,13 +16,14 @@
 
   --color-primary-border: #e7f5f3;
   --color-secondary-border: #3535359a;
+  --color-third-border: #3535359a;
 
 }
 
 /* Dark mode variables */
 @media (prefers-color-scheme: dark) {
   :root {
-    --color-primary-bg: #ffffff;
+    --color-primary-bg: #100c13;
     --color-secondary-bg: #32243D;
     --color-third-bg: #472360;
 
@@ -32,6 +33,7 @@
 
     --color-primary-border: #705D97;
     --color-secondary-border: #47236067; 
+    --color-third-border: #47236067; 
 
 
 

package.json

@@ -28,6 +28,7 @@
     "framer-motion-3d": "^11.2.0",
     "mini-svg-data-uri": "^1.4.4",
     "next": "^14.2.3",
+    "next-themes": "^0.3.0",
     "qss": "^3.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",