Add link to gift list site

src/components/Navigation/package.json

@@ -1,6 +1,6 @@
 {
   "name": "Navigation",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "private": true,
   "main": "./Navigation.js"
 }

src/routes/giftlist/Giftlist.css

@@ -48,3 +48,28 @@
   color: #fff;
   text-shadow: 1px 1px 4px var(--colour-nearblack);
 }
+
+.button {
+  display: inline-block;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 10px 20px;
+  opacity: 0.75;
+  outline: 0;
+  border: 4px solid #fff;
+  border-radius: 14px;
+  background: var(--colour-nearblack);
+  color: #fff;
+  text-align: center;
+  text-decoration: none;
+  font-size: 18px;
+  line-height: 1.3333333;
+  cursor: pointer;
+  transition: opacity ease-in-out 0.25s, box-shadow ease-in-out 0.25s;
+}
+
+.button:hover,
+.button:focus {
+  opacity: 0.9;
+  box-shadow: 0 0 4px #fff;
+}

src/routes/giftlist/Giftlist.js

@@ -18,10 +18,22 @@ class Giftlist extends React.Component {
               is the most amazing honeymoon possible. We have the basics covered but
               we’re hoping for the holiday of a lifetime. We would like to see
               and do everything we&#8217;ve dreamed about!</p>
-            <p>Right now we&#8217;re busy curating our list, but fret not, we
+            <p>Here&#8217;s how our gift list works. Just pick the item you&#8217;d
-              won&#8217;t take long! Please do check back here in the coming days,
+              most like to give us. You&#8217;ll then be asked to leave your name
-              we&#8217;ll have a link on this page.</p>
+              and any message you have for us. There is the option to use the PayPal
+              system to send your gift (you can use a credit card &ndash; you
+              don&#8217;t need a PayPal account). Or, on the day, you could bring
+              the value of your gift in a card.</p>
+            <p>We&#8217;ll send you a link to our online photo gallery when we get
+              back and we&#8217;ll be sure to tell (bore) you all about it in great
+              detail.</p>
             <p className={s.sig}>Dan and Hana</p>
+            <a
+              className={s.button}
+              href="https://www.our-wedding-list.co.uk/danielandhana/list"
+            >
+              View our list
+            </a>
           </div>
         </div>
       </div>