diff --git a/src/assets/htmx.svg b/src/assets/htmx.svg
new file mode 100644
index 00000000..4f5f653b
--- /dev/null
+++ b/src/assets/htmx.svg
@@ -0,0 +1,449 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.00 0.00 379.00 102.00">
+<g stroke-width="2.00" fill="none" stroke-linecap="butt">
+<path stroke="#9ab2d2" vector-effect="non-scaling-stroke" d="
+  M 51.80 90.57
+  A 0.32 0.32 0.0 0 0 52.10 91.00
+  L 64.27 91.00
+  A 0.32 0.32 0.0 0 0 64.57 90.79
+  L 92.42 10.93
+  A 0.32 0.32 0.0 0 0 92.12 10.50
+  L 80.10 10.50
+  A 0.32 0.32 0.0 0 0 79.79 10.71
+  L 51.80 90.57"
+/>
+<path stroke="#999999" vector-effect="non-scaling-stroke" d="
+  M 176.66 31.97
+  L 176.66 12.25
+  Q 176.66 11.58 176.00 11.68
+  L 164.32 13.55
+  A 0.25 0.25 0.0 0 0 164.10 13.80
+  L 164.11 75.56
+  A 0.44 0.44 0.0 0 0 164.55 76.00
+  L 176.21 76.00
+  A 0.46 0.46 0.0 0 0 176.67 75.54
+  L 176.67 43.49
+  Q 176.67 42.97 177.16 42.81
+  C 186.37 39.88 189.80 43.90 189.76 52.75
+  Q 189.71 64.10 189.76 75.49
+  Q 189.77 76.00 190.27 76.00
+  L 201.73 76.00
+  Q 202.23 76.00 202.24 75.49
+  Q 202.30 63.49 202.27 51.50
+  C 202.25 43.01 200.22 35.10 191.05 32.40
+  C 186.07 30.93 182.19 31.52 177.15 32.38
+  Q 176.66 32.47 176.66 31.97"
+/>
+<path stroke="#999999" vector-effect="non-scaling-stroke" d="
+  M 226.28 42.32
+  L 240.22 42.31
+  Q 240.75 42.31 240.75 41.78
+  L 240.76 32.51
+  Q 240.76 32.00 240.26 32.00
+  L 226.00 32.00
+  A 0.26 0.26 0.0 0 1 225.74 31.74
+  L 225.74 19.66
+  Q 225.74 19.08 225.16 19.17
+  L 213.80 20.98
+  Q 213.31 21.06 213.30 21.56
+  Q 213.00 51.84 213.35 61.46
+  C 213.96 77.87 230.20 79.49 242.29 74.85
+  A 0.32 0.32 0.0 0 0 242.49 74.50
+  L 240.82 65.29
+  Q 240.78 65.06 240.55 65.14
+  C 236.78 66.47 229.48 67.96 226.95 63.86
+  Q 225.99 62.31 225.85 58.47
+  Q 225.55 50.63 225.81 42.76
+  Q 225.83 42.32 226.28 42.32"
+/>
+<path stroke="#999999" vector-effect="non-scaling-stroke" d="
+  M 23.95 51.36
+  A 0.30 0.30 0.0 0 1 23.95 50.80
+  L 49.34 41.02
+  A 0.30 0.30 0.0 0 0 49.52 40.65
+  L 46.41 31.14
+  A 0.30 0.30 0.0 0 0 46.01 30.96
+  L 10.40 45.83
+  A 0.30 0.30 0.0 0 0 10.22 46.11
+  L 10.22 56.06
+  A 0.30 0.30 0.0 0 0 10.40 56.34
+  L 46.00 71.20
+  A 0.30 0.30 0.0 0 0 46.40 71.02
+  L 49.51 61.52
+  A 0.30 0.30 0.0 0 0 49.33 61.15
+  L 23.95 51.36"
+/>
+<path stroke="#999999" vector-effect="non-scaling-stroke" d="
+  M 94.69 40.63
+  A 0.32 0.32 0.0 0 0 94.88 41.03
+  L 120.21 50.78
+  A 0.32 0.32 0.0 0 1 120.21 51.38
+  L 94.88 61.14
+  A 0.32 0.32 0.0 0 0 94.69 61.54
+  L 97.77 71.01
+  A 0.32 0.32 0.0 0 0 98.20 71.21
+  L 133.80 56.34
+  A 0.32 0.32 0.0 0 0 134.00 56.05
+  L 134.01 46.13
+  A 0.32 0.32 0.0 0 0 133.81 45.84
+  L 98.21 30.96
+  A 0.32 0.32 0.0 0 0 97.78 31.16
+  L 94.69 40.63"
+/>
+<path stroke="#999999" vector-effect="non-scaling-stroke" d="
+  M 263.78 42.32
+  C 273.00 41.33 275.10 43.71 275.12 52.75
+  Q 275.15 64.07 275.18 75.44
+  A 0.57 0.57 0.0 0 0 275.75 76.00
+  L 287.26 76.00
+  A 0.44 0.44 0.0 0 0 287.70 75.56
+  Q 287.72 63.48 287.69 51.50
+  Q 287.68 47.87 286.93 44.29
+  Q 286.83 43.86 287.22 43.63
+  C 291.62 40.97 297.87 41.29 298.92 47.16
+  Q 299.57 50.80 299.53 54.51
+  Q 299.43 64.95 299.46 75.45
+  Q 299.46 76.00 300.00 76.00
+  L 311.51 76.00
+  A 0.45 0.45 0.0 0 0 311.96 75.55
+  Q 312.01 63.36 311.99 51.25
+  C 311.97 41.71 309.60 33.76 299.18 31.84
+  Q 290.18 30.18 282.14 35.22
+  Q 281.70 35.50 281.29 35.19
+  C 273.33 29.16 260.41 31.49 251.18 33.86
+  Q 250.86 33.94 250.86 34.26
+  L 250.86 75.43
+  Q 250.86 76.00 251.43 76.00
+  L 262.83 76.00
+  Q 263.41 76.00 263.41 75.42
+  L 263.41 42.74
+  A 0.42 0.41 87.0 0 1 263.78 42.32"
+/>
+<path stroke="#9ab2d2" vector-effect="non-scaling-stroke" d="
+  M 340.63 61.40
+  Q 345.66 68.06 349.43 75.50
+  A 0.91 0.90 -13.3 0 0 350.24 76.00
+  L 362.74 76.00
+  A 0.33 0.33 0.0 0 0 363.02 75.50
+  Q 356.31 64.03 347.84 53.79
+  Q 347.45 53.31 347.81 52.81
+  L 362.23 32.71
+  A 0.33 0.33 0.0 0 0 361.96 32.19
+  L 350.19 32.19
+  A 1.03 1.01 16.5 0 0 349.34 32.64
+  L 341.24 45.04
+  A 0.36 0.36 0.0 0 1 340.64 45.04
+  L 332.52 32.64
+  A 0.98 0.98 0.0 0 0 331.70 32.20
+  L 319.31 32.17
+  A 0.34 0.34 0.0 0 0 319.03 32.71
+  L 333.45 53.08
+  A 0.59 0.58 47.4 0 1 333.43 53.79
+  Q 325.15 63.96 318.61 75.33
+  A 0.45 0.44 15.0 0 0 319.00 75.99
+  L 330.49 76.00
+  Q 330.86 76.00 331.05 75.69
+  L 339.96 61.43
+  A 0.41 0.41 0.0 0 1 340.63 61.40"
+/>
+</g>
+<path fill="#ffffff" d="
+  M 0.00 0.00
+  L 379.00 0.00
+  L 379.00 102.00
+  L 0.00 102.00
+  L 0.00 0.00
+  Z
+  M 51.80 90.57
+  A 0.32 0.32 0.0 0 0 52.10 91.00
+  L 64.27 91.00
+  A 0.32 0.32 0.0 0 0 64.57 90.79
+  L 92.42 10.93
+  A 0.32 0.32 0.0 0 0 92.12 10.50
+  L 80.10 10.50
+  A 0.32 0.32 0.0 0 0 79.79 10.71
+  L 51.80 90.57
+  Z
+  M 176.66 31.97
+  L 176.66 12.25
+  Q 176.66 11.58 176.00 11.68
+  L 164.32 13.55
+  A 0.25 0.25 0.0 0 0 164.10 13.80
+  L 164.11 75.56
+  A 0.44 0.44 0.0 0 0 164.55 76.00
+  L 176.21 76.00
+  A 0.46 0.46 0.0 0 0 176.67 75.54
+  L 176.67 43.49
+  Q 176.67 42.97 177.16 42.81
+  C 186.37 39.88 189.80 43.90 189.76 52.75
+  Q 189.71 64.10 189.76 75.49
+  Q 189.77 76.00 190.27 76.00
+  L 201.73 76.00
+  Q 202.23 76.00 202.24 75.49
+  Q 202.30 63.49 202.27 51.50
+  C 202.25 43.01 200.22 35.10 191.05 32.40
+  C 186.07 30.93 182.19 31.52 177.15 32.38
+  Q 176.66 32.47 176.66 31.97
+  Z
+  M 226.28 42.32
+  L 240.22 42.31
+  Q 240.75 42.31 240.75 41.78
+  L 240.76 32.51
+  Q 240.76 32.00 240.26 32.00
+  L 226.00 32.00
+  A 0.26 0.26 0.0 0 1 225.74 31.74
+  L 225.74 19.66
+  Q 225.74 19.08 225.16 19.17
+  L 213.80 20.98
+  Q 213.31 21.06 213.30 21.56
+  Q 213.00 51.84 213.35 61.46
+  C 213.96 77.87 230.20 79.49 242.29 74.85
+  A 0.32 0.32 0.0 0 0 242.49 74.50
+  L 240.82 65.29
+  Q 240.78 65.06 240.55 65.14
+  C 236.78 66.47 229.48 67.96 226.95 63.86
+  Q 225.99 62.31 225.85 58.47
+  Q 225.55 50.63 225.81 42.76
+  Q 225.83 42.32 226.28 42.32
+  Z
+  M 23.95 51.36
+  A 0.30 0.30 0.0 0 1 23.95 50.80
+  L 49.34 41.02
+  A 0.30 0.30 0.0 0 0 49.52 40.65
+  L 46.41 31.14
+  A 0.30 0.30 0.0 0 0 46.01 30.96
+  L 10.40 45.83
+  A 0.30 0.30 0.0 0 0 10.22 46.11
+  L 10.22 56.06
+  A 0.30 0.30 0.0 0 0 10.40 56.34
+  L 46.00 71.20
+  A 0.30 0.30 0.0 0 0 46.40 71.02
+  L 49.51 61.52
+  A 0.30 0.30 0.0 0 0 49.33 61.15
+  L 23.95 51.36
+  Z
+  M 94.69 40.63
+  A 0.32 0.32 0.0 0 0 94.88 41.03
+  L 120.21 50.78
+  A 0.32 0.32 0.0 0 1 120.21 51.38
+  L 94.88 61.14
+  A 0.32 0.32 0.0 0 0 94.69 61.54
+  L 97.77 71.01
+  A 0.32 0.32 0.0 0 0 98.20 71.21
+  L 133.80 56.34
+  A 0.32 0.32 0.0 0 0 134.00 56.05
+  L 134.01 46.13
+  A 0.32 0.32 0.0 0 0 133.81 45.84
+  L 98.21 30.96
+  A 0.32 0.32 0.0 0 0 97.78 31.16
+  L 94.69 40.63
+  Z
+  M 263.78 42.32
+  C 273.00 41.33 275.10 43.71 275.12 52.75
+  Q 275.15 64.07 275.18 75.44
+  A 0.57 0.57 0.0 0 0 275.75 76.00
+  L 287.26 76.00
+  A 0.44 0.44 0.0 0 0 287.70 75.56
+  Q 287.72 63.48 287.69 51.50
+  Q 287.68 47.87 286.93 44.29
+  Q 286.83 43.86 287.22 43.63
+  C 291.62 40.97 297.87 41.29 298.92 47.16
+  Q 299.57 50.80 299.53 54.51
+  Q 299.43 64.95 299.46 75.45
+  Q 299.46 76.00 300.00 76.00
+  L 311.51 76.00
+  A 0.45 0.45 0.0 0 0 311.96 75.55
+  Q 312.01 63.36 311.99 51.25
+  C 311.97 41.71 309.60 33.76 299.18 31.84
+  Q 290.18 30.18 282.14 35.22
+  Q 281.70 35.50 281.29 35.19
+  C 273.33 29.16 260.41 31.49 251.18 33.86
+  Q 250.86 33.94 250.86 34.26
+  L 250.86 75.43
+  Q 250.86 76.00 251.43 76.00
+  L 262.83 76.00
+  Q 263.41 76.00 263.41 75.42
+  L 263.41 42.74
+  A 0.42 0.41 87.0 0 1 263.78 42.32
+  Z
+  M 340.63 61.40
+  Q 345.66 68.06 349.43 75.50
+  A 0.91 0.90 -13.3 0 0 350.24 76.00
+  L 362.74 76.00
+  A 0.33 0.33 0.0 0 0 363.02 75.50
+  Q 356.31 64.03 347.84 53.79
+  Q 347.45 53.31 347.81 52.81
+  L 362.23 32.71
+  A 0.33 0.33 0.0 0 0 361.96 32.19
+  L 350.19 32.19
+  A 1.03 1.01 16.5 0 0 349.34 32.64
+  L 341.24 45.04
+  A 0.36 0.36 0.0 0 1 340.64 45.04
+  L 332.52 32.64
+  A 0.98 0.98 0.0 0 0 331.70 32.20
+  L 319.31 32.17
+  A 0.34 0.34 0.0 0 0 319.03 32.71
+  L 333.45 53.08
+  A 0.59 0.58 47.4 0 1 333.43 53.79
+  Q 325.15 63.96 318.61 75.33
+  A 0.45 0.44 15.0 0 0 319.00 75.99
+  L 330.49 76.00
+  Q 330.86 76.00 331.05 75.69
+  L 339.96 61.43
+  A 0.41 0.41 0.0 0 1 340.63 61.40
+  Z"
+/>
+<path fill="#3465a4" d="
+  M 51.80 90.57
+  L 79.79 10.71
+  A 0.32 0.32 0.0 0 1 80.10 10.50
+  L 92.12 10.50
+  A 0.32 0.32 0.0 0 1 92.42 10.93
+  L 64.57 90.79
+  A 0.32 0.32 0.0 0 1 64.27 91.00
+  L 52.10 91.00
+  A 0.32 0.32 0.0 0 1 51.80 90.57
+  Z"
+/>
+<path fill="#333333" d="
+  M 177.15 32.38
+  C 182.19 31.52 186.07 30.93 191.05 32.40
+  C 200.22 35.10 202.25 43.01 202.27 51.50
+  Q 202.30 63.49 202.24 75.49
+  Q 202.23 76.00 201.73 76.00
+  L 190.27 76.00
+  Q 189.77 76.00 189.76 75.49
+  Q 189.71 64.10 189.76 52.75
+  C 189.80 43.90 186.37 39.88 177.16 42.81
+  Q 176.67 42.97 176.67 43.49
+  L 176.67 75.54
+  A 0.46 0.46 0.0 0 1 176.21 76.00
+  L 164.55 76.00
+  A 0.44 0.44 0.0 0 1 164.11 75.56
+  L 164.10 13.80
+  A 0.25 0.25 0.0 0 1 164.32 13.55
+  L 176.00 11.68
+  Q 176.66 11.58 176.66 12.25
+  L 176.66 31.97
+  Q 176.66 32.47 177.15 32.38
+  Z"
+/>
+<path fill="#333333" d="
+  M 225.81 42.76
+  Q 225.55 50.63 225.85 58.47
+  Q 225.99 62.31 226.95 63.86
+  C 229.48 67.96 236.78 66.47 240.55 65.14
+  Q 240.78 65.06 240.82 65.29
+  L 242.49 74.50
+  A 0.32 0.32 0.0 0 1 242.29 74.85
+  C 230.20 79.49 213.96 77.87 213.35 61.46
+  Q 213.00 51.84 213.30 21.56
+  Q 213.31 21.06 213.80 20.98
+  L 225.16 19.17
+  Q 225.74 19.08 225.74 19.66
+  L 225.74 31.74
+  A 0.26 0.26 0.0 0 0 226.00 32.00
+  L 240.26 32.00
+  Q 240.76 32.00 240.76 32.51
+  L 240.75 41.78
+  Q 240.75 42.31 240.22 42.31
+  L 226.28 42.32
+  Q 225.83 42.32 225.81 42.76
+  Z"
+/>
+<path fill="#333333" d="
+  M 23.95 51.36
+  L 49.33 61.15
+  A 0.30 0.30 0.0 0 1 49.51 61.52
+  L 46.40 71.02
+  A 0.30 0.30 0.0 0 1 46.00 71.20
+  L 10.40 56.34
+  A 0.30 0.30 0.0 0 1 10.22 56.06
+  L 10.22 46.11
+  A 0.30 0.30 0.0 0 1 10.40 45.83
+  L 46.01 30.96
+  A 0.30 0.30 0.0 0 1 46.41 31.14
+  L 49.52 40.65
+  A 0.30 0.30 0.0 0 1 49.34 41.02
+  L 23.95 50.80
+  A 0.30 0.30 0.0 0 0 23.95 51.36
+  Z"
+/>
+<path fill="#333333" d="
+  M 94.69 40.63
+  L 97.78 31.16
+  A 0.32 0.32 0.0 0 1 98.21 30.96
+  L 133.81 45.84
+  A 0.32 0.32 0.0 0 1 134.01 46.13
+  L 134.00 56.05
+  A 0.32 0.32 0.0 0 1 133.80 56.34
+  L 98.20 71.21
+  A 0.32 0.32 0.0 0 1 97.77 71.01
+  L 94.69 61.54
+  A 0.32 0.32 0.0 0 1 94.88 61.14
+  L 120.21 51.38
+  A 0.32 0.32 0.0 0 0 120.21 50.78
+  L 94.88 41.03
+  A 0.32 0.32 0.0 0 1 94.69 40.63
+  Z"
+/>
+<path fill="#333333" d="
+  M 263.78 42.32
+  A 0.42 0.41 87.0 0 0 263.41 42.74
+  L 263.41 75.42
+  Q 263.41 76.00 262.83 76.00
+  L 251.43 76.00
+  Q 250.86 76.00 250.86 75.43
+  L 250.86 34.26
+  Q 250.86 33.94 251.18 33.86
+  C 260.41 31.49 273.33 29.16 281.29 35.19
+  Q 281.70 35.50 282.14 35.22
+  Q 290.18 30.18 299.18 31.84
+  C 309.60 33.76 311.97 41.71 311.99 51.25
+  Q 312.01 63.36 311.96 75.55
+  A 0.45 0.45 0.0 0 1 311.51 76.00
+  L 300.00 76.00
+  Q 299.46 76.00 299.46 75.45
+  Q 299.43 64.95 299.53 54.51
+  Q 299.57 50.80 298.92 47.16
+  C 297.87 41.29 291.62 40.97 287.22 43.63
+  Q 286.83 43.86 286.93 44.29
+  Q 287.68 47.87 287.69 51.50
+  Q 287.72 63.48 287.70 75.56
+  A 0.44 0.44 0.0 0 1 287.26 76.00
+  L 275.75 76.00
+  A 0.57 0.57 0.0 0 1 275.18 75.44
+  Q 275.15 64.07 275.12 52.75
+  C 275.10 43.71 273.00 41.33 263.78 42.32
+  Z"
+/>
+<path fill="#3465a4" d="
+  M 340.63 61.40
+  A 0.41 0.41 0.0 0 0 339.96 61.43
+  L 331.05 75.69
+  Q 330.86 76.00 330.49 76.00
+  L 319.00 75.99
+  A 0.45 0.44 15.0 0 1 318.61 75.33
+  Q 325.15 63.96 333.43 53.79
+  A 0.59 0.58 47.4 0 0 333.45 53.08
+  L 319.03 32.71
+  A 0.34 0.34 0.0 0 1 319.31 32.17
+  L 331.70 32.20
+  A 0.98 0.98 0.0 0 1 332.52 32.64
+  L 340.64 45.04
+  A 0.36 0.36 0.0 0 0 341.24 45.04
+  L 349.34 32.64
+  A 1.03 1.01 16.5 0 1 350.19 32.19
+  L 361.96 32.19
+  A 0.33 0.33 0.0 0 1 362.23 32.71
+  L 347.81 52.81
+  Q 347.45 53.31 347.84 53.79
+  Q 356.31 64.03 363.02 75.50
+  A 0.33 0.33 0.0 0 1 362.74 76.00
+  L 350.24 76.00
+  A 0.91 0.90 -13.3 0 1 349.43 75.50
+  Q 345.66 68.06 340.63 61.40
+  Z"
+/>
+</svg>
diff --git a/src/assets/modern-web.svg b/src/assets/modern-web.svg
new file mode 100644
index 00000000..64e0b6a9
--- /dev/null
+++ b/src/assets/modern-web.svg
@@ -0,0 +1,104 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 412 411" style="enable-background:new 0 0 412 411;" xml:space="preserve">
+	 <title>Tilted sphere with longitudinal stripes</title>
+<g fill="#ff0000">
+	<g>
+
+			<linearGradient id="logo-color-SVGID_1_" gradientUnits="userSpaceOnUse" x1="163.8164" y1="-672.4328" x2="163.8164" y2="-266.5325" gradientTransform="matrix(0.866 0.5 -0.5 0.866 -168.6902 527.1097)">
+			<stop  offset="0" style="stop-color:#84CFF3"/>
+			<stop  offset="0" style="stop-color:#A9E0F9"/>
+			<stop  offset="0.5293" style="stop-color:#668CC1"/>
+			<stop  offset="1" style="stop-color:#2C559C"/>
+		</linearGradient>
+		<path style="fill:url(#logo-color-SVGID_1_);" d="M224.26,216.546c-56.609,98.05-110.723,172.788-120.866,166.932
+			s27.525-90.089,84.134-188.139S298.252,22.551,308.395,28.407S280.87,118.496,224.26,216.546z"/>
+	</g>
+	<g>
+
+			<linearGradient id="logo-color-SVGID_2_" gradientUnits="userSpaceOnUse" x1="-219.7428" y1="-108.4554" x2="-219.7428" y2="214.2954" gradientTransform="matrix(0.9848 0.1736 -0.1736 0.9848 332.8062 206.2297)">
+			<stop  offset="0" style="stop-color:#84CFF3"/>
+			<stop  offset="0" style="stop-color:#A9E0F9"/>
+			<stop  offset="0.5293" style="stop-color:#668CC1"/>
+			<stop  offset="1" style="stop-color:#2C559C"/>
+		</linearGradient>
+		<path style="fill:url(#logo-color-SVGID_2_);" d="M168.388,67.113c0,0-56.017,42.973-75.193,229.181c-6.53,43.26-3.894,78.97,10.145,87.076
+			c-60.859-35.137-42.317-163.195,0.097-236.657c12.391-21.461,27.608-41.802,44.414-59.687
+			c6.623-7.047,13.492-13.714,20.533-19.916"/>
+
+			<linearGradient id="logo-color-SVGID_3_" gradientUnits="userSpaceOnUse" x1="-138.856" y1="-175.1664" x2="-138.856" y2="130.3041" gradientTransform="matrix(0.9848 0.1736 -0.1736 0.9848 332.8062 206.2297)">
+			<stop  offset="0" style="stop-color:#84CFF3"/>
+			<stop  offset="0" style="stop-color:#A9E0F9"/>
+			<stop  offset="0.5293" style="stop-color:#668CC1"/>
+			<stop  offset="1" style="stop-color:#2C559C"/>
+		</linearGradient>
+		<path style="fill:url(#logo-color-SVGID_3_);" d="M168.388,67.113c0,0-56.017,42.973-75.193,229.181
+			c6.413-42.484,21.664-92.249,43.634-130.303C184.706,83.068,279.401,11.591,308.341,28.3
+			c-39.614-22.871-93.509-2.11-139.956,38.81"/>
+	</g>
+	<g>
+
+			<linearGradient id="logo-color-SVGID_4_" gradientUnits="userSpaceOnUse" x1="-3595.6011" y1="-2655.7827" x2="-3572.4814" y2="-2228.2261" gradientTransform="matrix(-0.6428 -0.766 -0.766 0.6428 -3893.9177 -910.2711)">
+			<stop  offset="0" style="stop-color:#84CFF3"/>
+			<stop  offset="0" style="stop-color:#A9E0F9"/>
+			<stop  offset="1" style="stop-color:#2C559C"/>
+		</linearGradient>
+		<path style="fill:url(#logo-color-SVGID_4_);" d="M344.658,168.607c0,0-9.208,69.999-160.881,179.709
+			c-34.2,27.285-66.443,42.858-80.482,34.752c60.859,35.137,162.489-44.95,204.903-118.413
+			c12.391-21.461,22.398-44.81,29.483-68.307c2.792-9.259,5.13-18.541,6.982-27.74"/>
+
+			<linearGradient id="logo-color-SVGID_5_" gradientUnits="userSpaceOnUse" x1="-3469.5286" y1="-2641.7751" x2="-3678.5356" y2="-2011.9231" gradientTransform="matrix(-0.6428 -0.766 -0.766 0.6428 -3893.9177 -910.2711)">
+			<stop  offset="0" style="stop-color:#84CFF3"/>
+			<stop  offset="0" style="stop-color:#A9E0F9"/>
+			<stop  offset="0.5293" style="stop-color:#668CC1"/>
+			<stop  offset="1" style="stop-color:#2C559C"/>
+		</linearGradient>
+		<path style="fill:url(#logo-color-SVGID_5_);" d="M344.658,168.607c0,0-9.208,69.999-160.881,179.709
+			c33.586-26.795,69.058-64.886,91.028-102.94c47.876-82.924,62.429-200.67,33.489-217.378
+			c39.614,22.871,48.582,79.926,36.368,140.61"/>
+	</g>
+	<g>
+
+			<linearGradient id="logo-color-SVGID_6_" gradientUnits="userSpaceOnUse" x1="61.3711" y1="-586.1053" x2="61.3711" y2="-260.8823" gradientTransform="matrix(0.866 0.5 -0.5 0.866 -168.6902 527.1097)">
+			<stop  offset="0" style="stop-color:#84CFF3"/>
+			<stop  offset="0" style="stop-color:#A9E0F9"/>
+			<stop  offset="0.5293" style="stop-color:#668CC1"/>
+			<stop  offset="1" style="stop-color:#2C559C"/>
+		</linearGradient>
+		<path style="fill:url(#logo-color-SVGID_6_);" d="M27.152,230.307C13.031,109.538,122.464,18.433,122.464,18.433l-0.001-0.002
+			c-1.687,0.753-3.365,1.529-5.033,2.328C81.438,38,50.093,65.908,28.632,103.079c-56.609,98.05-23.015,223.426,75.035,280.035
+			c-54.798-31.638-80.137-89.541-76.52-152.808"/>
+
+			<linearGradient id="logo-color-SVGID_7_" gradientUnits="userSpaceOnUse" x1="72.6895" y1="-670.8823" x2="72.6895" y2="-354.9577" gradientTransform="matrix(0.866 0.5 -0.5 0.866 -168.6902 527.1097)">
+			<stop  offset="0" style="stop-color:#84CFF3"/>
+			<stop  offset="0" style="stop-color:#A9E0F9"/>
+			<stop  offset="0.5293" style="stop-color:#668CC1"/>
+			<stop  offset="1" style="stop-color:#2C559C"/>
+		</linearGradient>
+		<path style="fill:url(#logo-color-SVGID_7_);" d="M27.152,230.307C13.031,109.538,122.464,18.433,122.464,18.433l-0.001-0.002
+			c57.946-25.86,127.049-24.54,186.205,9.613c-85.755-49.511-191.147-4.378-247.756,93.672
+			c-18.961,32.841-30.044,67.454-33.177,100.827c-0.244,2.596-0.439,5.185-0.587,7.764"/>
+	</g>
+	<g>
+
+			<linearGradient id="logo-color-SVGID_8_" gradientUnits="userSpaceOnUse" x1="-3053.2617" y1="-745.8848" x2="-3053.2617" y2="-206.5073" gradientTransform="matrix(-0.866 -0.5 -0.5 0.866 -2582.2083 -866.3355)">
+			<stop  offset="0" style="stop-color:#84CFF3"/>
+			<stop  offset="0" style="stop-color:#A9E0F9"/>
+			<stop  offset="0.5293" style="stop-color:#668CC1"/>
+			<stop  offset="1" style="stop-color:#2C559C"/>
+		</linearGradient>
+		<path style="fill:url(#logo-color-SVGID_8_);" d="M274.26,372.975C385.91,324.82,410.093,184.496,410.093,184.496l0.002,0
+			c0.191,1.838,0.358,3.679,0.5,5.522c3.065,39.791-5.432,80.89-26.893,118.062c-56.609,98.05-181.985,131.644-280.035,75.035
+			c54.798,31.638,117.614,24.63,170.595-10.136"/>
+
+			<linearGradient id="logo-color-SVGID_9_" gradientUnits="userSpaceOnUse" x1="-3041.9434" y1="-722.2291" x2="-3041.9434" y2="-60.6206" gradientTransform="matrix(-0.866 -0.5 -0.5 0.866 -2582.2083 -866.3355)">
+			<stop  offset="0" style="stop-color:#84CFF3"/>
+			<stop  offset="0" style="stop-color:#A9E0F9"/>
+			<stop  offset="0.5293" style="stop-color:#668CC1"/>
+			<stop  offset="1" style="stop-color:#2C559C"/>
+		</linearGradient>
+		<path style="fill:url(#logo-color-SVGID_9_);" d="M274.26,372.975C385.91,324.82,410.093,184.496,410.093,184.496l0.002,0
+			c-6.578-63.113-42.272-122.298-101.428-156.451c85.755,49.511,99.365,163.349,42.756,261.399
+			c-18.961,32.841-43.395,59.746-70.73,79.146c-2.126,1.509-4.27,2.973-6.431,4.39"/>
+	</g>
+</g>
+</svg>
diff --git a/src/components/build-with-friends/build-with-friends.js b/src/components/build-with-friends/build-with-friends.js
index cda5b110..5ddc94d8 100644
--- a/src/components/build-with-friends/build-with-friends.js
+++ b/src/components/build-with-friends/build-with-friends.js
@@ -1,12 +1,36 @@
 import styles from "./build-with-friends.module.css";
+import htmxIcon from "../../assets/htmx.svg?type=raw";
+import litIcon from "../../assets/lit.svg?type=raw";
+import storybookIcon from "../../assets/storybook.svg?type=raw";
+import tailwindIcon from "../../assets/tailwind-logo.svg?type=raw";
+import typescriptIcon from "../../assets/typescript.svg?type=raw";
+import wtrIcon from "../../assets/modern-web.svg?type=raw";
 
 export default class BuildWithFriends extends HTMLElement {
   connectedCallback() {
     this.innerHTML = `
       <div class="${styles.container}">
-        <h3>Build With Friends</h3>
-        <p>Greenwood Lorum Ipsum...</p>
-        <img src="/assets/lit.svg" alt="Lit logo"/>
+        <h3 class="${styles.heading}">Build With Friends</h3>
+        <p>Greenwood and Web Components work great with all your favorite tools in the frontend ecosystem.</p>
+        <span class="${styles.icon}">
+          ${litIcon}
+        </span>
+        <span class="${styles.icon}">
+          ${storybookIcon}
+        </span>
+        <span class="${styles.icon}">
+          ${tailwindIcon}
+        </span>
+        <span class="${styles.icon}">
+          ${typescriptIcon}
+        </span>
+        <span class="${styles.icon}">
+          ${htmxIcon}
+        </span>
+        <span class="${styles.icon}">
+          <span>${wtrIcon}</span>
+          <span>Web Test Runner</span>
+        </span>
       </div>
     `;
   }
diff --git a/src/components/build-with-friends/build-with-friends.module.css b/src/components/build-with-friends/build-with-friends.module.css
index e239466b..9b83f054 100644
--- a/src/components/build-with-friends/build-with-friends.module.css
+++ b/src/components/build-with-friends/build-with-friends.module.css
@@ -1,3 +1,32 @@
 .container {
   background-color: var(--color-gray);
+  text-align: left;
+  padding: 100px;
+  width: 80%;
+  margin: 0 auto;
+}
+
+.heading {
+  font-size: var(--font-size-5);
+  font-weight: var(--font-weight-9);
+}
+
+.icon {
+  display: inline-block;
+  text-align: center;
+  background-color: var(--color-white);
+  border-radius: var(--radius-5);
+  padding: var(--size-fluid-1) var(--size-fluid-2);
+  margin: var(--size-fluid-1);
+  height: 100px;
+  vertical-align: middle;
+}
+
+.icon svg {
+  height: 50px;
+}
+
+.icon span {
+  vertical-align: middle;
+  font-weight: var(--font-weight-9);
 }