From efa5be2ab8fd5be095995378caddd0784fc3fbd3 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Mon, 4 Aug 2025 11:12:44 +0200
Subject: feat: proper light mode for hero section

---
 apps/web/src/components/landing/handlebars.tsx | 4 ++--
 apps/web/src/components/landing/hero.tsx       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'apps/web/src/components/landing')

diff --git a/apps/web/src/components/landing/handlebars.tsx b/apps/web/src/components/landing/handlebars.tsx
index 3ed39a9f..758717e5 100644
--- a/apps/web/src/components/landing/handlebars.tsx
+++ b/apps/web/src/components/landing/handlebars.tsx
@@ -50,7 +50,7 @@ export function Handlebars({ children }: HandlebarsProps) {
       <div ref={containerRef} className="relative -rotate-[2.76deg] mt-0.5">
         <div className="absolute inset-0 w-full h-full rounded-2xl border border-yellow-500 flex justify-between z-1">
           <motion.div
-            className="absolute z-10 left-0 h-full border border-yellow-500 w-7 rounded-full bg-accent flex items-center justify-center select-none"
+            className="absolute z-10 left-0 h-full border border-yellow-500 w-7 rounded-full bg-background flex items-center justify-center select-none"
             style={{
               x: leftHandleX,
             }}
@@ -66,7 +66,7 @@ export function Handlebars({ children }: HandlebarsProps) {
           </motion.div>
 
           <motion.div
-            className="absolute z-10 -left-[30px] h-full border border-yellow-500 w-7 rounded-full bg-accent flex items-center justify-center select-none"
+            className="absolute z-10 -left-[30px] h-full border border-yellow-500 w-7 rounded-full bg-background flex items-center justify-center select-none"
             style={{
               x: rightHandleX,
             }}
diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx
index 2c6a130e..46d99b0c 100644
--- a/apps/web/src/components/landing/hero.tsx
+++ b/apps/web/src/components/landing/hero.tsx
@@ -14,7 +14,7 @@ export function Hero() {
   return (
     <div className="min-h-[calc(100vh-4.5rem)] supports-[height:100dvh]:min-h-[calc(100dvh-4.5rem)] flex flex-col justify-between items-center text-center px-4">
       <Image
-        className="absolute top-0 left-0 -z-50 size-full object-cover"
+        className="absolute top-0 left-0 -z-50 size-full object-cover invert dark:invert-0 opacity-85"
         src="/landing-page-bg.png"
         height={1903.5}
         width={1269}
-- 
cgit v1.3.1


From 8d3ccf0d56d3de1f5f4bfe78c42dc5694c00e6a8 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Tue, 12 Aug 2025 12:38:24 +0200
Subject: fix: move landing page image to cdn

---
 apps/web/next.config.ts                  |   4 ++++
 apps/web/public/landing-page-dark.png    | Bin 223614 -> 0 bytes
 apps/web/public/landing-page-light.png   | Bin 283708 -> 0 bytes
 apps/web/src/components/landing/hero.tsx |   2 +-
 4 files changed, 5 insertions(+), 1 deletion(-)
 delete mode 100644 apps/web/public/landing-page-dark.png
 delete mode 100644 apps/web/public/landing-page-light.png

(limited to 'apps/web/src/components/landing')

diff --git a/apps/web/next.config.ts b/apps/web/next.config.ts
index 980c5827..5142905b 100644
--- a/apps/web/next.config.ts
+++ b/apps/web/next.config.ts
@@ -30,6 +30,10 @@ const nextConfig: NextConfig = {
         protocol: "https",
         hostname: "avatars.githubusercontent.com",
       },
+      {
+        protocol: "https",
+        hostname: "res.cloudinary.com",
+      },
     ],
   },
 };
diff --git a/apps/web/public/landing-page-dark.png b/apps/web/public/landing-page-dark.png
deleted file mode 100644
index 1a33bb29..00000000
Binary files a/apps/web/public/landing-page-dark.png and /dev/null differ
diff --git a/apps/web/public/landing-page-light.png b/apps/web/public/landing-page-light.png
deleted file mode 100644
index 348886db..00000000
Binary files a/apps/web/public/landing-page-light.png and /dev/null differ
diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx
index 46d99b0c..892fbfa9 100644
--- a/apps/web/src/components/landing/hero.tsx
+++ b/apps/web/src/components/landing/hero.tsx
@@ -15,7 +15,7 @@ export function Hero() {
     <div className="min-h-[calc(100vh-4.5rem)] supports-[height:100dvh]:min-h-[calc(100dvh-4.5rem)] flex flex-col justify-between items-center text-center px-4">
       <Image
         className="absolute top-0 left-0 -z-50 size-full object-cover invert dark:invert-0 opacity-85"
-        src="/landing-page-bg.png"
+        src="https://res.cloudinary.com/dzjgehvid/image/upload/v1754994895/landing-page-dark_vzpyoc.png"
         height={1903.5}
         width={1269}
         alt="landing-page.bg"
-- 
cgit v1.3.1


From f9aab490808c550c37404992b7ee6f99a1d4a40e Mon Sep 17 00:00:00 2001
From: Dipanshu Rawat <dv451197@gmail.com>
Date: Tue, 12 Aug 2025 23:06:22 +0530
Subject: fix hero image link (#544)

Co-authored-by: Maze <167211895+mazeincoding@users.noreply.github.com>
---
 apps/web/src/components/landing/hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'apps/web/src/components/landing')

diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx
index 892fbfa9..5c629433 100644
--- a/apps/web/src/components/landing/hero.tsx
+++ b/apps/web/src/components/landing/hero.tsx
@@ -15,7 +15,7 @@ export function Hero() {
     <div className="min-h-[calc(100vh-4.5rem)] supports-[height:100dvh]:min-h-[calc(100dvh-4.5rem)] flex flex-col justify-between items-center text-center px-4">
       <Image
         className="absolute top-0 left-0 -z-50 size-full object-cover invert dark:invert-0 opacity-85"
-        src="https://res.cloudinary.com/dzjgehvid/image/upload/v1754994895/landing-page-dark_vzpyoc.png"
+        src="/landing-page-dark.png"
         height={1903.5}
         width={1269}
         alt="landing-page.bg"
-- 
cgit v1.3.1