|
1
|
import Image from "next/image"; |
|
2
|
|
|
3
|
/** |
|
4
|
* Official App Store, Play Store and Microsoft Store badges. |
|
5
|
* Links to download Siti AI from each platform. |
|
6
|
*/ |
|
7
|
|
|
8
|
export function StoreBadges() { |
|
9
|
return ( |
|
10
|
<div className="flex flex-col items-center gap-4 sm:flex-row sm:justify-center"> |
|
11
|
<a |
|
12
|
href="https://apps.apple.com/se/app/siti-ai/id6780047972" |
|
13
|
target="_blank" |
|
14
|
rel="noopener noreferrer" |
|
15
|
className="inline-block transition-transform hover:scale-105 hover:opacity-90" |
|
16
|
aria-label="Download on the App Store" |
|
17
|
> |
|
18
|
<Image |
|
19
|
src="/images/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg" |
|
20
|
alt="Download on the App Store" |
|
21
|
width={135} |
|
22
|
height={40} |
|
23
|
className="h-10 w-auto sm:h-[50px]" |
|
24
|
/> |
|
25
|
</a> |
|
26
|
|
|
27
|
<a |
|
28
|
href="https://play.google.com/store/apps/details?id=ai.siti.Siti" |
|
29
|
target="_blank" |
|
30
|
rel="noopener noreferrer" |
|
31
|
className="inline-block transition-transform hover:scale-105 hover:opacity-90" |
|
32
|
aria-label="Get it on Google Play" |
|
33
|
> |
|
34
|
<Image |
|
35
|
src="/images/GetItOnGooglePlay_Badge_Web_color_English.png" |
|
36
|
alt="Get it on Google Play" |
|
37
|
width={135} |
|
38
|
height={40} |
|
39
|
className="h-10 w-auto sm:h-[50px]" |
|
40
|
/> |
|
41
|
</a> |
|
42
|
|
|
43
|
<a |
|
44
|
href="https://apps.microsoft.com/detail/9p6tjltzg6mk" |
|
45
|
target="_blank" |
|
46
|
rel="noopener noreferrer" |
|
47
|
className="inline-block transition-transform hover:scale-105 hover:opacity-90" |
|
48
|
aria-label="Get it from Microsoft Store" |
|
49
|
> |
|
50
|
<Image |
|
51
|
src="/images/Get_it_from_Microsoft_Store_Badge_en-US_dark.svg" |
|
52
|
alt="Get it from Microsoft Store" |
|
53
|
width={161} |
|
54
|
height={44} |
|
55
|
className="h-10 w-auto sm:h-[50px]" |
|
56
|
/> |
|
57
|
</a> |
|
58
|
</div> |
|
59
|
); |
|
60
|
} |