clarify: Update dress code to distinguish wedding colors from guest style suggestions

- Change header from 'Inspired Color Palette' to 'Complementary Style Suggestions'
- Add note explaining wedding's actual color scheme is sage green (matching app)
- Clarify earthly tones are optional suggestions to complement theme, not requirements
- Update narrative to emphasize guests can choose their own colors
- Update style tip to emphasize these are optional suggestions, not requirements
- Addresses guest confusion about needing to match earthly tones

COOLIFY_MIGRATION.md

@@ -173,6 +173,33 @@ OLLAMA_TEMPERATURE=0.7
    - Ensure Next.js app can reach Supabase containers via Docker network
    - Verify container names match your `SUPABASE_URL` and `DATABASE_URL`
    
+   **Connect to Supabase Network**:
+   
+   To enable direct communication with Supabase services via internal Docker networking, connect your app container to the Supabase network:
+   
+   **Option A: Via Coolify UI (Recommended)**
+   1. In your Coolify service settings, navigate to "Networks" or "Docker Networks"
+   2. Add an external network with the name: `n4k8sswk0wocsg48cowookk8`
+   3. Ensure the network is marked as "external"
+   4. Save the configuration
+   
+   **Option B: Via Docker Compose Override**
+   - If Coolify supports docker-compose configuration, add this to your service's docker-compose section:
+   ```yaml
+   networks:
+     - default
+     - supabase
+   ```
+   And define the network:
+   ```yaml
+   networks:
+     supabase:
+       external: true
+       name: n4k8sswk0wocsg48cowookk8
+   ```
+   
+   **Note**: The network ID `n4k8sswk0wocsg48cowookk8` must exist before your container starts. If Supabase is deployed in Coolify, this network should already exist.
+
 4. **Deploy**:
    - Coolify will run `npm ci`, `npm run build`, then `npm start`
    - Prisma client will be generated during build (`prisma generate` in build script)
@@ -197,6 +224,8 @@ After deployment, verify:
 ### Issue: Server-side Supabase calls fail
 - **Solution**: Check `SUPABASE_URL` is set correctly with container ID
 - **Solution**: Verify Docker network allows communication between containers
+- **Solution**: Ensure app container is connected to Supabase network (`n4k8sswk0wocsg48cowookk8`)
+- **Solution**: Verify network exists: `docker network ls | grep n4k8sswk0wocsg48cowookk8`
 
 ### Issue: Database connection fails
 - **Solution**: Verify `DATABASE_URL` uses correct container ID and password

docker-compose.yml

@@ -32,6 +32,9 @@ services:
     # Redis is optional for rate limiting
     depends_on:
       - redis
+    networks:
+      - default  # Keep existing network for redis
+      - supabase  # Add Supabase network for direct communication
 
   # Redis for rate limiting (optional)
   redis:
@@ -47,6 +50,8 @@ services:
       interval: 10s
       timeout: 3s
       retries: 3
+    networks:
+      - default
 
   # RedisInsight - Official Redis GUI Dashboard
   redisinsight:
@@ -60,7 +65,16 @@ services:
       - redis
     environment:
       - RITRUSTEDORIGINS=http://localhost:8001,http://127.0.0.1:8001
+    networks:
+      - default
 
 volumes:
   redis_data:
   redisinsight_data:
+
+networks:
+  default:
+    # Default network for app <-> redis communication
+  supabase:
+    external: true
+    name: n4k8sswk0wocsg48cowookk8

src/components/features/dashboard/dress-code.tsx

@@ -17,7 +17,8 @@ import { cn } from "@/lib/utils";
 
 const STYLE_CHIPS = ["Black Tie", "Garden Formal", "Botanical Elegance"];
 
-// Elevated palette with floral tones
+// Complementary style suggestions for guests (not the wedding colors)
+// The wedding's actual color scheme is monochromatic sage green
 const GUEST_PALETTE = [
   {
     name: "Dusty Rose",
@@ -440,9 +441,31 @@ export function DressCode() {
                     strokeWidth={2.5}
                   />
                 </div>
-                <p className="text-base font-bold uppercase tracking-[0.2em] text-wedding-evergreen">
-                  Inspired Color Palette
+                <div className="text-center">
+                  <p className="text-base font-bold uppercase tracking-[0.2em] text-wedding-evergreen mb-2">
+                    Complementary Style Suggestions
                   </p>
+                  <p className="text-xs text-wedding-moss/70 italic max-w-md mx-auto">
+                    These colors complement our sage green garden wedding theme
+                  </p>
+                </div>
+              </motion.div>
+
+              {/* Wedding Color Scheme Note */}
+              <motion.div
+                initial={{ opacity: 0, y: 10 }}
+                whileInView={{ opacity: 1, y: 0 }}
+                viewport={{ once: true }}
+                transition={{ delay: 0.9 }}
+                className="mb-6 max-w-2xl mx-auto"
+              >
+                <div className="p-4 rounded-xl bg-gradient-to-br from-wedding-sage/5 via-wedding-moss/3 to-wedding-sage/5 border border-wedding-sage/20 backdrop-blur-sm">
+                  <p className="text-xs text-wedding-evergreen/80 text-center leading-relaxed">
+                    <span className="font-semibold text-wedding-moss">Our Wedding Color Scheme:</span>{" "}
+                    Sage Green (Sage Hint, Mint, Sage, Moss, Evergreen)  matching our app's aesthetic.
+                    The colors below are optional suggestions to complement this theme.
+                  </p>
+                </div>
               </motion.div>
 
               {/* Color Swatches - Flip Folder Tiles */}
@@ -457,22 +480,18 @@ export function DressCode() {
                 className="max-w-2xl mx-auto text-center space-y-4"
               >
                 <p className="text-lg md:text-xl text-wedding-evergreen/90 leading-relaxed font-body">
-                  Embrace the garden's romance in{" "}
+                  While our wedding features a{" "}
                   <span className="font-semibold bg-gradient-to-r from-wedding-moss via-wedding-sage to-wedding-moss bg-clip-text text-transparent">
-                    soft florals
+                    sage green palette
                   </span>
-                  ,{" "}
+                  , we welcome you to choose your attire in{" "}
                   <span className="font-semibold bg-gradient-to-r from-wedding-moss via-wedding-sage to-wedding-moss bg-clip-text text-transparent">
-                    botanical tones
+                    complementary tones
                   </span>
-                  , and{" "}
-                  <span className="font-semibold bg-gradient-to-r from-wedding-moss via-wedding-sage to-wedding-moss bg-clip-text text-transparent">
-                    elegant neutrals
-                  </span>
-                  .
+                  {" "}that reflect your personal style.
                 </p>
                 <p className="text-sm md:text-base text-wedding-ink/70 leading-relaxed italic">
-                  Let nature inspire your black-tie elegance.
+                  The colors shown above are optional suggestions to complement our wedding theme, feel free to express your elegance in your own way.
                 </p>
               </motion.div>
 
@@ -533,11 +552,11 @@ export function DressCode() {
                   <div>
                     <p className="text-sm text-wedding-evergreen/85 leading-relaxed">
                       <span className="font-bold text-wedding-moss">
-                        Style Tip:
+                        Optional Style Tip:
                       </span>{" "}
-                      Think garden party meets refined elegance floral prints,
-                      flowing fabrics, and sophisticated silhouettes that honor
-                      the botanical setting.
+                      Think garden party meets refined elegance, floral prints,
+                      flowing fabrics, and sophisticated silhouettes that complement
+                      our botanical setting. These are suggestions to enhance the overall aesthetic, not requirements.
                     </p>
                   </div>
                 </div>