From cf9a1de3858aee2a11e341d8d596c6c4497baa6e Mon Sep 17 00:00:00 2001
From: Trey t <treytartt@fastmail.com>
Date: Sat, 7 Mar 2026 10:25:38 -0600
Subject: [PATCH] Replace square grid with honeycomb pattern to match app icon

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/app/(auth)/layout.tsx | 9 ++++-----
 src/app/page.tsx          | 9 ++++-----
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/app/(auth)/layout.tsx b/src/app/(auth)/layout.tsx
index 782575f..bec3cbd 100644
--- a/src/app/(auth)/layout.tsx
+++ b/src/app/(auth)/layout.tsx
@@ -12,13 +12,12 @@ export default function AuthLayout({ children }: { children: React.ReactNode })
         <div className="absolute top-0 right-0 w-80 h-80 rounded-full bg-[#6B8F71]/15 blur-[100px] pointer-events-none" />
         <div className="absolute bottom-0 left-0 w-64 h-64 rounded-full bg-[#C4856A]/10 blur-[80px] pointer-events-none" />
 
-        {/* Subtle grid */}
+        {/* Subtle honeycomb pattern */}
         <div
-          className="absolute inset-0 opacity-[0.03]"
+          className="absolute inset-0 opacity-[0.08]"
           style={{
-            backgroundImage:
-              "linear-gradient(rgba(255,255,255,0.5) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.5) 1px, transparent 1px)",
-            backgroundSize: "48px 48px",
+            backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='194'%3E%3Cpath d='M56 0L112 33.5v67L56 134 0 100.5v-67L56 0z' fill='none' stroke='%23C4856A' stroke-width='0.8'/%3E%3Cpath d='M56 67L112 100.5v67L56 201 0 167.5v-67L56 67z' fill='none' stroke='%23C4856A' stroke-width='0.8'/%3E%3C/svg%3E")`,
+            backgroundSize: "112px 134px",
           }}
         />
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 18b40fe..5f062df 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -144,13 +144,12 @@ export default function HomePage() {
         <div className="absolute inset-0 pointer-events-none">
           <div className="absolute top-20 right-[-10%] w-[600px] h-[600px] rounded-full bg-[#6B8F71]/[0.04] blur-3xl" />
           <div className="absolute bottom-0 left-[-5%] w-[400px] h-[400px] rounded-full bg-[#C4856A]/[0.03] blur-3xl" />
-          {/* Subtle grid pattern */}
+          {/* Subtle honeycomb pattern */}
           <div
-            className="absolute inset-0 opacity-[0.03]"
+            className="absolute inset-0 opacity-[0.06]"
             style={{
-              backgroundImage:
-                "linear-gradient(#2D3436 1px, transparent 1px), linear-gradient(90deg, #2D3436 1px, transparent 1px)",
-              backgroundSize: "64px 64px",
+              backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='194'%3E%3Cpath d='M56 0L112 33.5v67L56 134 0 100.5v-67L56 0z' fill='none' stroke='%23C4856A' stroke-width='0.8'/%3E%3Cpath d='M56 67L112 100.5v67L56 201 0 167.5v-67L56 67z' fill='none' stroke='%23C4856A' stroke-width='0.8'/%3E%3C/svg%3E")`,
+              backgroundSize: "112px 134px",
             }}
           />
         </div>