integration-one

1<script lang="ts">
2	// Scroll below for the component code
3	import IntegrationCard from "./card/integration-card.svelte";
4	import { Gemini, GooglePaLM, MagicUI, VSCodium, Replit, MediaWiki } from "../logos/logos";
5</script>
6 
7<section>
8	<div class="py-32">
9		<div class="mx-auto max-w-5xl px-6">
10			<div class="text-center">
11				<h2 class="text-3xl font-semibold text-balance md:text-4xl">
12					Integrate with your favorite tools
13				</h2>
14				<p class="mt-6 text-muted-foreground">
15					Connect seamlessly with popular platforms and services to enhance your workflow.
16				</p>
17			</div>
18 
19			<div class="mt-12 grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
20				<IntegrationCard
21					title="Google Gemini"
22					description="Amet praesentium deserunt ex commodi tempore fuga voluptatem. Sit, sapiente."
23				>
24					<Gemini />
25				</IntegrationCard>
26 
27				<IntegrationCard
28					title="Replit"
29					description="Amet praesentium deserunt ex commodi tempore fuga voluptatem. Sit, sapiente."
30				>
31					<Replit />
32				</IntegrationCard>
33 
34				<IntegrationCard
35					title="Magic UI"
36					description="Amet praesentium deserunt ex commodi tempore fuga voluptatem. Sit, sapiente."
37				>
38					<MagicUI />
39				</IntegrationCard>
40 
41				<IntegrationCard
42					title="VSCodium"
43					description="Amet praesentium deserunt ex commodi tempore fuga voluptatem. Sit, sapiente."
44				>
45					<VSCodium />
46				</IntegrationCard>
47 
48				<IntegrationCard
49					title="MediaWiki"
50					description="Amet praesentium deserunt ex commodi tempore fuga voluptatem. Sit, sapiente."
51				>
52					<MediaWiki />
53				</IntegrationCard>
54 
55				<IntegrationCard
56					title="Google PaLM"
57					description="Amet praesentium deserunt ex commodi tempore fuga voluptatem. Sit, sapiente."
58				>
59					<GooglePaLM />
60				</IntegrationCard>
61			</div>
62		</div>
63	</div>
64</section>