chore: use city in demo

Author: ascorbic

demos/middleware/middleware.ts

@@ -56,7 +56,7 @@ export async function middleware(request: NextRequest) {
     // Unlike NextResponse.next(), this actually sends the request to the origin
     const res = await NetlifyResponse.next(request)
     res.transformData((data) => {
-      data.pageProps.message = `This was static but has been transformed in ${request.geo.country}`
+      data.pageProps.message = `This was static but has been transformed in ${request.geo.city}`
       data.pageProps.showAd = true
       return data
     })

demos/middleware/pages/static.js

@@ -1,7 +1,14 @@
 const Page = ({ message, showAd }) => (
   <div>
     <p>{message}</p>
-    {showAd ? <div>This is an ad that isn't shown by default</div> : <p>No ads for me</p>}
+    {showAd ? (
+      <div>
+        <p>This is an ad that isn't shown by default</p>
+        <img src="http://placekitten.com/400x300" />
+      </div>
+    ) : (
+      <p>No ads for me</p>
+    )}
   </div>
 )