Create route icons and components to place these icons.

src/routes/+page.svelte

@@ -1,2 +1,114 @@
+<script lang="ts">
+    import RouteRow from '$lib/components/RouteRow.svelte';
+
+
+    const dummyFeatures = [
+        {
+            type: 'station',
+            miles: 0,
+            chains: 0,
+            name: 'Testington',
+            description: 'Terminus',
+            terminus: true,
+            elec: '25kvac',
+        },
+        {
+            type: 'station',
+            miles: 0,
+            chains: 76,
+            name: 'Closeby',
+            description: 'Temporarily closed',
+            elec: '25kvac',
+        },
+        {
+            type: 'junction',
+            name: 'Test Junction',
+            diverges: 'right',
+            direction: 'down',
+            elec: '25kvac',
+            elecBranch: 'none',
+            miles: 1,
+            chains: 13,
+        },
+        {
+            type: 'bridge',
+            position: 'over',
+            category: 'pipeline',
+            name: 'Waterway Bridge',
+            roadName: "TfL (LU)",
+            miles: 1,
+            chains: 41,
+        },
+        {
+            type: 'crossover',
+            name: 'Dolphin junction',
+            miles: 1,
+            chains: 42,
+        },
+        {
+            type: 'junction',
+            name: 'Test Junction South',
+            description: "To: Banbury West Junction & Birmingham",
+            diverges: 'left',
+            direction: 'down',
+            elec: '25kvac',
+            elecBranch: '650vdc',
+            miles: 1,
+            chains: 42,
+        },
+        {
+            type: 'electrificationChange',
+            from: {
+              elec: '25kvac',
+              eco: 'Didcot',
+            },
+            to: {
+                elec: 'none',
+            },
+        },
+        {
+            type: 'crossing',
+            kind: 'ahb',
+            elec: '25kvac',
+            name: 'Swindon Lane',
+            description: 'Controlled by TVSC (Level Crossing WS)'
+        },
+        {
+            type: 'loop',
+            side: 'both',
+            elec: '25kvac',
+            elecLoop: 'none',
+        },
+        {
+            type: 'signallerChange',
+            from: 'TVSC - Didcot WS (SB)',
+            to: 'TVSC - Swindon WS (SN)',
+            elec: '25kvac',
+        },
+        {
+            type: 'station',
+            miles: 4,
+            chains: 13,
+            name: 'Powerless',
+            description: "Doesn't exist",
+            elec: '750vdc',
+        }
+    ]
+</script>
 <h1>Welcome to SvelteKit</h1>
 <p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
+
+<div class="map-container">
+    {#each dummyFeatures as feature}
+      <RouteRow {feature} activeElec={feature.elec} />
+    {/each}
+</div>
+
+<style>
+    .map-container {
+        width: 100%;
+        max-width: 600px;
+        margin: 0 auto;
+        font-family: sans-serif;
+    }
+</style>