Skip to content

Commit cc01fe8

Browse files
mich-elle-lunamich-elle-luna
authored
Merge pull request #1039 from wjohnsto/feat/new-nav
New navigation menu and footer
2 parents bf2ce89 + d95806a commit cc01fe8

14 files changed

+443
-366
lines changed

‎layouts/partials/footer.html

Lines changed: 99 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,15 @@
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
2+
class="relative flex justify-center bg-white px-0 py-24 text-redis-pen-600 border border-t-redis-pen-300 text-[13px]">
3+
<div class="flex w-full max-w-7xl flex-col gap-6 px-4 md:flex-row lg:px-8">
4+
<div class="flex flex-col gap-8 md:max-w-[40%] md:flex-[40%]">
5+
<a class="relative hover:text-redis-pen-400 w-[82px] mb-4" href="https://redis.io/">
6+
{{ partial "icons/logo-script.html" }}
7+
</a>
488
<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> */}}
9+
{{/*
10+
<div class="flex flex-row gap-2 items-center"><span>Language</span><span>{{ partial "icons/caret.html" }}</span>
11+
</div>
12+
*/}}
5013
<div class="flex flex-row gap-10 justify-between lg:justify-normal lg:gap-5 lg:order-first">
5114
<a class="hover:text-redis-pen-400" href="https://www.facebook.com/Redisinc">
5215
{{ partial "icons/Facebook.html" }}
@@ -68,19 +31,95 @@
6831
</a>
6932
</div>
7033
</div>
34+
<div class="hidden flex-col gap-4 sm:flex">
35+
<a class="hover:text-redis-pen-800" href="https://trust.redis.io/">Trust</a>
36+
<a class="hover:text-redis-pen-800" href="https://redis.io/legal/privacy-policy/">Privacy</a>
37+
<a class="hover:text-redis-pen-800" href="https://redis.io/legal/redis-website-terms-of-use/">Terms of use</a>
38+
<a class="hover:text-redis-pen-800" href="https://redis.io/legal/">Legal notices</a>
39+
</div>
40+
</div>
41+
<div class="flex flex-col gap-8 md:max-w-[15%] md:flex-[15%]">
42+
<div>
43+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Use Cases</h3>
44+
<div class="flex flex-col gap-4 pt-4">
45+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions/vector-database/">Vector database</a>
46+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions/feature-stores/">Feature stores</a><a
47+
class="hover:text-redis-pen-800" href="https://redis.io/redis-for-ai/">Semantic cache</a>
48+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions/caching/">Caching</a><a
49+
class="hover:text-redis-pen-800" href="https://redis.io/nosql/what-is-nosql/">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 deduplication</a>
52+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions/messaging/">Messaging</a>
53+
<a class="hover:text-redis-pen-800"
54+
href="https://redis.io/solutions/authentication-token-storage/">Authentication token storage</a>
55+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions/fast-data-ingest/">Fast-data ingest</a>
56+
<a class="hover:text-redis-pen-800"
57+
href="https://redis.io/solutions/query-caching-with-redis-enterprise/">Query caching</a>
58+
<a class="hover:text-redis-pen-800" href="https://redis.io/solutions">All solutions</a>
59+
</div>
60+
</div>
7161
</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>
62+
<div class="flex flex-col gap-8 md:grid md:max-w-[45%] md:flex-[45%] md:grid-cols-3 md:justify-between">
63+
<div>
64+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Industries</h3>
65+
<div class="flex flex-col gap-4 pt-4">
66+
<a class="hover:text-redis-pen-800" href="https://redis.io/industries/financial-services/">Financial
67+
Services</a>
68+
<a class="hover:text-redis-pen-800" href="https://redis.io/industries/gaming/">Gaming</a><a
69+
class="hover:text-redis-pen-800" href="https://redis.io/industries/healthcare/">Healthcare</a>
70+
<a class="hover:text-redis-pen-800" href="https://redis.io/industries/retail/">Retail</a>
71+
<a class="hover:text-redis-pen-800" href="https://redis.io/industries/">All industries</a>
72+
</div>
73+
</div>
74+
<div>
75+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Compare</h3>
76+
<div class="flex flex-col gap-4 pt-4">
77+
<a class="hover:text-redis-pen-800" href="https://redis.io/compare/elasticache/">Redis vs Elasticache</a>
78+
<a class="hover:text-redis-pen-800" href="https://redis.io/compare/memcached/">Redis vs Memcached</a>
79+
<a class="hover:text-redis-pen-800" href="https://redis.io/compare/memorystore/">Redis vs Memory Store</a>
80+
<a class="hover:text-redis-pen-800" href="https://redis.io/compare/community-edition/">Redis vs Source
81+
Available</a>
82+
</div>
83+
</div>
84+
<div>
85+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Company</h3>
86+
<div class="flex flex-col gap-4 pt-4">
87+
<a class="hover:text-redis-pen-800" href="https://redis.io/company/">Mission &amp; values</a><a
88+
class="hover:text-redis-pen-800" href="https://redis.io/company/team/">Leadership</a>
89+
<a class="hover:text-redis-pen-800" href="https://redis.io/careers/">Careers</a><a
90+
class="hover:text-redis-pen-800" href="https://redis.io/company/news/">News</a>
91+
</div>
92+
</div>
93+
<div>
94+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Connect</h3>
95+
<div class="flex flex-col gap-4 pt-4">
96+
<a class="hover:text-redis-pen-800" href="https://redis.io/community/">Community</a><a
97+
class="hover:text-redis-pen-800" href="https://redis.io/events/">Events &amp; webinars</a>
98+
<a class="hover:text-redis-pen-800" href="https://redis.io/company/news/">News</a>
99+
</div>
100+
</div>
101+
<div>
102+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Partners</h3>
103+
<div class="flex flex-col gap-4 pt-4">
104+
<a class="hover:text-redis-pen-800" href="https://redis.io/cloud-partners/aws/">Amazon Web Services</a>
105+
<a class="hover:text-redis-pen-800" href="https://redis.io/cloud-partners/google-cloud/">Google Cloud</a>
106+
<a class="hover:text-redis-pen-800" href="https://redis.io/cloud-partners/azure/">Microsoft Azure</a>
107+
<a class="hover:text-redis-pen-800" href="https://redis.io/partners/">All partners</a>
108+
</div>
83109
</div>
110+
<div>
111+
<h3 class="font-medium text-base uppercase text-redis-ink-900">Support</h3>
112+
<div class="flex flex-col gap-4 pt-4">
113+
<a class="hover:text-redis-pen-800" href="https://redis.io/services/professional-services/">Professional
114+
services</a><a class="hover:text-redis-pen-800" href="https://redis.io/support/">Support</a>
115+
</div>
116+
</div>
117+
</div>
118+
<div class="absolute bottom-0 left-0 flex w-full flex-row gap-8 p-4 md:hidden">
119+
<a href="https://trust.redis.io/">Trust</a>
120+
<a href="https://redis.io/legal/privacy-policy/">Privacy</a>
121+
<a href="https://redis.io/legal/redis-website-terms-of-use/">Terms of use</a>
122+
<a href="https://redis.io/legal/">Legal notices</a>
84123
</div>
85124
</div>
86-
</footer>
125+
</footer>

0 commit comments

Comments
 (0)