diff --git a/SampleEditing.png b/SampleEditing.png
index 2dc8d80..4490302 100644
Binary files a/SampleEditing.png and b/SampleEditing.png differ
diff --git a/public/patterns/abstract-envelope.svg b/public/patterns/abstract-envelope.svg
index 2b29253..225a686 100644
--- a/public/patterns/abstract-envelope.svg
+++ b/public/patterns/abstract-envelope.svg
@@ -1,26 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
-  <defs>
-    <pattern id="abstract-envelope" x="0" y="0" width="120" height="120" patternUnits="userSpaceOnUse">
-      <rect width="120" height="120" fill="#1e293b"/>
-      <g stroke="#3b82f6" stroke-width="1.5" fill="none" opacity="0.6">
-        <!-- Envelope shapes -->
-        <path d="M20 30 L50 50 L80 30 L80 60 L20 60 Z"/>
-        <path d="M20 30 L50 50 L80 30"/>
-        <path d="M70 80 L100 100 L130 80 L130 110 L70 110 Z"/>
-        <path d="M70 80 L100 100 L130 80"/>
-        <path d="-30 80 L0 100 L30 80 L30 110 L-30 110 Z"/>
-        <path d="-30 80 L0 100 L30 80"/>
-      </g>
-      <g stroke="#8b5cf6" stroke-width="1" fill="none" opacity="0.4">
-        <!-- Secondary envelope layer -->
-        <path d="M45 5 L75 25 L105 5 L105 35 L45 35 Z"/>
-        <path d="M45 5 L75 25 L105 5"/>
-        <path d="M95 55 L125 75 L155 55 L155 85 L95 85 Z"/>
-        <path d="M95 55 L125 75 L155 55"/>
-        <path d="-5 55 L25 75 L55 55 L55 85 L-5 85 Z"/>
-        <path d="-5 55 L25 75 L55 55"/>
-      </g>
-    </pattern>
-  </defs>
-  <rect width="100%" height="100%" fill="url(#abstract-envelope)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><defs><pattern id="abstract-envelope" width="120" height="120" x="0" y="0" patternUnits="userSpaceOnUse"><rect width="120" height="120" fill="#1e293b"/><g fill="none" stroke="#3b82f6" stroke-width="1.5" opacity=".6"><path d="M20 30 L50 50 L80 30 L80 60 L20 60 Z"/><path d="M20 30 L50 50 L80 30"/><path d="M70 80 L100 100 L130 80 L130 110 L70 110 Z"/><path d="M70 80 L100 100 L130 80"/><path d="-30 80 L0 100 L30 80 L30 110 L-30 110 Z"/><path d="-30 80 L0 100 L30 80"/></g><g fill="none" stroke="#8b5cf6" stroke-width="1" opacity=".4"><path d="M45 5 L75 25 L105 5 L105 35 L45 35 Z"/><path d="M45 5 L75 25 L105 5"/><path d="M95 55 L125 75 L155 55 L155 85 L95 85 Z"/><path d="M95 55 L125 75 L155 55"/><path d="-5 55 L25 75 L55 55 L55 85 L-5 85 Z"/><path d="-5 55 L25 75 L55 55"/></g></pattern></defs><rect width="100%" height="100%" fill="url(#abstract-envelope)"/></svg>
\ No newline at end of file
diff --git a/public/patterns/abstract-timekeeper.svg b/public/patterns/abstract-timekeeper.svg
index 70a517c..b2878ef 100644
--- a/public/patterns/abstract-timekeeper.svg
+++ b/public/patterns/abstract-timekeeper.svg
@@ -1,34 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
-  <defs>
-    <pattern id="abstract-timekeeper" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
-      <rect width="100" height="100" fill="#1e293b"/>
-      <g stroke="#f97316" stroke-width="1.5" fill="none" opacity="0.7">
-        <!-- Clock circles -->
-        <circle cx="25" cy="25" r="15"/>
-        <circle cx="75" cy="75" r="15"/>
-        <!-- Clock hands -->
-        <path d="M25 25 L25 15"/>
-        <path d="M25 25 L30 25"/>
-        <path d="M75 75 L75 65"/>
-        <path d="M75 75 L80 75"/>
-        <!-- Gear teeth -->
-        <path d="M10 50 L20 45 L20 55 Z"/>
-        <path d="M90 50 L80 45 L80 55 Z"/>
-        <path d="M50 10 L45 20 L55 20 Z"/>
-        <path d="M50 90 L45 80 L55 80 Z"/>
-      </g>
-      <g stroke="#dc2626" stroke-width="1" fill="none" opacity="0.5">
-        <!-- Secondary time elements -->
-        <circle cx="50" cy="50" r="8"/>
-        <path d="M50 50 L50 42"/>
-        <path d="M50 50 L54 50"/>
-        <!-- Corner elements -->
-        <path d="M5 5 L15 5 L15 15"/>
-        <path d="M95 5 L85 5 L85 15"/>
-        <path d="M5 95 L15 95 L15 85"/>
-        <path d="M95 95 L85 95 L85 85"/>
-      </g>
-    </pattern>
-  </defs>
-  <rect width="100%" height="100%" fill="url(#abstract-timekeeper)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><defs><pattern id="abstract-timekeeper" width="100" height="100" x="0" y="0" patternUnits="userSpaceOnUse"><rect width="100" height="100" fill="#1e293b"/><g fill="none" stroke="#f97316" stroke-width="1.5" opacity=".7"><circle cx="25" cy="25" r="15"/><circle cx="75" cy="75" r="15"/><path d="M25 25 L25 15"/><path d="M25 25 L30 25"/><path d="M75 75 L75 65"/><path d="M75 75 L80 75"/><path d="M10 50 L20 45 L20 55 Z"/><path d="M90 50 L80 45 L80 55 Z"/><path d="M50 10 L45 20 L55 20 Z"/><path d="M50 90 L45 80 L55 80 Z"/></g><g fill="none" stroke="#dc2626" stroke-width="1" opacity=".5"><circle cx="50" cy="50" r="8"/><path d="M50 50 L50 42"/><path d="M50 50 L54 50"/><path d="M5 5 L15 5 L15 15"/><path d="M95 5 L85 5 L85 15"/><path d="M5 95 L15 95 L15 85"/><path d="M95 95 L85 95 L85 85"/></g></pattern></defs><rect width="100%" height="100%" fill="url(#abstract-timekeeper)"/></svg>
\ No newline at end of file
diff --git a/public/patterns/alternating-arrowhead.svg b/public/patterns/alternating-arrowhead.svg
index 9330728..fec0074 100644
--- a/public/patterns/alternating-arrowhead.svg
+++ b/public/patterns/alternating-arrowhead.svg
@@ -1,30 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80">
-  <defs>
-    <pattern id="alternating-arrowhead" x="0" y="0" width="80" height="80" patternUnits="userSpaceOnUse">
-      <rect width="80" height="80" fill="#1e293b"/>
-      <g stroke="#10b981" stroke-width="2" fill="none" opacity="0.8">
-        <!-- Upward arrows -->
-        <path d="M20 60 L40 20 L60 60"/>
-        <path d="M-20 60 L0 20 L20 60"/>
-        <path d="M60 60 L80 20 L100 60"/>
-        <!-- Downward arrows offset -->
-        <path d="M0 20 L20 60 L40 20"/>
-        <path d="M40 20 L60 60 L80 20"/>
-        <path d="M-40 20 L-20 60 L0 20"/>
-        <path d="M80 20 L100 60 L120 20"/>
-      </g>
-      <g stroke="#3b82f6" stroke-width="1.5" fill="none" opacity="0.5">
-        <!-- Secondary layer -->
-        <path d="M10 70 L30 30 L50 70"/>
-        <path d="M50 70 L70 30 L90 70"/>
-        <path d="M-10 70 L10 30 L30 70"/>
-        <path d="M70 70 L90 30 L110 70"/>
-        <!-- Connecting lines -->
-        <path d="M30 30 L50 30"/>
-        <path d="M10 30 L30 30"/>
-        <path d="M50 30 L70 30"/>
-      </g>
-    </pattern>
-  </defs>
-  <rect width="100%" height="100%" fill="url(#alternating-arrowhead)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><defs><pattern id="alternating-arrowhead" width="80" height="80" x="0" y="0" patternUnits="userSpaceOnUse"><rect width="80" height="80" fill="#1e293b"/><g fill="none" stroke="#10b981" stroke-width="2" opacity=".8"><path d="M20 60 L40 20 L60 60"/><path d="M-20 60 L0 20 L20 60"/><path d="M60 60 L80 20 L100 60"/><path d="M0 20 L20 60 L40 20"/><path d="M40 20 L60 60 L80 20"/><path d="M-40 20 L-20 60 L0 20"/><path d="M80 20 L100 60 L120 20"/></g><g fill="none" stroke="#3b82f6" stroke-width="1.5" opacity=".5"><path d="M10 70 L30 30 L50 70"/><path d="M50 70 L70 30 L90 70"/><path d="M-10 70 L10 30 L30 70"/><path d="M70 70 L90 30 L110 70"/><path d="M30 30 L50 30"/><path d="M10 30 L30 30"/><path d="M50 30 L70 30"/></g></pattern></defs><rect width="100%" height="100%" fill="url(#alternating-arrowhead)"/></svg>
\ No newline at end of file
diff --git a/public/patterns/bermuda-circle.svg b/public/patterns/bermuda-circle.svg
index 9a75343..d2c89b3 100644
--- a/public/patterns/bermuda-circle.svg
+++ b/public/patterns/bermuda-circle.svg
@@ -1,29 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
-  <defs>
-    <pattern id="bermuda-circle" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
-      <rect width="100" height="100" fill="#0f172a"/>
-      <g stroke="#14b8a6" stroke-width="2" fill="none" opacity="0.7">
-        <!-- Main circles -->
-        <circle cx="25" cy="25" r="20"/>
-        <circle cx="75" cy="25" r="20"/>
-        <circle cx="25" cy="75" r="20"/>
-        <circle cx="75" cy="75" r="20"/>
-        <!-- Center intersection -->
-        <circle cx="50" cy="50" r="15"/>
-      </g>
-      <g stroke="#06b6d4" stroke-width="1" fill="none" opacity="0.5">
-        <!-- Secondary layer -->
-        <circle cx="0" cy="0" r="15"/>
-        <circle cx="100" cy="0" r="15"/>
-        <circle cx="0" cy="100" r="15"/>
-        <circle cx="100" cy="100" r="15"/>
-        <!-- Small accent circles -->
-        <circle cx="12.5" cy="50" r="8"/>
-        <circle cx="87.5" cy="50" r="8"/>
-        <circle cx="50" cy="12.5" r="8"/>
-        <circle cx="50" cy="87.5" r="8"/>
-      </g>
-    </pattern>
-  </defs>
-  <rect width="100%" height="100%" fill="url(#bermuda-circle)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><defs><pattern id="bermuda-circle" width="100" height="100" x="0" y="0" patternUnits="userSpaceOnUse"><rect width="100" height="100" fill="#0f172a"/><g fill="none" stroke="#14b8a6" stroke-width="2" opacity=".7"><circle cx="25" cy="25" r="20"/><circle cx="75" cy="25" r="20"/><circle cx="25" cy="75" r="20"/><circle cx="75" cy="75" r="20"/><circle cx="50" cy="50" r="15"/></g><g fill="none" stroke="#06b6d4" stroke-width="1" opacity=".5"><circle cx="0" cy="0" r="15"/><circle cx="100" cy="0" r="15"/><circle cx="0" cy="100" r="15"/><circle cx="100" cy="100" r="15"/><circle cx="12.5" cy="50" r="8"/><circle cx="87.5" cy="50" r="8"/><circle cx="50" cy="12.5" r="8"/><circle cx="50" cy="87.5" r="8"/></g></pattern></defs><rect width="100%" height="100%" fill="url(#bermuda-circle)"/></svg>
\ No newline at end of file
diff --git a/public/patterns/bermuda-diamond.svg b/public/patterns/bermuda-diamond.svg
index 57041ad..48d7e3d 100644
--- a/public/patterns/bermuda-diamond.svg
+++ b/public/patterns/bermuda-diamond.svg
@@ -1,25 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80">
-  <defs>
-    <pattern id="bermuda-diamond" x="0" y="0" width="80" height="80" patternUnits="userSpaceOnUse">
-      <rect width="80" height="80" fill="#1e293b"/>
-      <g stroke="#a855f7" stroke-width="2" fill="none" opacity="0.7">
-        <!-- Main diamonds -->
-        <path d="M40 10 L60 40 L40 70 L20 40 Z"/>
-        <path d="M80 50 L100 80 L80 110 L60 80 Z"/>
-        <path d="M0 50 L20 80 L0 110 L-20 80 Z"/>
-        <path d="M40 -30 L60 0 L40 30 L20 0 Z"/>
-      </g>
-      <g stroke="#ec4899" stroke-width="1.5" fill="none" opacity="0.5">
-        <!-- Secondary diamonds -->
-        <path d="M20 25 L35 40 L20 55 L5 40 Z"/>
-        <path d="M60 25 L75 40 L60 55 L45 40 Z"/>
-        <path d="M40 65 L55 80 L40 95 L25 80 Z"/>
-        <path d="M40 -15 L55 0 L40 15 L25 0 Z"/>
-        <!-- Connecting lines -->
-        <path d="M40 10 L40 70"/>
-        <path d="M20 40 L60 40"/>
-      </g>
-    </pattern>
-  </defs>
-  <rect width="100%" height="100%" fill="url(#bermuda-diamond)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><defs><pattern id="bermuda-diamond" width="80" height="80" x="0" y="0" patternUnits="userSpaceOnUse"><rect width="80" height="80" fill="#1e293b"/><g fill="none" stroke="#a855f7" stroke-width="2" opacity=".7"><path d="M40 10 L60 40 L40 70 L20 40 Z"/><path d="M80 50 L100 80 L80 110 L60 80 Z"/><path d="M0 50 L20 80 L0 110 L-20 80 Z"/><path d="M40 -30 L60 0 L40 30 L20 0 Z"/></g><g fill="none" stroke="#ec4899" stroke-width="1.5" opacity=".5"><path d="M20 25 L35 40 L20 55 L5 40 Z"/><path d="M60 25 L75 40 L60 55 L45 40 Z"/><path d="M40 65 L55 80 L40 95 L25 80 Z"/><path d="M40 -15 L55 0 L40 15 L25 0 Z"/><path d="M40 10 L40 70"/><path d="M20 40 L60 40"/></g></pattern></defs><rect width="100%" height="100%" fill="url(#bermuda-diamond)"/></svg>
\ No newline at end of file
diff --git a/public/patterns/bermuda-square.svg b/public/patterns/bermuda-square.svg
index ce1a671..c8f73d6 100644
--- a/public/patterns/bermuda-square.svg
+++ b/public/patterns/bermuda-square.svg
@@ -1,28 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 90 90">
-  <defs>
-    <pattern id="bermuda-square" x="0" y="0" width="90" height="90" patternUnits="userSpaceOnUse">
-      <rect width="90" height="90" fill="#1e293b"/>
-      <g stroke="#6366f1" stroke-width="2" fill="none" opacity="0.7">
-        <!-- Main squares -->
-        <rect x="20" y="20" width="25" height="25"/>
-        <rect x="45" y="45" width="25" height="25"/>
-        <rect x="-5" y="45" width="25" height="25"/>
-        <rect x="45" y="-5" width="25" height="25"/>
-      </g>
-      <g stroke="#8b5cf6" stroke-width="1.5" fill="none" opacity="0.5">
-        <!-- Secondary squares -->
-        <rect x="10" y="10" width="15" height="15"/>
-        <rect x="35" y="35" width="15" height="15"/>
-        <rect x="60" y="60" width="15" height="15"/>
-        <rect x="35" y="10" width="15" height="15"/>
-        <rect x="10" y="35" width="15" height="15"/>
-        <!-- Grid lines -->
-        <path d="M0 32.5 L90 32.5"/>
-        <path d="M32.5 0 L32.5 90"/>
-        <path d="M57.5 0 L57.5 90"/>
-        <path d="M0 57.5 L90 57.5"/>
-      </g>
-    </pattern>
-  </defs>
-  <rect width="100%" height="100%" fill="url(#bermuda-square)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 90 90"><defs><pattern id="bermuda-square" width="90" height="90" x="0" y="0" patternUnits="userSpaceOnUse"><rect width="90" height="90" fill="#1e293b"/><g fill="none" stroke="#6366f1" stroke-width="2" opacity=".7"><rect width="25" height="25" x="20" y="20"/><rect width="25" height="25" x="45" y="45"/><rect width="25" height="25" x="-5" y="45"/><rect width="25" height="25" x="45" y="-5"/></g><g fill="none" stroke="#8b5cf6" stroke-width="1.5" opacity=".5"><rect width="15" height="15" x="10" y="10"/><rect width="15" height="15" x="35" y="35"/><rect width="15" height="15" x="60" y="60"/><rect width="15" height="15" x="35" y="10"/><rect width="15" height="15" x="10" y="35"/><path d="M0 32.5 L90 32.5"/><path d="M32.5 0 L32.5 90"/><path d="M57.5 0 L57.5 90"/><path d="M0 57.5 L90 57.5"/></g></pattern></defs><rect width="100%" height="100%" fill="url(#bermuda-square)"/></svg>
\ No newline at end of file
diff --git a/public/patterns/colorful-stingrays.svg b/public/patterns/colorful-stingrays.svg
index 01720cd..0973bd3 100644
--- a/public/patterns/colorful-stingrays.svg
+++ b/public/patterns/colorful-stingrays.svg
@@ -1,24 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120">
-  <defs>
-    <pattern id="colorful-stingrays" x="0" y="0" width="120" height="120" patternUnits="userSpaceOnUse">
-      <rect width="120" height="120" fill="#1e293b"/>
-      <g stroke="#eab308" stroke-width="2" fill="none" opacity="0.7">
-        <!-- Stingray shapes -->
-        <path d="M20 30 Q40 10 60 30 Q80 50 60 70 Q40 90 20 70 Q0 50 20 30 Z"/>
-        <path d="M80 80 Q100 60 120 80 Q140 100 120 120 Q100 140 80 120 Q60 100 80 80 Z"/>
-        <path d="M60 -20 Q80 -40 100 -20 Q120 0 100 20 Q80 40 60 20 Q40 0 60 -20 Z"/>
-      </g>
-      <g stroke="#f97316" stroke-width="1.5" fill="none" opacity="0.5">
-        <!-- Secondary stingrays -->
-        <path d="M40 60 Q55 45 70 60 Q85 75 70 90 Q55 105 40 90 Q25 75 40 60 Z"/>
-        <path d="M90 10 Q105 -5 120 10 Q135 25 120 40 Q105 55 90 40 Q75 25 90 10 Z"/>
-        <path d="M10 100 Q25 85 40 100 Q55 115 40 130 Q25 145 10 130 Q-5 115 10 100 Z"/>
-        <!-- Tail elements -->
-        <path d="M60 30 Q65 25 70 30"/>
-        <path d="M120 80 Q125 75 130 80"/>
-        <path d="M100 -20 Q105 -25 110 -20"/>
-      </g>
-    </pattern>
-  </defs>
-  <rect width="100%" height="100%" fill="url(#colorful-stingrays)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><defs><pattern id="colorful-stingrays" width="120" height="120" x="0" y="0" patternUnits="userSpaceOnUse"><rect width="120" height="120" fill="#1e293b"/><g fill="none" stroke="#eab308" stroke-width="2" opacity=".7"><path d="M20 30 Q40 10 60 30 Q80 50 60 70 Q40 90 20 70 Q0 50 20 30 Z"/><path d="M80 80 Q100 60 120 80 Q140 100 120 120 Q100 140 80 120 Q60 100 80 80 Z"/><path d="M60 -20 Q80 -40 100 -20 Q120 0 100 20 Q80 40 60 20 Q40 0 60 -20 Z"/></g><g fill="none" stroke="#f97316" stroke-width="1.5" opacity=".5"><path d="M40 60 Q55 45 70 60 Q85 75 70 90 Q55 105 40 90 Q25 75 40 60 Z"/><path d="M90 10 Q105 -5 120 10 Q135 25 120 40 Q105 55 90 40 Q75 25 90 10 Z"/><path d="M10 100 Q25 85 40 100 Q55 115 40 130 Q25 145 10 130 Q-5 115 10 100 Z"/><path d="M60 30 Q65 25 70 30"/><path d="M120 80 Q125 75 130 80"/><path d="M100 -20 Q105 -25 110 -20"/></g></pattern></defs><rect width="100%" height="100%" fill="url(#colorful-stingrays)"/></svg>
\ No newline at end of file
diff --git a/public/patterns/confetti-doodles.svg b/public/patterns/confetti-doodles.svg
index c1a3882..f6ed640 100644
--- a/public/patterns/confetti-doodles.svg
+++ b/public/patterns/confetti-doodles.svg
@@ -1,40 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
-  <defs>
-    <pattern id="confetti-doodles" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
-      <rect width="100" height="100" fill="#1e293b"/>
-      <g stroke="#ec4899" stroke-width="1.5" fill="none" opacity="0.8">
-        <!-- Confetti pieces -->
-        <circle cx="20" cy="20" r="3"/>
-        <circle cx="80" cy="30" r="2"/>
-        <circle cx="30" cy="70" r="2.5"/>
-        <circle cx="70" cy="80" r="3"/>
-        <rect x="40" y="15" width="4" height="4" transform="rotate(45 42 17)"/>
-        <rect x="15" y="55" width="3" height="3" transform="rotate(30 16.5 56.5)"/>
-        <rect x="85" y="65" width="3" height="3" transform="rotate(60 86.5 66.5)"/>
-      </g>
-      <g stroke="#f472b6" stroke-width="1" fill="none" opacity="0.6">
-        <!-- Squiggly lines -->
-        <path d="M10 40 Q15 35 20 40 Q25 45 30 40"/>
-        <path d="M50 60 Q55 55 60 60 Q65 65 70 60"/>
-        <path d="M75 15 Q80 10 85 15 Q90 20 95 15"/>
-        <path d="M5 85 Q10 80 15 85 Q20 90 25 85"/>
-        <!-- Zigzag lines -->
-        <path d="M35 25 L40 30 L45 25 L50 30"/>
-        <path d="M60 75 L65 80 L70 75 L75 80"/>
-        <path d="M25 50 L30 55 L35 50 L40 55"/>
-      </g>
-      <g stroke="#fbbf24" stroke-width="0.5" fill="none" opacity="0.4">
-        <!-- Small dots -->
-        <circle cx="55" cy="25" r="1"/>
-        <circle cx="25" cy="35" r="1"/>
-        <circle cx="75" cy="45" r="1"/>
-        <circle cx="45" cy="85" r="1"/>
-        <circle cx="65" cy="40" r="1"/>
-        <circle cx="35" cy="90" r="1"/>
-        <circle cx="85" cy="85" r="1"/>
-        <circle cx="15" cy="75" r="1"/>
-      </g>
-    </pattern>
-  </defs>
-  <rect width="100%" height="100%" fill="url(#confetti-doodles)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><defs><pattern id="confetti-doodles" width="100" height="100" x="0" y="0" patternUnits="userSpaceOnUse"><rect width="100" height="100" fill="#1e293b"/><g fill="none" stroke="#ec4899" stroke-width="1.5" opacity=".8"><circle cx="20" cy="20" r="3"/><circle cx="80" cy="30" r="2"/><circle cx="30" cy="70" r="2.5"/><circle cx="70" cy="80" r="3"/><rect width="4" height="4" x="40" y="15" transform="rotate(45 42 17)"/><rect width="3" height="3" x="15" y="55" transform="rotate(30 16.5 56.5)"/><rect width="3" height="3" x="85" y="65" transform="rotate(60 86.5 66.5)"/></g><g fill="none" stroke="#f472b6" stroke-width="1" opacity=".6"><path d="M10 40 Q15 35 20 40 Q25 45 30 40"/><path d="M50 60 Q55 55 60 60 Q65 65 70 60"/><path d="M75 15 Q80 10 85 15 Q90 20 95 15"/><path d="M5 85 Q10 80 15 85 Q20 90 25 85"/><path d="M35 25 L40 30 L45 25 L50 30"/><path d="M60 75 L65 80 L70 75 L75 80"/><path d="M25 50 L30 55 L35 50 L40 55"/></g><g fill="none" stroke="#fbbf24" stroke-width=".5" opacity=".4"><circle cx="55" cy="25" r="1"/><circle cx="25" cy="35" r="1"/><circle cx="75" cy="45" r="1"/><circle cx="45" cy="85" r="1"/><circle cx="65" cy="40" r="1"/><circle cx="35" cy="90" r="1"/><circle cx="85" cy="85" r="1"/><circle cx="15" cy="75" r="1"/></g></pattern></defs><rect width="100%" height="100%" fill="url(#confetti-doodles)"/></svg>
\ No newline at end of file
diff --git a/public/patterns/geometric-intersection.svg b/public/patterns/geometric-intersection.svg
index 41cd05c..944e841 100644
--- a/public/patterns/geometric-intersection.svg
+++ b/public/patterns/geometric-intersection.svg
@@ -1,32 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
-  <defs>
-    <pattern id="geometric-intersection" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse">
-      <rect width="100" height="100" fill="#1e293b"/>
-      <g stroke="#64748b" stroke-width="2" fill="none" opacity="0.7">
-        <!-- Intersecting rectangles -->
-        <rect x="10" y="30" width="40" height="20"/>
-        <rect x="30" y="10" width="20" height="40"/>
-        <rect x="50" y="50" width="40" height="20"/>
-        <rect x="70" y="30" width="20" height="40"/>
-        <!-- Diagonal intersections -->
-        <path d="M20 70 L40 70 L50 80 L50 100 L30 100 L20 90 Z"/>
-        <path d="M70 10 L90 10 L100 20 L100 40 L80 40 L70 30 Z"/>
-      </g>
-      <g stroke="#94a3b8" stroke-width="1.5" fill="none" opacity="0.5">
-        <!-- Secondary intersections -->
-        <circle cx="25" cy="25" r="12"/>
-        <circle cx="75" cy="75" r="12"/>
-        <path d="M15 50 L35 50 L25 65 Z"/>
-        <path d="M85 35 L85 55 L70 45 Z"/>
-        <!-- Grid lines -->
-        <path d="M0 50 L100 50"/>
-        <path d="M50 0 L50 100"/>
-        <path d="M25 0 L25 100"/>
-        <path d="M75 0 L75 100"/>
-        <path d="M0 25 L100 25"/>
-        <path d="M0 75 L100 75"/>
-      </g>
-    </pattern>
-  </defs>
-  <rect width="100%" height="100%" fill="url(#geometric-intersection)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><defs><pattern id="geometric-intersection" width="100" height="100" x="0" y="0" patternUnits="userSpaceOnUse"><rect width="100" height="100" fill="#1e293b"/><g fill="none" stroke="#64748b" stroke-width="2" opacity=".7"><rect width="40" height="20" x="10" y="30"/><rect width="20" height="40" x="30" y="10"/><rect width="40" height="20" x="50" y="50"/><rect width="20" height="40" x="70" y="30"/><path d="M20 70 L40 70 L50 80 L50 100 L30 100 L20 90 Z"/><path d="M70 10 L90 10 L100 20 L100 40 L80 40 L70 30 Z"/></g><g fill="none" stroke="#94a3b8" stroke-width="1.5" opacity=".5"><circle cx="25" cy="25" r="12"/><circle cx="75" cy="75" r="12"/><path d="M15 50 L35 50 L25 65 Z"/><path d="M85 35 L85 55 L70 45 Z"/><path d="M0 50 L100 50"/><path d="M50 0 L50 100"/><path d="M25 0 L25 100"/><path d="M75 0 L75 100"/><path d="M0 25 L100 25"/><path d="M0 75 L100 75"/></g></pattern></defs><rect width="100%" height="100%" fill="url(#geometric-intersection)"/></svg>
\ No newline at end of file
diff --git a/public/placeholder.jpg b/public/placeholder.jpg
index 6bfe963..d89e80d 100644
Binary files a/public/placeholder.jpg and b/public/placeholder.jpg differ