use env, open up google urls

components/carousel.tsx

@@ -4,7 +4,7 @@ import { GridTileImage } from './grid/tile';
 
 export async function Carousel() {
   // Collections that start with `hidden-*` are hidden from the search page.
-  const products = await getCollectionProducts({ collection: 'hidden-homepage-carousel' });
+  const products = await getCollectionProducts({ collection: process.env.FW_COLLECTION || '' });
 
   if (!products?.length) return null;
 

components/grid/three-items.tsx

@@ -44,7 +44,7 @@ function ThreeItemGridItem({
 export async function ThreeItemGrid() {
   // Collections that start with `hidden-*` are hidden from the search page.
   const homepageItems = await getCollectionProducts({
-    collection: 'hidden-homepage-featured-items'
+    collection: process.env.FW_COLLECTION || '',
   });
 
   if (!homepageItems[0] || !homepageItems[1] || !homepageItems[2]) return null;

next.config.js

@@ -7,6 +7,11 @@ module.exports = {
         protocol: 'https',
         hostname: 'cdn.shopify.com',
         pathname: '/s/files/**'
+      },
+      {
+        protocol: 'https',
+        hostname: 'storage.googleapis.com',
+        pathname: '/cdn.staging.fourthwall.com/**'
       }      
     ]
   }