Skip to content

Commit 328a47f

Browse files
wjohnstowjohnsto
committed
feat: new footer
1 parent d28ee2e commit 328a47f

File tree

1 file changed

+108
-60
lines changed

1 file changed

+108
-60
lines changed

‎layouts/partials/footer.html

Lines changed: 108 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,12 @@
1-
<footer class="h-fit bg-white relative z-40 border border-t-redis-pen-300 text-redis-pen-600 flex justify-center font-mono text-[15px]">
2-
<div class="flex flex-col gap-8 lg:max-w-[1920px] grow">
3-
<div class="flex flex-col lg:flex-row px-4 pt-8 lg:p-11 justify-between gap-4">
4-
<div class="flex flex-col justify-between grow-[2]">
5-
<a class="relative hover:text-redis-pen-400 w-[82px] mb-7" href="https://redis.io/">
6-
{{ partial "icons/logo-script.html" }}
7-
</a>
8-
<div class="hidden lg:flex flex-row gap-8 bg-neutral-150 lg:bg-white text-[13px]">
9-
<a class="hover:text-redis-pen-800" href="https://trust.redis.io/">
10-
Trust
11-
</a>
12-
<a class="hover:text-redis-pen-800" href="https://redis.io/legal/redis-website-terms-of-use/">
13-
Terms of use
14-
</a>
15-
<a class="hover:text-redis-pen-800" href="https://redis.io/legal/privacy-policy/">
16-
Privacy policy
17-
</a>
18-
</div>
19-
</div>
20-
<div class="flex flex-col justify-between grow gap-4">
21-
<a class="hover:text-redis-pen-800" href="https://redis.io/cloud/">
22-
Cloud
23-
</a>
24-
<a class="hover:text-redis-pen-800" href="https://redis.io/enterprise/">
25-
Software
26-
</a>
27-
<a class="hover:text-redis-pen-800" href="https://redis.io/pricing/">
28-
Pricing
29-
</a>
30-
<a class="hover:text-redis-pen-800" href="https://redis.io/support/">
31-
Support
32-
</a>
33-
</div>
34-
<div class="flex flex-col justify-between grow gap-4">
35-
<a class="hover:text-redis-pen-800" href="https://redis.io/company/">
36-
About us
37-
</a>
38-
<a class="hover:text-redis-pen-800" href="https://redis.io/careers/">
39-
Careers
40-
</a>
41-
<a class="hover:text-redis-pen-800" href="https://redis.io/contact/">
42-
Contact us
43-
</a>
44-
<a class="hover:text-redis-pen-800" href="https://redis.io/legal/">
45-
Legal notices
46-
</a>
47-
</div>
1+
<footer class="relative flex justify-center bg-white px-0 py-24 text-redis-pen-600 border border-t-redis-pen-300 text-[13px]">
2+
<div class="flex w-full max-w-7xl flex-col gap-6 px-4 md:flex-row lg:px-8">
3+
<div class="flex flex-col gap-8 md:max-w-[40%] md:flex-[40%]">
4+
<a class="relative hover:text-redis-pen-400 w-[82px] mb-4" href="https://redis.io/">
5+
{{ partial "icons/logo-script.html" }}
6+
</a>
487
<div class="flex flex-col justify-between mt-8 lg:mt-0 lg:mr-8 gap-8">
49-
{{/* <div class="flex flex-row gap-2 items-center"><span>Language</span><span>{{ partial "icons/caret.html" }}</span></div> */}}
8+
{{/* <div class="flex flex-row gap-2 items-center"><span>Language</span><span>{{ partial "icons/caret.html"
9+
}}</span></div> */}}
5010
<div class="flex flex-row gap-10 justify-between lg:justify-normal lg:gap-5 lg:order-first">
5111
<a class="hover:text-redis-pen-400" href="https://www.facebook.com/Redisinc">
5212
{{ partial "icons/Facebook.html" }}
@@ -68,19 +28,107 @@
6828
</a>
6929
</div>
7030
</div>
31+
<div class="hidden flex-col gap-4 sm:flex">
32+
<a class="hover:text-redis-pen-800" href="https://redis.io/legal/privacy-policy/">Privacy</a>
33+
<a class="hover:text-redis-pen-800" href="https://redis.io/legal/redis-website-terms-of-use/">Terms
34+
of use</a>
35+
<a class="hover:text-redis-pen-800" href="https://redis.io/downloads/">Copyright</a>
36+
<a class="hover:text-redis-pen-800" href="https://redis.io/legal/">Legal notices</a>
37+
</div>
38+
</div>
39+
<div class="flex flex-col gap-8 md:max-w-[15%] md:flex-[15%]">
40+
<div>
41+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Use Cases</h3>
42+
<div class="flex flex-col gap-4 pt-4">
43+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions/vector-database/">Vector
44+
database</a>
45+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions/feature-stores/">Feature
46+
stores</a><a class="hover:text-redis-pen-800" href="https://redis.io/downloads/#">Semantic
47+
cache</a>
48+
<a class="hover:text-redis-pen-800" href="https://redis.io/downloads/#">Caching</a><a
49+
class="hover:text-redis-pen-800" href="https://redis.io/downloads/#">NoSQL database</a>
50+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions/leaderboards/">Leaderboards</a>
51+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions/deduplication/">Data
52+
deduplication</a>
53+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions/messaging/">Messaging</a>
54+
<a class="hover:text-redis-pen-800"
55+
href="https://redis.io/solutions/authentication-token-storage/">Authentication token storage</a>
56+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions/fast-data-ingest/">Fast-data
57+
ingest</a>
58+
<a class="hover:text-redis-pen-800"
59+
href="https://redis.io/solutions/query-caching-with-redis-enterprise/">Query caching</a>
60+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions">All solutions</a>
61+
</div>
62+
</div>
7163
</div>
72-
<div class="flex lg:hidden bg-neutral-150 justify-center">
73-
<div class="flex lg:hidden flex-row justify-between gap-8 max-w-[600px] w-full p-4 text-[13px]">
74-
<a class="hover:text-redis-pen-800" href="https://trust.redis.io/">
75-
Trust
76-
</a>
77-
<a class="hover:text-redis-pen-800" href="https://redis.io/legal/redis-website-terms-of-use/">
78-
Terms of use
79-
</a>
80-
<a class="hover:text-redis-pen-800" href="https://redis.io/legal/privacy-policy/">
81-
Privacy policy
82-
</a>
64+
<div class="flex flex-col gap-8 md:grid md:max-w-[45%] md:flex-[45%] md:grid-cols-3 md:justify-between">
65+
<div>
66+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Industries</h3>
67+
<div class="flex flex-col gap-4 pt-4">
68+
<a class="hover:text-redis-pen-800" href="https://redis.io/industries/financial-services/">Financial
69+
Services</a>
70+
<a class="hover:text-redis-pen-800" href="https://redis.io/industries/gaming/">Gaming</a><a
71+
class="hover:text-redis-pen-800" href="https://redis.io/industries/healthcare/">Healthcare</a>
72+
<a class="hover:text-redis-pen-800" href="https://redis.io/industries/retail/">Retail</a><a
73+
class="hover:text-redis-pen-800" href="https://redis.io/downloads/#">Telco</a>
74+
<a class="hover:text-redis-pen-800" href="https://redis.io/downloads/#">All industries</a>
75+
</div>
8376
</div>
77+
<div>
78+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Compare</h3>
79+
<div class="flex flex-col gap-4 pt-4">
80+
<a class="hover:text-redis-pen-800" href="https://redis.io/cloud/compare-us-with-aws-elasticache/">Redis vs
81+
Elasticache</a>
82+
<a class="hover:text-redis-pen-800" href="https://redis.io/comparisons/redis-vs-memcached/">Redis
83+
vs Memcached</a>
84+
<a class="hover:text-redis-pen-800" href="https://redis.io/downloads/#">Redis vs Memory
85+
Store</a>
86+
<a class="hover:text-redis-pen-800" href="https://redis.io/downloads/#">Redis vs Source
87+
Available</a>
88+
</div>
89+
</div>
90+
<div>
91+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Company</h3>
92+
<div class="flex flex-col gap-4 pt-4">
93+
<a class="hover:text-redis-pen-800" href="https://redis.io/company/">Mission &amp; values</a><a
94+
class="hover:text-redis-pen-800" href="https://redis.io/company/team/">Leadership</a>
95+
<a class="hover:text-redis-pen-800" href="https://redis.io/careers/">Careers</a><a
96+
class="hover:text-redis-pen-800" href="https://redis.io/company/news/">News</a>
97+
</div>
98+
</div>
99+
<div>
100+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Connect</h3>
101+
<div class="flex flex-col gap-4 pt-4">
102+
<a class="hover:text-redis-pen-800" href="https://redis.io/community/">Community</a><a
103+
class="hover:text-redis-pen-800" href="https://redis.io/events/">Events &amp; webinars</a>
104+
<a class="hover:text-redis-pen-800" href="https://redis.io/company/news/">News</a>
105+
</div>
106+
</div>
107+
<div>
108+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Partners</h3>
109+
<div class="flex flex-col gap-4 pt-4">
110+
<a class="hover:text-redis-pen-800" href="https://redis.io/cloud-partners/aws/">Amazon Web
111+
Services</a>
112+
<a class="hover:text-redis-pen-800" href="https://redis.io/cloud-partners/google-cloud/">Google
113+
Cloud</a>
114+
<a class="hover:text-redis-pen-800" href="https://redis.io/cloud-partners/microsoft-azure/">Microsoft
115+
Azure</a>
116+
<a class="hover:text-redis-pen-800" href="https://redis.io/downloads/">All partners</a>
117+
</div>
118+
</div>
119+
<div>
120+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Support</h3>
121+
<div class="flex flex-col gap-4 pt-4">
122+
<a class="hover:text-redis-pen-800" href="https://redis.io/downloads/#">Professional
123+
services</a><a class="hover:text-redis-pen-800" href="https://redis.io/support/">Support</a>
124+
</div>
125+
</div>
126+
</div>
127+
<div class="absolute bottom-0 left-0 flex w-full flex-row gap-8 p-4 md:hidden">
128+
<a class="" href="https://redis.io/legal/privacy-policy/">Privacy</a><a class=""
129+
href="https://redis.io/legal/redis-website-terms-of-use/">Terms of use</a>
130+
<a class="" href="https://redis.io/downloads/">Copyright</a><a class="" href="https://redis.io/legal/">Legal
131+
notices</a>
84132
</div>
85133
</div>
86-
</footer>
134+
</footer>

0 commit comments

Comments
 (0)