add static landing page

site/assets/social-preview.svg

@@ -0,0 +1,50 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  width="1200"
+  height="630"
+  viewBox="0 0 1200 630"
+>
+  <defs>
+    <clipPath id="portrait-clip">
+      <rect x="790" y="0" width="410" height="630"/>
+    </clipPath>
+    <linearGradient id="portrait-fade" x1="0" x2="1">
+      <stop offset="0" stop-color="#244a3d"/>
+      <stop offset="0.3" stop-color="#244a3d" stop-opacity="0.12"/>
+      <stop offset="1" stop-color="#244a3d" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+  <rect width="1200" height="630" fill="#f4f0e6"/>
+  <rect width="18" height="630" fill="#743d36"/>
+  <rect x="55" y="52" width="1090" height="526" fill="none" stroke="#ad8950"/>
+  <image
+    x="790"
+    y="0"
+    width="600"
+    height="630"
+    preserveAspectRatio="xMidYMid slice"
+    xlink:href="rav-hirsch-1847.jpg"
+    clip-path="url(#portrait-clip)"
+  />
+  <rect x="790" width="180" height="630" fill="url(#portrait-fade)"/>
+  <text
+    x="96"
+    y="132"
+    fill="#743d36"
+    font-family="sans-serif"
+    font-size="24"
+    font-weight="600"
+    letter-spacing="3"
+  >TORAH IM DERECH ERETZ</text>
+  <line x1="96" y1="159" x2="216" y2="159" stroke="#ad8950" stroke-width="3"/>
+  <text x="96" y="260" fill="#192721" font-family="serif" font-size="64">
+    <tspan x="96" dy="0">A Torah vision</tspan>
+    <tspan x="96" dy="82">for the whole of life.</tspan>
+  </text>
+  <text x="96" y="474" fill="#244a3d" font-family="sans-serif" font-size="27">
+    The teachings of Rav Samson Raphael Hirsch
+  </text>
+  <circle cx="106" cy="534" r="10" fill="#ad8950"/>
+  <line x1="128" y1="534" x2="520" y2="534" stroke="#244a3d" stroke-width="2"/>
+</svg>