Skip to content

Commit ca360b8

Browse files
author
Jesse Winton
committed
update logo list
1 parent 016098f commit ca360b8

File tree

5 files changed

+133
-12
lines changed

5 files changed

+133
-12
lines changed

‎src/routes/(marketing)/(components)/bento/(animations)/storage.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
hover(container, () => {
1313
if (isMobile()) return;
1414
15-
animate(image, { borderRadius: '12px', filter: 'grayscale(25%)' }, { duration: 0.2 });
15+
animate(image, { borderRadius: '24px', filter: 'grayscale(25%)' }, { duration: 0.2 });
1616
1717
return () => {
1818
animate(
@@ -34,7 +34,7 @@
3434
animate(
3535
image,
3636
{
37-
borderRadius: '12px',
37+
borderRadius: '24px',
3838
filter: 'grayscale(25%)'
3939
},
4040
{ duration: 0.2 }

‎src/routes/(marketing)/(components)/dashboard.svelte

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -119,6 +119,14 @@
119119
/>
120120
</g>
121121
<g class="nav-item">
122+
<rect
123+
x="11.4219"
124+
y="15.9141"
125+
width="113.261"
126+
height="25.4213"
127+
rx="4.75886"
128+
fill="#414146"
129+
/>
122130
<path
123131
d="M22.0813 29.1954C22.0813 28.8801 22.337 28.6244 22.6524 28.6244H23.7945C24.1099 28.6244 24.3655 28.8801 24.3655 29.1954V32.0507C24.3655 32.3661 24.1099 32.6218 23.7945 32.6218H22.6524C22.337 32.6218 22.0813 32.3661 22.0813 32.0507V29.1954Z"
124132
fill="#ADADB0"
@@ -137,14 +145,6 @@
137145
/>
138146
</g>
139147
<g class="nav-item">
140-
<rect
141-
x="11.4211"
142-
y="80"
143-
width="113.261"
144-
height="25.4213"
145-
rx="4.75886"
146-
fill="#414146"
147-
/>
148148
<path
149149
d="M28.3627 90.4261C28.3627 91.3722 27.5957 92.1393 26.6496 92.1393C25.7034 92.1393 24.9364 91.3722 24.9364 90.4261C24.9364 89.4799 25.7034 88.7129 26.6496 88.7129C27.5957 88.7129 28.3627 89.4799 28.3627 90.4261Z"
150150
fill="#97979B"

‎src/routes/(marketing)/(components)/logo-list.svelte

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
<script lang="ts">
2+
import { classNames } from '$lib/utils/classnames';
3+
4+
type Props = {
5+
title?: string;
6+
class?: string;
7+
};
8+
9+
const {
10+
title = "Trusted by developers from the world's leading organizations",
11+
class: className
12+
}: Props = $props();
13+
14+
const logos = [
15+
{
16+
src: '/images/logos/trusted-by/apple.svg',
17+
alt: 'Apple',
18+
width: 42,
19+
height: 48
20+
},
21+
{
22+
src: '/images/logos/trusted-by/oracle.svg',
23+
alt: 'ORACLE',
24+
width: 136,
25+
height: 17
26+
},
27+
{
28+
src: '/images/logos/trusted-by/tiktok.svg',
29+
alt: 'TikTok',
30+
width: 133,
31+
height: 32
32+
},
33+
{
34+
src: '/images/logos/trusted-by/intel.svg',
35+
alt: 'intel',
36+
width: 76,
37+
height: 30
38+
},
39+
{
40+
src: '/images/logos/trusted-by/ibm.svg',
41+
alt: 'IBM',
42+
width: 74,
43+
height: 30
44+
},
45+
{
46+
src: '/images/logos/trusted-by/american-airlines.svg',
47+
alt: 'American Airlines',
48+
width: 147,
49+
height: 24
50+
},
51+
{
52+
src: '/images/logos/trusted-by/deloitte.svg',
53+
alt: 'Deloitte.',
54+
width: 103,
55+
height: 20
56+
},
57+
{
58+
src: '/images/logos/trusted-by/gm.svg',
59+
alt: 'GM',
60+
width: 48,
61+
height: 48
62+
},
63+
{
64+
src: '/images/logos/trusted-by/ey.svg',
65+
alt: 'EY',
66+
width: 46,
67+
height: 48
68+
},
69+
{
70+
src: '/images/logos/trusted-by/nestle.svg',
71+
alt: 'Nestle',
72+
width: 119,
73+
height: 34
74+
},
75+
{
76+
src: '/images/logos/trusted-by/bosch.svg',
77+
alt: 'BOSCH',
78+
width: 110,
79+
height: 37
80+
},
81+
{
82+
src: '/images/logos/trusted-by/decathlon.svg',
83+
alt: 'DECATHLON',
84+
width: 127,
85+
height: 32
86+
}
87+
];
88+
89+
let currentIndex = $state<number>(0);
90+
let itemCount = 4;
91+
92+
const currentLogos = $derived(logos.slice(currentIndex, currentIndex + itemCount));
93+
94+
$effect(() => {
95+
const interval = setInterval(() => {
96+
currentIndex = currentIndex + itemCount >= logos.length ? 0 : currentIndex + itemCount;
97+
}, 5000);
98+
99+
return () => {
100+
clearInterval(interval);
101+
};
102+
});
103+
</script>
104+
105+
<div class={classNames('py-32', className)}>
106+
<div class="container">
107+
<h2 class="font-aeonik-pro text-greyscale-100 text-label mx-auto max-w-md text-center">
108+
{title}
109+
</h2>
110+
<ul
111+
class="grid gap-10 pt-10 text-center"
112+
style:grid-template-columns={`repeat(${itemCount}, minmax(150px, 1fr))`}
113+
>
114+
{#each currentLogos as { src, alt, width, height }}
115+
<li class="grid place-content-center">
116+
<img {src} {alt} {width} {height} />
117+
</li>
118+
{/each}
119+
</ul>
120+
</div>
121+
</div>

‎src/routes/(marketing)/(components)/platforms.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@
8383
<div class="container flex flex-col items-center max-md:pt-4 md:flex-row">
8484
<GradientText>
8585
<span class="flex items-center pr-4 text-sm font-medium md:w-full md:max-w-[175px]"
86-
>Supporting the tools you work with</span
86+
>Designed for the tools you work with</span
8787
>
8888
</GradientText>
8989

‎src/routes/(marketing)/+page.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
import Map from './(components)/map.svelte';
1212
import Pullquote from '$lib/components/marketing/pullquote.svelte';
1313
import { FooterNav, MainFooter } from '$lib/components';
14-
import LogoList from '$lib/components/LogoList.svelte';
14+
import LogoList from './(components)/logo-list.svelte';
1515
</script>
1616

1717
<Head title="Appwrite - Backend APIs, Frontend hosting" />

0 commit comments

Comments
 (0)