Add comprehensive /features page + allow Unsplash imagery

app/globals.css

@@ -4,7 +4,7 @@
 
 @layer base {
   :root {
-    /* Wix-inspired: white base, near-black ink, single Wix-Blue accent */
+    /* White base, near-black ink, single ORANGE accent */
     --background: 0 0% 100%;
     --foreground: 0 0% 7%;
     --card: 0 0% 100%;
@@ -16,10 +16,10 @@
     --primary: 0 0% 5%;
     --primary-foreground: 0 0% 100%;
 
-    /* WIX BLUE — links, focus, active states, accents */
-    --brand: 217 100% 53%;
+    /* ORANGE — links, focus, active states, accents (#E65100) */
+    --brand: 21 100% 45%;
     --brand-foreground: 0 0% 100%;
-    --brand-hover: 219 90% 46%;
+    --brand-hover: 21 100% 39%;
 
     --secondary: 0 0% 96%;
     --secondary-foreground: 0 0% 7%;
@@ -31,11 +31,12 @@
     --destructive: 4 86% 58%;
     --destructive-foreground: 0 0% 100%;
     --success: 157 100% 30%;
-    --warning: 24 100% 50%;
+    /* amber — kept distinct from the orange brand accent */
+    --warning: 38 100% 50%;
 
     --border: 0 0% 89%;
     --input: 0 0% 89%;
-    --ring: 217 100% 53%;
+    --ring: 21 100% 45%;
     --radius: 0.875rem;
   }
 
@@ -50,9 +51,9 @@
     --primary: 0 0% 100%;
     --primary-foreground: 0 0% 5%;
 
-    --brand: 217 100% 60%;
+    --brand: 24 100% 58%;
     --brand-foreground: 0 0% 100%;
-    --brand-hover: 217 100% 66%;
+    --brand-hover: 24 100% 64%;
 
     --secondary: 0 0% 13%;
     --secondary-foreground: 0 0% 98%;
@@ -64,11 +65,11 @@
     --destructive: 4 80% 58%;
     --destructive-foreground: 0 0% 100%;
     --success: 157 70% 45%;
-    --warning: 24 100% 55%;
+    --warning: 40 100% 55%;
 
     --border: 0 0% 16%;
     --input: 0 0% 16%;
-    --ring: 217 100% 60%;
+    --ring: 24 100% 58%;
   }
 }