diff --git a/.github/workflows/publish-ctw-kit.yml b/.github/workflows/publish-ctw-kit.yml
index 42170a8..9d0a9db 100644
--- a/.github/workflows/publish-ctw-kit.yml
+++ b/.github/workflows/publish-ctw-kit.yml
@@ -35,8 +35,8 @@ jobs:
           npm version patch --no-git-tag-version
           NEW_VERSION=$(node -p "require('./package.json').version")
           PACKAGE_NAME=$(node -p "require('./package.json').name")
-          echo "new_version=$NEW_VERSION" >> $GITHUB_OUTPUT
-          echo "name=$PACKAGE_NAME" >> $GITHUB_OUTPUT
+          echo "new_version=${NEW_VERSION}" >> "$GITHUB_OUTPUT"
+          echo "name=${PACKAGE_NAME}" >> "$GITHUB_OUTPUT"
 
           # Check if new version already exists
           if npm view $PACKAGE_NAME@$NEW_VERSION version >/dev/null 2>&1; then
@@ -62,16 +62,22 @@ jobs:
             exit 1
           fi
 
+      - name: Setup GitHub CLI
+        run: |
+          type -p curl >/dev/null || (sudo apt update && sudo apt install curl -y)
+          curl -fsSL https://cli.github.com/packages/githubcli-archive-keyring.gpg | sudo dd of=/usr/share/keyrings/githubcli-archive-keyring.gpg \
+          && sudo chmod go+r /usr/share/keyrings/githubcli-archive-keyring.gpg \
+          && echo "deb [arch=$(dpkg --print-architecture) signed-by=/usr/share/keyrings/githubcli-archive-keyring.gpg] https://cli.github.com/packages stable main" | sudo tee /etc/apt/sources.list.d/github-cli.list > /dev/null \
+          && sudo apt update \
+          && sudo apt install gh -y
+
       - name: Create Release
-        id: create_release
-        uses: actions/create-release@v1
         env:
           GITHUB_TOKEN: ${{ secrets.PAT_TOKEN }}
-        with:
-          tag_name: ${{ steps.bump-version.outputs.new_version }}
-          release_name: Release ${{ steps.bump-version.outputs.new_version }}
-          draft: false
-          prerelease: false
+        run: |
+          gh release create ${{ steps.bump-version.outputs.new_version }} \
+            --title "Release ${{ steps.bump-version.outputs.new_version }}" \
+            --generate-notes
 
       - uses: oven-sh/setup-bun@v1
         with:
diff --git a/ctw-kit/bun.lockb b/ctw-kit/bun.lockb
index 1ea0fe6..050ceab 100755
Binary files a/ctw-kit/bun.lockb and b/ctw-kit/bun.lockb differ
diff --git a/ctw-kit/package.json b/ctw-kit/package.json
index 442e2cc..a6f3967 100644
--- a/ctw-kit/package.json
+++ b/ctw-kit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ctw-kit",
-  "version": "1.0.32",
+  "version": "1.0.33",
   "description": "Custom components and utilities for Svelte and TailwindCSS (DaisyUI)",
   "type": "module",
   "main": "./dist/index.js",
@@ -29,7 +29,6 @@
     "daisyui": "^4.0.0"
   },
   "dependencies": {
-    "resend": "^4.0.1",
     "svelte-french-toast": "^1.2.0",
     "theme-change": "^2.5.0",
     "vanilla-tilt": "^1.8.1"
diff --git a/ctw-kit/src/lib/components/Carousel/Carousel.svelte b/ctw-kit/src/lib/components/Carousel/Carousel.svelte
index 03b2a1a..4abce34 100644
--- a/ctw-kit/src/lib/components/Carousel/Carousel.svelte
+++ b/ctw-kit/src/lib/components/Carousel/Carousel.svelte
@@ -1,19 +1,19 @@
 <script>
-	import { fade } from 'svelte/transition';
+	import { fade } from "svelte/transition";
 
 	const gallery_items = [
 		{
-			url: 'https://picsum.photos/id/237/400/300',
-			description: 'Dog'
+			url: "https://picsum.photos/id/237/400/300",
+			description: "Dog",
 		},
 		{
-			url: 'https://picsum.photos/id/238/400/300',
-			description: 'Building'
+			url: "https://picsum.photos/id/238/400/300",
+			description: "Building",
 		},
 		{
-			url: 'https://picsum.photos/id/240/400/300',
-			description: 'Staircase'
-		}
+			url: "https://picsum.photos/id/240/400/300",
+			description: "Staircase",
+		},
 	];
 
 	let currentSlideItem = 0;
@@ -33,29 +33,46 @@
 
 <div>
 	<h3 class="text-xl mt-3">Image Carousel</h3>
-	{#each [gallery_items[currentSlideItem]] as item (currentSlideItem)}
-		<img
-			class="cursor-pointer"
-			in:fade
-			src={item.url}
-			alt={item.description}
-			width="100%"
-			height="100%"
-			on:click={() => nextImage()}
-		/>
-	{/each}
-	<div class="carousel-buttons flex gap-1">
-		<button on:click={() => prevImage()}>◀</button>
-		{#each gallery_items as item, i (i)}
+	<div class="relative">
+		{#each [gallery_items[currentSlideItem]] as item (currentSlideItem)}
 			<img
-				class="cursor-pointer {currentSlideItem === i && 'ring-offset-0 border-primary border '}"
-				on:click={() => (currentSlideItem = i)}
+				in:fade
 				src={item.url}
-				axlt={item.description}
-				width={50}
-				height={50}
+				alt={item.description}
+				width="100%"
+				height="100%"
 			/>
 		{/each}
-		<button on:click={() => nextImage()}>▶</button>
+		<button
+			class="absolute left-0 top-1/2 -translate-y-1/2 bg-base-200 bg-opacity-50 p-2 hover:bg-opacity-75"
+			on:click={() => prevImage()}
+			aria-label="Previous image"
+		>
+			◀
+		</button>
+		<button
+			class="absolute right-0 top-1/2 -translate-y-1/2 bg-base-200 bg-opacity-50 p-2 hover:bg-opacity-75"
+			on:click={() => nextImage()}
+			aria-label="Next image"
+		>
+			▶
+		</button>
+	</div>
+	<div class="carousel-buttons flex gap-1 mt-2">
+		{#each gallery_items as item, i (i)}
+			<button
+				class="p-0 {currentSlideItem === i ? 'ring-2 ring-primary' : ''}"
+				on:click={() => (currentSlideItem = i)}
+				aria-label={`View ${item.description}`}
+			>
+				<img
+					class="w-12 h-12 object-cover"
+					src={item.url}
+					alt={item.description}
+					width={50}
+					height={50}
+				/>
+			</button>
+		{/each}
 	</div>
 </div>
diff --git a/ctw-kit/src/lib/components/Feedback/emailService.ts b/ctw-kit/src/lib/components/Feedback/emailService.ts
index 5ae18b4..82b429b 100644
--- a/ctw-kit/src/lib/components/Feedback/emailService.ts
+++ b/ctw-kit/src/lib/components/Feedback/emailService.ts
@@ -1,30 +1,44 @@
-import { Resend } from 'resend';
+export interface EmailService {
+  sendEmail(options: SendEmailOptions): Promise<SendEmailResult>;
+}
 
-export interface EmailConfig {
-  apiKey: string;
+export interface SendEmailOptions {
   from: string;
   to: string;
+  subject: string;
+  content: string;
+}
+
+export interface SendEmailResult {
+  success: boolean;
+  message: string;
+  data?: unknown;
+  error?: unknown;
 }
 
 export interface SendFeedbackOptions {
   emailContent: string;
-  config: EmailConfig;
+  emailService: EmailService;
+  from: string;
+  to: string;
 }
 
-export async function sendFeedback({ emailContent, config }: SendFeedbackOptions) {
+export async function sendFeedback({ emailContent, emailService, from, to }: SendFeedbackOptions): Promise<SendEmailResult> {
   try {
-    const resend = new Resend(config.apiKey);
-
-    const data = await resend.emails.send({
-      from: config.from,
-      to: config.to,
+    const result = await emailService.sendEmail({
+      from,
+      to,
       subject: 'Feedback from website',
-      html: emailContent
+      content: emailContent
     });
 
-    return { success: true, message: 'Feedback sent successfully', data };
+    return result;
   } catch (error) {
     console.error('Error sending feedback:', error);
-    return { success: false, message: 'Failed to send feedback', error };
+    return {
+      success: false,
+      message: 'Failed to send feedback',
+      error
+    };
   }
 }
diff --git a/ctw-kit/src/lib/components/TiltContent/TiltContent.svelte b/ctw-kit/src/lib/components/TiltContent/TiltContent.svelte
index 6e3825a..1ebb21b 100644
--- a/ctw-kit/src/lib/components/TiltContent/TiltContent.svelte
+++ b/ctw-kit/src/lib/components/TiltContent/TiltContent.svelte
@@ -1,16 +1,25 @@
 <script lang="ts">
-	import { onMount, createEventDispatcher } from 'svelte';
-	import VanillaTilt from 'vanilla-tilt';
+	import { onMount, createEventDispatcher } from "svelte";
+	import VanillaTilt from "vanilla-tilt";
 
 	let tiltImage: HTMLElement | HTMLElement[];
 
 	let className = undefined; // class is a reserved keyword in JS, with initialization
 	export { className as class };
 
-	const dispatch = createEventDispatcher();
+	const dispatch = createEventDispatcher<{
+		click: MouseEvent | KeyboardEvent;
+	}>();
 
-	function handleClick(event: MouseEvent) {
-		dispatch('click', event);
+	function handleClick(event: MouseEvent | KeyboardEvent) {
+		dispatch("click", event);
+	}
+
+	function handleKeyDown(event: KeyboardEvent) {
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			handleClick(event);
+		}
 	}
 
 	onMount(async () => {
@@ -22,19 +31,22 @@
 			transition: true,
 			axis: null,
 			reset: true,
-			easing: 'cubic-bezier(.03,.98,.52,.99)',
+			easing: "cubic-bezier(.03,.98,.52,.99)",
 			glare: false,
-			'max-glare': 0.5,
-			'glare-prerender': false
+			"max-glare": 0.5,
+			"glare-prerender": false,
 		};
 		VanillaTilt.init(tiltImage, tiltOtions);
 	});
 </script>
 
 <div
-	class={'order-2 ' + className}
+	class={"order-2 " + className}
 	bind:this={tiltImage}
 	on:click={handleClick}
+	on:keydown={handleKeyDown}
+	role="button"
+	tabindex="0"
 	style="transform: scale(1) perspective(1040px) rotateY(-31deg) rotateX(2deg); cursor: pointer;"
 >
 	<slot />
diff --git a/ctw-kit/svelte.config.js b/ctw-kit/svelte.config.js
new file mode 100644
index 0000000..63d2239
--- /dev/null
+++ b/ctw-kit/svelte.config.js
@@ -0,0 +1,8 @@
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+  preprocess: vitePreprocess()
+};
+
+export default config;
diff --git a/ctw-kit/vite.lib.config.ts b/ctw-kit/vite.lib.config.ts
index 6ab81d6..f6e81dc 100644
--- a/ctw-kit/vite.lib.config.ts
+++ b/ctw-kit/vite.lib.config.ts
@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 import { fileURLToPath } from 'url';
 import { dirname, resolve } from 'path';
 import Icons from 'unplugin-icons/vite';
@@ -9,7 +10,9 @@ const __dirname = dirname(__filename);
 
 export default defineConfig({
   plugins: [
-    svelte(),
+    svelte({
+      preprocess: vitePreprocess()
+    }),
     Icons({
       compiler: 'svelte',
       autoInstall: true