website/src/layout/Footer.tsx at main · CRRU-UK/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
import Image from "next/image";
import Link from "next/link";
import { Social } from "@/components";
import sitemap from "@/data/sitemap.json";

const Footer = () => (
  <>
    <span className="top-link">
      <Link href="#top">Back To Top</Link>
    </span>

    <footer>
      <Image
        alt=""
        className="background"
        height={500}
        src="/images/footer/background-footer.png"
        width={2400}
      />

      <div className="footer-wrapper">
        <div className="footer-left">
          <Link className="footer-logo" href={sitemap.home.path}>
            <Image alt="CRRU logo" height={150} src="/images/footer/logo-footer.jpg" width={150} />
          </Link>

          <div className="footer-left-content">
            <ul className="footer-links">
              <li>
                <Link href={sitemap.terms.path}>Terms</Link>
              </li>
              <li>
                <Link href={sitemap.credits.path}>Credits</Link>
              </li>
              <li>
                <Link href={sitemap.contact.path}>Contact</Link>
              </li>
              <li>
                <Link href={sitemap.sitemap.path}>Sitemap</Link>
              </li>
            </ul>

            <ul className="footer-contact">
              <li>
                <strong>Email:</strong> <Link href="mailto:info@crru.org.uk">info@crru.org.uk</Link>
              </li>
              <li>
                <strong>Phone:</strong> <Link href="tel:+4401261851696">01261 851696</Link>
              </li>
            </ul>

            <p className="footer-credits">
              © Cetacean Research & Rescue Unit (CRRU)
              <br />
              Charity No. SC035473
            </p>
          </div>
        </div>

        <div className="footer-right">
          <Social />

          <div className="footer-support">
            <p>With support from:</p>

            <ul>
              <li>
                <Link
                  href="https://www.johnlewispartnership.co.uk/foundation0.html"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  <Image
                    alt="John Lewis Partnership Foundation logo"
                    height={50}
                    src="/images/footer/logo-jlp-foundation.svg"
                    width={144}
                  />
                </Link>
              </li>
              <li>
                <Link href="https://www.bornfree.org.uk" rel="noopener noreferrer" target="_blank">
                  <Image
                    alt="Born Free UK logo"
                    height={50}
                    src="/images/footer/logo-born-free.svg"
                    width={142}
                  />
                </Link>
              </li>
              <li>
                <Link
                  href="https://www.landrover.com/explore-land-rover/responsibility/born-free-foundation.html"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  <Image
                    alt="Land Rover logo"
                    height={50}
                    src="/images/footer/logo-land-rover.svg"
                    width={95}
                  />
                </Link>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </footer>
  </>
);

export default Footer;