integration-two

1<script lang="ts">
2	// // Scroll below for the code of IntegrationCardv2 component
3	import IntegrationCardv2 from "./card/integration-cardv2.svelte";
4	import { Gemini, GooglePaLM, MagicUI, VSCodium, Replit, MediaWiki } from "../logos/logos";
5 
6	import Button from "$COMPONENTS$/ui/button/button.svelte";
7</script>
8 
9<section>
10	<div class="bg-muted py-24 md:py-32 dark:bg-background">
11		<div class="mx-auto max-w-5xl px-6">
12			<div class="relative mx-auto w-fit dark:bg-muted/50">
13				<div
14					role="presentation"
15					class="absolute inset-0 z-10 bg-radial from-transparent to-muted to-75% dark:to-background"
16				></div>
17				<div class="mx-auto mb-2 flex w-fit justify-center gap-2">
18					<IntegrationCardv2>
19						<Gemini />
20					</IntegrationCardv2>
21					<IntegrationCardv2>
22						<Replit />
23					</IntegrationCardv2>
24				</div>
25				<div class="mx-auto my-2 flex w-fit justify-center gap-2">
26					<IntegrationCardv2>
27						<MagicUI />
28					</IntegrationCardv2>
29					<IntegrationCardv2
30						borderClassName="shadow-black-950/10 shadow-xl border-black/25 dark:border-white/25"
31						class="dark:bg-white/10"
32					>
33						<svg
34							xmlns="http://www.w3.org/2000/svg"
35							width="22"
36							height="22"
37							viewBox="0 0 24 24"
38							fill="none"
39							role="img"
40							color="currentColor"
41						>
42							<path
43								d="M22 18C22 19.4001 22 20.1002 21.7275 20.635C21.4878 21.1054 21.1054 21.4878 20.635 21.7275C20.1002 22 19.4001 22 18 22C16.5999 22 15.8998 22 15.365 21.7275C14.8946 21.4878 14.5122 21.1054 14.2725 20.635C14 20.1002 14 19.4001 14 18C14 16.5999 14 15.8998 14.2725 15.365C14.5122 14.8946 14.8946 14.5122 15.365 14.2725C15.8998 14 16.5999 14 18 14C19.4001 14 20.1002 14 20.635 14.2725C21.1054 14.5122 21.4878 14.8946 21.7275 15.365C22 15.8998 22 16.5999 22 18Z"
44								stroke="currentColor"
45								stroke-width="1.5"
46							></path>
47							<path
48								d="M22 10C22 11.4001 22 12.1002 21.7275 12.635C21.4878 13.1054 21.1054 13.4878 20.635 13.7275C20.1002 14 19.4001 14 18 14C16.5999 14 15.8998 14 15.365 13.7275C14.8946 13.4878 14.5122 13.1054 14.2725 12.635C14 12.1002 14 11.4001 14 10C14 8.59987 14 7.8998 14.2725 7.36502C14.5122 6.89462 14.8946 6.51217 15.365 6.27248C15.8998 6 16.5999 6 18 6C19.4001 6 20.1002 6 20.635 6.27248C21.1054 6.51217 21.4878 6.89462 21.7275 7.36502C22 7.8998 22 8.59987 22 10Z"
49								stroke="currentColor"
50								stroke-width="1.5"
51							></path>
52							<path
53// … truncated