GLL Component Library
x
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<div class="recite_me_button" onclick="loadReciteMeService(); return false;">
  <svg width="88" height="88" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z" fill="none"/>
    <circle cx="16" cy="16" r="12" stroke="#000" stroke-width="1.14286"/>
    <path d="M16.0949 11.7142C15.7653 11.7142 15.443 11.6164 15.1689 11.4333C14.8949 11.2502 14.6812 10.9899 14.5551 10.6853C14.4289 10.3808 14.3959 10.0457 14.4602 9.72238C14.5246 9.39907 14.6833 9.1021 14.9164 8.86902C15.1495 8.63593 15.4464 8.47719 15.7697 8.41288C16.093 8.34858 16.4282 8.38158 16.7327 8.50773C17.0372 8.63387 17.2975 8.84749 17.4807 9.12158C17.6638 9.39566 17.7616 9.71789 17.7616 10.0475C17.7611 10.4894 17.5853 10.9131 17.2729 11.2255C16.9604 11.538 16.5368 11.7137 16.0949 11.7142Z" fill="#000"/>
    <path d="M21.3331 11.7381L21.3197 11.7416L21.3072 11.7455C21.2774 11.7538 21.2476 11.7628 21.2179 11.772C20.664 11.9345 17.9759 12.6922 16.0822 12.6922C14.3223 12.6922 11.8774 12.0375 11.0953 11.8151C11.0174 11.785 10.9379 11.7594 10.8572 11.7384C10.2917 11.5895 9.90479 12.164 9.90479 12.689C9.90479 13.2089 10.372 13.4565 10.8438 13.6342V13.6425L13.6777 14.5276C13.9673 14.6387 14.0447 14.752 14.0825 14.8503C14.2054 15.1654 14.1072 15.7895 14.0723 16.0074L13.8997 17.3467L12.9417 22.5904C12.9387 22.6047 12.936 22.6193 12.9337 22.6342L12.9268 22.672C12.8578 23.1526 13.2107 23.619 13.8792 23.619C14.4625 23.619 14.72 23.2163 14.8316 22.6684C14.9432 22.1205 15.6649 17.9788 16.0816 17.9788C16.4982 17.9788 17.3566 22.6684 17.3566 22.6684C17.4682 23.2163 17.7256 23.619 18.309 23.619C18.9792 23.619 19.3322 23.1506 19.2613 22.6684C19.2553 22.6279 19.2477 22.5876 19.2387 22.5476L18.2676 17.3473L18.0953 16.008C17.9706 15.2279 18.0709 14.9702 18.1048 14.9098C18.1057 14.9084 18.1065 14.9069 18.1072 14.9053C18.1393 14.8458 18.2857 14.7125 18.6274 14.5842L21.2845 13.6553C21.3009 13.651 21.317 13.6458 21.3328 13.6398C21.809 13.4613 22.2851 13.2143 22.2851 12.6895C22.2851 12.1648 21.8985 11.5896 21.3331 11.7381Z" fill="#000"/>
  </svg>
</div>
<footer class="panel" data-panel-style="footer">
  <div class="container">
    <div class="row footer__navigation">
      <div class="col-3 footer__navigation__item">
        <div class="img-container">
          <a href="/lookbook/">
            <img alt="GLL" src="https://picsum.photos/seed/glllogo/100/100" />
          </a></div>
        <p>Follow us</p>
        <div class="footer__navigation__social-icons">
          <div class="img-container">
            <img alt="Facebook" src="https://picsum.photos/seed/gll/25/25" />
          </div>
          <div class="img-container">
            <img alt="Twitter" src="https://picsum.photos/seed/gll/25/25" />
          </div>
          <div class="img-container">
            <img alt="Instagram" src="https://picsum.photos/seed/gll/25/25" />
          </div>
        </div>
      </div>
      <div class="footer__navigation__item mobile-only">
        <div class="col-3" data-controller="footer-sub-menus">
          <div class="footer__navigation__toplevel" data-controller="footer-sub-menus data-layer--navigation">
            <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="1" data-text="Activities" data-url="/activities" href="/lookbook/activities">Activities</a>
            <div class="footer__navigation__submenu">
              <ul>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Swimming" data-url="/swimming" class="sub-level-link" href="/lookbook/swimming">Swimming</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Fitness" data-url="/fitness" class="sub-level-link" href="/lookbook/fitness">Fitness</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Classes" data-url="/classes" class="sub-level-link" href="/lookbook/classes">Classes</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Tennis" data-url="/tennis" class="sub-level-link" href="/lookbook/tennis">Tennis</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-3" data-controller="footer-sub-menus">
          <div class="footer__navigation__toplevel" data-controller="footer-sub-menus data-layer--navigation">
            <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="1" data-text="Memberships" data-url="/memberships" href="/lookbook/memberships">Memberships</a>
            <div class="footer__navigation__submenu">
              <ul>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Spa" data-url="/spa" class="sub-level-link" href="/lookbook/spa">Spa</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Events" data-url="/events" class="sub-level-link" href="/lookbook/events">Events</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Cafe" data-url="/cafe" class="sub-level-link" href="/lookbook/cafe">Cafe</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Parking" data-url="/parking" class="sub-level-link" href="/lookbook/parking">Parking</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-3" data-controller="footer-sub-menus">
          <div class="footer__navigation__toplevel" data-controller="footer-sub-menus data-layer--navigation">
            <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="1" data-text="About" data-url="/about" href="/lookbook/about">About</a>
            <div class="footer__navigation__submenu">
              <ul>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Info" data-url="/info" class="sub-level-link" href="/lookbook/info">Info</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Help" data-url="/help" class="sub-level-link" href="/lookbook/help">Help</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Swimming" data-url="/swimming" class="sub-level-link" href="/lookbook/swimming">Swimming</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Fitness" data-url="/fitness" class="sub-level-link" href="/lookbook/fitness">Fitness</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="footer__navigation__item desktop-only">
        <div class="col-3" data-controller="footer-sub-menus">
          <div class="footer__navigation__toplevel" data-controller="footer-sub-menus data-layer--navigation">
            <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="1" data-text="Activities" data-url="/activities" href="/lookbook/activities">Activities</a>
            <div class="footer__navigation__submenu">
              <ul>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Swimming" data-url="/swimming" class="sub-level-link" href="/lookbook/swimming">Swimming</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Fitness" data-url="/fitness" class="sub-level-link" href="/lookbook/fitness">Fitness</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Classes" data-url="/classes" class="sub-level-link" href="/lookbook/classes">Classes</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Tennis" data-url="/tennis" class="sub-level-link" href="/lookbook/tennis">Tennis</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-3" data-controller="footer-sub-menus">
          <div class="footer__navigation__toplevel" data-controller="footer-sub-menus data-layer--navigation">
            <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="1" data-text="Memberships" data-url="/memberships" href="/lookbook/memberships">Memberships</a>
            <div class="footer__navigation__submenu">
              <ul>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Spa" data-url="/spa" class="sub-level-link" href="/lookbook/spa">Spa</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Events" data-url="/events" class="sub-level-link" href="/lookbook/events">Events</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Cafe" data-url="/cafe" class="sub-level-link" href="/lookbook/cafe">Cafe</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Parking" data-url="/parking" class="sub-level-link" href="/lookbook/parking">Parking</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-3" data-controller="footer-sub-menus">
          <div class="footer__navigation__toplevel" data-controller="footer-sub-menus data-layer--navigation">
            <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="1" data-text="About" data-url="/about" href="/lookbook/about">About</a>
            <div class="footer__navigation__submenu">
              <ul>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Info" data-url="/info" class="sub-level-link" href="/lookbook/info">Info</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Help" data-url="/help" class="sub-level-link" href="/lookbook/help">Help</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Swimming" data-url="/swimming" class="sub-level-link" href="/lookbook/swimming">Swimming</a>
                </li>
                <li>
                  <a data-action="click->data-layer--navigation#track" data-format="desktop" data-layer="2" data-text="Fitness" data-url="/fitness" class="sub-level-link" href="/lookbook/fitness">Fitness</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <span class="divider"></span>
    <div class="row">
      <div class="col-8 footer__legal-copy">
        © 2026 GLL. All rights reserved.
      </div>
    </div>
  </div>
</footer>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
social_media_icons = if show_social
  %w[Facebook Twitter Instagram].map { |name| build_image(alt: name) }
else
  []
end
app_icons = if show_app_icons
  %w[App\ Store Google\ Play].map { |name| build_image(alt: name) }
else
  []
end
panel = MockData.new(
  logo: show_logo ? logo : nil,
  navigation_items: build_nav_tree(columns: nav_column_count, links_per_column: links_per_column),
  app_text: show_app_icons ? "Download our app" : nil,
  app_icons:,
  disclaimer:,
  social_enterprise_logo: nil,
  social_media_icons:,
  social_media_text: show_social ? "Follow us" : nil
)
render GllComponentLibrary::Panels::FooterComponent.new(panel:)

No notes provided.