diff --git a/src/app/connect/connect.html b/src/app/connect/connect.html
index 3218056..230d6d9 100644
--- a/src/app/connect/connect.html
+++ b/src/app/connect/connect.html
@@ -26,61 +26,36 @@
       <mat-card-content>
         <h1 class="centered">Spaces</h1>
         <div class="spaces-container">
-        <mat-card class="spaces-card card-background">
-          <mat-card-header>
-            <div mat-card-avatar class="spaces-header-image"></div>
-            <mat-card-title>Shiba Inu</mat-card-title>
-            <mat-card-subtitle>Dog Breed</mat-card-subtitle>
-          </mat-card-header>
-          <img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu">
-          <mat-card-content>
-            <p>
-              The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
-              A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally
-              bred for hunting.
-            </p>
-          </mat-card-content>
-          <mat-card-actions>
-            <button mat-button>REMOVE</button>
-          </mat-card-actions>
-        </mat-card>
-        <mat-card class="spaces-card card-background">
-          <mat-card-header>
-            <div mat-card-avatar class="spaces-header-image"></div>
-            <mat-card-title>Shiba Inu</mat-card-title>
-            <mat-card-subtitle>Dog Breed</mat-card-subtitle>
-          </mat-card-header>
-          <img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu">
-          <mat-card-content>
-            <p>
-              The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
-              A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally
-              bred for hunting.
-            </p>
-          </mat-card-content>
-          <mat-card-actions>
-            <button mat-button>REMOVE</button>
-          </mat-card-actions>
-        </mat-card>
-        <mat-card class="spaces-card card-background">
-          <mat-card-header>
-            <div mat-card-avatar class="spaces-header-image"></div>
-            <mat-card-title>Shiba Inu</mat-card-title>
-            <mat-card-subtitle>Dog Breed</mat-card-subtitle>
-          </mat-card-header>
-          <img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu">
-          <mat-card-content>
-            <p>
-              The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
-              A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally
-              bred for hunting.
-            </p>
-          </mat-card-content>
-          <mat-card-actions>
-            <button mat-button>REMOVE</button>
-          </mat-card-actions>
-        </mat-card>
-      </div>
+          <mat-card class="spaces-card card-background" *ngFor="let space of spacesService.spaces">
+            <mat-card-header>
+              <!-- <div mat-card-avatar class="spaces-header-image"></div> -->
+
+              <img mat-card-avatar [src]="space.picture" onerror="this.src='/assets/profile.png'" />
+
+              <!-- <div class="icon icon-small">
+                <a [routerLink]="['/p', space.npub]">
+                  <img onerror="this.src='/assets/profile.png'" class="profile-image profile-image-follow" [src]="space.picture" />
+                  <img loading="lazy" onerror="this.src='/assets/profile.png'" class="profile-image" />
+                </a>
+              </div> -->
+
+              <mat-card-title>{{ space.name }}</mat-card-title>
+              <mat-card-subtitle>{{ space.title }}</mat-card-subtitle>
+            </mat-card-header>
+            <img mat-card-image [src]="space.banner" />
+            <mat-card-content>
+              <p>
+                <strong>Space: {{space.comment}}</strong><br><br>
+                Relays: {{ space.relayCount }}<br />
+                Relay Sync <span *ngIf="space.relaySync">Enabled</span><span *ngIf="!space.relaySync">Disabled</span>
+              </p>
+            </mat-card-content>
+            <mat-card-actions>
+              <button mat-button>OPEN</button>
+              <button mat-button>REMOVE</button>
+            </mat-card-actions>
+          </mat-card>
+        </div>
       </mat-card-content>
     </mat-card>
     <mat-card class="card first-card">
@@ -126,12 +101,13 @@
         <h1>Be humble and kind</h1>
         <p>Being uncensorable and uncancellable means more responsibility is on you, you are in control and you are responsible.</p>
         <p>💛🖤</p>
-        <p class="centered" *ngIf="consent"><br>
+        <p class="centered" *ngIf="consent">
+          <br />
           <button mat-stroked-button (click)="consent=false; persist()">Withdraw consent</button>
         </p>
       </mat-card-content>
     </mat-card>
-<!-- 
+    <!-- 
     <mat-card class="card warn">
       <mat-card-content>
         <h1 *ngIf="!consent">Your approval is needed</h1>
diff --git a/src/app/connect/connect.ts b/src/app/connect/connect.ts
index 3539517..d695b05 100644
--- a/src/app/connect/connect.ts
+++ b/src/app/connect/connect.ts
@@ -8,6 +8,7 @@ import { RelayService } from '../services/relay';
 import { ThemeService } from '../services/theme';
 import { Utilities } from '../services/utilities';
 import { ConsentDialog } from './consent-dialog/consent-dialog';
+import { SpacesService } from '../services/spaces';
 
 @Component({
   selector: 'app-connect',
@@ -21,6 +22,7 @@ export class ConnectComponent {
   readOnlyLogin = false;
 
   constructor(
+    public spacesService: SpacesService,
     public theme: ThemeService,
     private appState: ApplicationState,
     private cd: ChangeDetectorRef,
diff --git a/src/app/services/spaces.ts b/src/app/services/spaces.ts
index ab1afe6..19588af 100644
--- a/src/app/services/spaces.ts
+++ b/src/app/services/spaces.ts
@@ -14,7 +14,48 @@ export class SpacesService {
     if (spaces) {
       this.spaces = JSON.parse(spaces);
     } else {
-      this.spaces = [];
+      this.spaces = [
+        {
+          name: 'SondreB',
+          title: 'sondreb.com',
+          comment: 'Liberstad Membership Organization',
+          npub: 'npub1zl3g38a6qypp6py2z07shggg45cu8qex992xpss7d8zrl28mu52s4cjajh',
+          picture: 'https://nostr.build/i/nostr.build_11eaf429c0c74a9b7822072531e1c6d54a7e4c084b49d0aab776dbb13d81ef27.jpg',
+          banner: 'https://nostr.build/i/nostr.build_74ee63e85287e5b3351d757724e57d53d17b9f029bfad7d77dcb913b325727bb.png',
+          relayCount: 1,
+          relaySync: false,
+        },
+        {
+          name: 'SondreB',
+          title: 'sondreb.com',
+          comment: 'Public Space',
+          npub: 'npub1zl3g38a6qypp6py2z07shggg45cu8qex992xpss7d8zrl28mu52s4cjajh',
+          picture: 'https://nostr.build/i/nostr.build_11eaf429c0c74a9b7822072531e1c6d54a7e4c084b49d0aab776dbb13d81ef27.jpg',
+          banner: 'https://nostr.build/i/nostr.build_74ee63e85287e5b3351d757724e57d53d17b9f029bfad7d77dcb913b325727bb.png',
+          relayCount: 12,
+          relaySync: true,
+        },
+        {
+          name: 'Liberstad',
+          title: 'liberstad.com',
+          comment: 'Public Space',
+          npub: 'npub1qutr6g66j7fpd4dyly9u2dwmkta8cywc9lucm4ze8p7xdtrlkhcsn2n9hn',
+          picture: 'https://nostr.build/i/p/nostr.build_392926c2220b31a78708d11afeb92a9aa4731e19b233a130c34a81211c4bca3e.png',
+          banner: 'https://nostr.build/i/nostr.build_955535ae6cc45caa1d8639e72dbdf69b0ade7c92d519877eeefaf1d586caad6e.jpg',
+          relayCount: 10,
+          relaySync: true,
+        },
+        {
+          name: 'Liberstad',
+          title: 'liberstad.com',
+          comment: 'Liberstad Membership Organization',
+          npub: 'npub1qutr6g66j7fpd4dyly9u2dwmkta8cywc9lucm4ze8p7xdtrlkhcsn2n9hn',
+          picture: 'https://nostr.build/i/p/nostr.build_392926c2220b31a78708d11afeb92a9aa4731e19b233a130c34a81211c4bca3e.png',
+          banner: 'https://nostr.build/i/nostr.build_955535ae6cc45caa1d8639e72dbdf69b0ade7c92d519877eeefaf1d586caad6e.jpg',
+          relayCount: 1,
+          relaySync: false,
+        },
+      ];
     }
   }
 }