diff --git a/src/routes/(console)/wizard/support/mobileSupportModal.svelte b/src/lib/components/mobileSupportModal.svelte
similarity index 100%
rename from src/routes/(console)/wizard/support/mobileSupportModal.svelte
rename to src/lib/components/mobileSupportModal.svelte
diff --git a/src/lib/components/support.svelte b/src/lib/components/support.svelte
index 66d922d410..de29b9a0d3 100644
--- a/src/lib/components/support.svelte
+++ b/src/lib/components/support.svelte
@@ -1,18 +1,28 @@
 <script lang="ts">
     import { Button } from '$lib/elements/forms';
     import { app } from '$lib/stores/app';
-    import { wizard } from '$lib/stores/wizard';
-    import SupportWizard from '$routes/(console)/supportWizard.svelte';
-    import { showSupportModal } from '$routes/(console)/wizard/support/store';
     import { isCloud } from '$lib/system';
     import { organization } from '$lib/stores/organization';
     import { BillingPlan } from '$lib/constants';
     import { trackEvent } from '$lib/actions/analytics';
     import { localeTimezoneName, utcHourToLocaleHour } from '$lib/helpers/date';
     import { upgradeURL } from '$lib/stores/billing';
+    import { base } from '$app/paths';
+    import { project } from '$routes/(console)/project-[project]/store';
 
     export let show = false;
 
+    function supportURL() {
+        let url = `${base}/support`;
+        if ($organization?.$id) {
+            url += `?org=${$organization?.$id}`;
+            if ($project?.$id) {
+                url += `&project=${$project?.$id}`;
+            }
+        }
+        return url;
+    }
+
     $: isPaid =
         $organization?.billingPlan === BillingPlan.PRO ||
         $organization?.billingPlan === BillingPlan.SCALE;
@@ -46,54 +56,45 @@
             <Button
                 secondary
                 fullWidth
+                href={supportURL()}
                 on:click={() => {
                     show = false;
-                    $showSupportModal = false;
-                    wizard.start(SupportWizard);
                 }}>
-                <span class="text">Contact our Support Team</span>
+                <span class="text">Email support</span>
             </Button>
         {/if}
     </section>
 {/if}
-<section class="drop-section u-grid u-gap-24 u-padding-24">
-    <div>
-        <h4 class="eyebrow-heading-3">Troubleshooting</h4>
+<section class="drop-section u-flex u-flex-vertical u-gap-16 u-padding-24">
+    <h4 class="eyebrow-heading-3">Troubleshooting</h4>
 
-        <div class="u-margin-block-start-8 u-width-full-line">
-            {#key $app.themeInUse}
-                <iframe
-                    style="color-scheme: none"
-                    title="Appwrite Status"
-                    src={`https://status.appwrite.online/badge?theme=${
-                        $app.themeInUse === 'dark' ? 'dark' : 'light'
-                    }`}
-                    width="250"
-                    height="30"
-                    frameborder="0"
-                    scrolling="no">
-                </iframe>
-            {/key}
-        </div>
+    <div class="u-margin-block-start-8 u-width-full-line">
+        {#key $app.themeInUse}
+            <iframe
+                style="color-scheme: none"
+                title="Appwrite Status"
+                src={`https://status.appwrite.online/badge?theme=${
+                    $app.themeInUse === 'dark' ? 'dark' : 'light'
+                }`}
+                width="250"
+                height="30"
+                frameborder="0"
+                scrolling="no">
+            </iframe>
+        {/key}
     </div>
 
-    <div class="u-flex u-gap-16">
-        <a
-            href="https://appwrite.io/docs"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="button is-secondary u-padding-inline-12 u-stretch u-main-center u-gap-4 u-flex-basis-auto">
-            <span class="icon-book-open" aria-hidden="true" />
-            <span class="text">Docs</span>
+    <div class="u-flex u-flex-vertical u-gap-8">
+        <a href="https://appwrite.io/docs" target="_blank" rel="noopener noreferrer" class="link">
+            Visit our docs
         </a>
         <a
             href="https://github.com/appwrite/appwrite/issues"
             aria-label="Open issue on GitHub"
             target="_blank"
             rel="noopener noreferrer"
-            class="button is-secondary u-padding-inline-12 u-stretch u-main-center u-gap-4 u-flex-basis-auto">
-            <span class="icon-github" aria-hidden="true" />
-            <span class="text">Open issue</span>
+            class="link">
+            Open a GitHub issue
         </a>
     </div>
 </section>
diff --git a/src/lib/elements/forms/inputSelectCheckbox.svelte b/src/lib/elements/forms/inputSelectCheckbox.svelte
index 57c0fd4402..6c208e3ec3 100644
--- a/src/lib/elements/forms/inputSelectCheckbox.svelte
+++ b/src/lib/elements/forms/inputSelectCheckbox.svelte
@@ -12,6 +12,7 @@
     export let tags: string[] = [];
     export let placeholder: string;
     export let options: Option[] = [];
+    export let removable = false;
 
     let search = '';
     let input: HTMLInputElement;
@@ -54,6 +55,23 @@
                     <li class="tags-item">
                         <div class="input-tag">
                             <span class="tag-text">{tag}</span>
+                            {#if removable}
+                                <button
+                                    type="button"
+                                    class="input-tag-delete-button"
+                                    aria-label={`delete ${tag} tag`}
+                                    on:click|preventDefault|stopPropagation={() => {
+                                        tags = tags.filter((t) => t !== tag);
+                                        options = options.map((option) => {
+                                            if (option.value === tag) {
+                                                option.checked = false;
+                                            }
+                                            return option;
+                                        });
+                                    }}>
+                                    <span class="icon-x" aria-hidden="true" />
+                                </button>
+                            {/if}
                         </div>
                     </li>
                 {/each}
diff --git a/src/lib/layout/navigation.svelte b/src/lib/layout/navigation.svelte
index cda4c67a92..d4465e9810 100644
--- a/src/lib/layout/navigation.svelte
+++ b/src/lib/layout/navigation.svelte
@@ -12,7 +12,7 @@
     import { wizard } from '$lib/stores/wizard';
     import { isCloud } from '$lib/system';
     import Create from '$routes/(console)/feedbackWizard.svelte';
-    import { showSupportModal } from '$routes/(console)/wizard/support/store';
+    import { showSupportModal } from '$routes/(console)/store';
     import { getContext } from 'svelte';
     import type { Writable } from 'svelte/store';
 
diff --git a/src/routes/(console)/+layout.svelte b/src/routes/(console)/+layout.svelte
index 74df68b7b0..7aadb8ad8f 100644
--- a/src/routes/(console)/+layout.svelte
+++ b/src/routes/(console)/+layout.svelte
@@ -38,9 +38,8 @@
     import { feedback } from '$lib/stores/feedback';
     import { hasStripePublicKey, isCloud, VARS } from '$lib/system';
     import { stripe } from '$lib/stores/stripe';
-    import MobileSupportModal from './wizard/support/mobileSupportModal.svelte';
-    import { showSupportModal } from './wizard/support/store';
-    import { activeHeaderAlert, consoleVariables } from './store';
+    import MobileSupportModal from '$lib/components/mobileSupportModal.svelte';
+    import { activeHeaderAlert, consoleVariables, showSupportModal } from './store';
     import { headerAlert } from '$lib/stores/headerAlert';
     import { UsageRates } from '$lib/components/billing';
     import { base } from '$app/paths';
diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/backups/containerHeader.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/backups/containerHeader.svelte
index a01b1c5819..f4ee68455b 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/backups/containerHeader.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/backups/containerHeader.svelte
@@ -2,10 +2,10 @@
     import { Button } from '$lib/elements/forms';
     import { DropList } from '$lib/components';
     import { Pill } from '$lib/elements';
-    import { wizard } from '$lib/stores/wizard';
-    import SupportWizard from '$routes/(console)/supportWizard.svelte';
     import { BillingPlan } from '$lib/constants';
     import { organization } from '$lib/stores/organization';
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
 
     export let isFlex = true;
     export let title: string;
@@ -27,7 +27,7 @@
     <div class="u-flex u-cross-child-center u-cross-center u-gap-12">
         <div class="body-text-1 u-bold backups-title">{title}</div>
 
-        {#if hasLimitations && $organization.billingPlan === BillingPlan.PRO}
+        {#if hasLimitations && $organization?.billingPlan === BillingPlan.PRO}
             <div style="height: 40px; padding-block-start: 4px">
                 <DropList bind:show={showDropdown} width="16">
                     <Pill button on:click={() => (showDropdown = true)}>
@@ -37,13 +37,13 @@
                         <slot name="tooltip">
                             <span>
                                 You are limited to one policy on Pro plan.
-                                <button
-                                    class="u-underline"
+                                <a
+                                    class="link"
+                                    href={`${base}/support?org=${$organization?.$id}&project=${$page.params.project}`}
                                     on:click={() => {
                                         showDropdown = !showDropdown;
-                                        wizard.start(SupportWizard);
-                                    }}>Contact support</button> to upgrade your plan and add customized
-                                backup policies.
+                                    }}>Contact support</a> to upgrade your plan and add customized backup
+                                policies.
                             </span>
                         </slot>
                     </svelte:fragment>
diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/backups/createPolicy.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/backups/createPolicy.svelte
index a04f02bf89..e4eb1c4ac4 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/backups/createPolicy.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/backups/createPolicy.svelte
@@ -24,8 +24,8 @@
     import { organization } from '$lib/stores/organization';
     import { BillingPlan } from '$lib/constants';
     import { Card } from '$lib/components';
-    import { wizard } from '$lib/stores/wizard';
-    import SupportWizard from '$routes/(console)/supportWizard.svelte';
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
 
     export let isShowing: boolean;
     export let isFromBackupsTab: boolean = false;
@@ -204,15 +204,13 @@
                         </div>
                     </Card>
                     <span>
-                        <button
-                            type="button"
-                            class="u-underline cursor-pointer"
+                        <a
+                            class="link"
+                            href={`${base}/support?org=${$organization?.$id}&project=${$page.params.project}`}
                             on:click={() => {
                                 isShowing = false;
                                 $showCreatePolicy = false;
-                                wizard.start(SupportWizard);
-                            }}>Contact support</button> to upgrade your plan and add customized backup
-                        policies.
+                            }}>Contact support</a> to upgrade your plan and add customized backup policies.
                     </span>
                 </div>
             {:else}
@@ -224,13 +222,12 @@
                         <svelte:fragment slot="description">
                             <span>
                                 Daily backups are retained for 7 days.
-                                <button
-                                    type="button"
-                                    class="u-underline cursor-pointer"
+                                <a
+                                    class="link"
+                                    href={`${base}/support?org=${$organization?.$id}&project=${$page.params.project}`}
                                     on:click={() => {
                                         isShowing = false;
-                                        wizard.start(SupportWizard);
-                                    }}>Contact support</button>
+                                    }}>Contact support</a>
                                 to upgrade your plan and add customized backup policies.
                             </span>
                         </svelte:fragment>
diff --git a/src/routes/(console)/store.ts b/src/routes/(console)/store.ts
index 662572c6fa..819a82b44d 100644
--- a/src/routes/(console)/store.ts
+++ b/src/routes/(console)/store.ts
@@ -12,3 +12,4 @@ export const consoleVariables = derived(
 
 export const activeHeaderAlert = writable<HeaderAlert>(null);
 export const orgMissingPaymentMethod = writable<Organization>(null);
+export const showSupportModal = writable<boolean>(false);
diff --git a/src/routes/(console)/support/+page.svelte b/src/routes/(console)/support/+page.svelte
new file mode 100644
index 0000000000..fa2683c9dd
--- /dev/null
+++ b/src/routes/(console)/support/+page.svelte
@@ -0,0 +1,254 @@
+<script lang="ts">
+    import { afterNavigate, goto } from '$app/navigation';
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import {
+        Button,
+        Form,
+        FormList,
+        InputSelect,
+        InputSelectCheckbox,
+        InputTextarea,
+        Label
+    } from '$lib/elements/forms';
+    import {
+        WizardSecondaryContainer,
+        WizardSecondaryContent,
+        WizardSecondaryFooter
+    } from '$lib/layout';
+    import { addNotification } from '$lib/stores/notifications';
+    import { user } from '$lib/stores/user';
+    import { VARS } from '$lib/system';
+    import { onMount } from 'svelte';
+    import { writable } from 'svelte/store';
+    import { sdk } from '$lib/stores/sdk';
+    import {
+        localeTimezoneName,
+        utcHourToLocaleHour,
+        utcWeekDayToLocaleWeekDay,
+        type WeekDay
+    } from '$lib/helpers/date.js';
+    import { isSupportOnline } from './store';
+    import { Query } from '@appwrite.io/console';
+    import { app } from '$lib/stores/app';
+    import FormItem from '$lib/elements/forms/formItem.svelte';
+    import type { OrganizationList } from '$lib/stores/organization';
+    import { BillingPlan } from '$lib/constants';
+    import { Card } from '$lib/components';
+    import { tooltip } from '$lib/actions/tooltip';
+
+    let previousPage: string = base;
+
+    afterNavigate(({ from }) => {
+        if (from?.url?.pathname) {
+            if (from.url.pathname.includes('/login') || from.url.pathname.includes('/register')) {
+                previousPage = base;
+            } else {
+                previousPage = from?.url?.pathname || previousPage;
+            }
+        } else {
+            previousPage = base;
+        }
+    });
+
+    let originProjectId: string = null;
+    let selectedOrgId: string = null;
+    let orgs: OrganizationList;
+    let formComponent: Form;
+    let isSubmitting = writable(false);
+
+    let message: string;
+    let category: 'technical' | 'general' | 'billing' = null;
+    let categoryOptions = [
+        { value: 'general', label: 'General' },
+        { value: 'technical', label: 'Technical' },
+        { value: 'billing', label: 'Billing' }
+    ];
+    let product: string[] = [];
+    let productOptions = [
+        { value: 'Auth', label: 'Auth', checked: false },
+        { value: 'Database', label: 'Database', checked: false },
+        { value: 'Functions', label: 'Functions', checked: false },
+        { value: 'Storage', label: 'Storage', checked: false },
+        { value: 'Messaging', label: 'Messaging', checked: false },
+        { value: 'Other', label: 'Other', checked: false },
+        { value: 'None', label: 'No particular product or serivce', checked: false }
+    ];
+
+    onMount(async () => {
+        if ($page.url.searchParams.has('org')) {
+            selectedOrgId = $page.url.searchParams.get('org');
+        }
+        if ($page.url.searchParams.has('project')) {
+            originProjectId = $page.url.searchParams.get('project');
+        }
+        orgs = (await sdk.forConsole.teams.list([
+            Query.notEqual('billingPlan', BillingPlan.FREE)
+        ])) as unknown as OrganizationList;
+    });
+
+    async function handleSubmit() {
+        const response = await fetch(`${VARS.GROWTH_ENDPOINT}/support`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                subject: 'support',
+                email: $user.email,
+                firstName: $user?.name || 'Unknown',
+                message: message,
+                tags: ['cloud'],
+                customFields: [
+                    { id: '41612', value: category },
+                    { id: '48493', value: $user?.name ?? '' },
+                    { id: '48492', value: selectedOrgId ?? '' },
+                    { id: '48491', value: originProjectId ?? '' },
+                    { id: '48490', value: $user?.$id ?? '' }
+                ]
+            })
+        });
+        if (response.status !== 200) {
+            trackError(new Error(response.status.toString()), Submit.SupportTicket);
+            addNotification({
+                message:
+                    'There was an error submitting your support ticket. Please try again later.',
+                type: 'error'
+            });
+        } else {
+            trackEvent(Submit.SupportTicket, { category });
+            await goto(previousPage);
+            addNotification({
+                title: 'Request sent successfully',
+                message: 'Our support team will reach out to you soon.',
+                type: 'success'
+            });
+        }
+    }
+
+    const workTimings = {
+        start: '16:00',
+        end: '00:00',
+        startDay: 'Monday' as WeekDay,
+        endDay: 'Friday' as WeekDay
+    };
+
+    $: supportTimings = `${utcHourToLocaleHour(workTimings.start)} - ${utcHourToLocaleHour(workTimings.end)}`;
+    $: supportWeekDays = `${utcWeekDayToLocaleWeekDay(workTimings.startDay, workTimings.start)} - ${utcWeekDayToLocaleWeekDay(workTimings.endDay, workTimings.end)}`;
+</script>
+
+<svelte:head>
+    <title>Support - Appwrite</title>
+</svelte:head>
+
+<WizardSecondaryContainer href={previousPage}>
+    <svelte:fragment slot="title">Support</svelte:fragment>
+    <svelte:fragment slot="description">
+        Please describe your request in detail, including reproduction steps of any in-app issues.
+    </svelte:fragment>
+    <WizardSecondaryContent>
+        <Form bind:this={formComponent} onSubmit={handleSubmit} bind:isSubmitting>
+            <FormList>
+                <InputSelect
+                    id="categary"
+                    label="Select a category"
+                    placeholder="Select category"
+                    bind:value={category}
+                    options={categoryOptions}
+                    required />
+                {#if category === 'technical'}
+                    <FormItem>
+                        <Label required>Select the products or services affected</Label>
+                        <InputSelectCheckbox
+                            placeholder="Select product or service"
+                            name="product"
+                            removable
+                            bind:tags={product}
+                            options={productOptions.map((option) => ({
+                                ...option,
+                                checked: product.includes(option.value)
+                            }))} />
+                    </FormItem>
+                {/if}
+                {#if orgs?.total && category === 'billing'}
+                    <InputSelect
+                        id="org"
+                        label="Select an organization"
+                        placeholder="Select organization"
+                        bind:value={selectedOrgId}
+                        options={orgs?.teams.map((org) => ({
+                            value: org.$id,
+                            label: org.name
+                        }))} />
+                {/if}
+
+                <InputTextarea
+                    label="Explain your request"
+                    id="message"
+                    placeholder="Type here..."
+                    bind:value={message}
+                    required />
+            </FormList>
+        </Form>
+        <svelte:fragment slot="aside">
+            <Card class="u-flex-vertical u-gap-16" style="--card-padding:1.5rem;">
+                <p class="text">
+                    We will contact you at <b>{$user.email}</b>. We try to respond to all messages
+                    within our office hours.
+                </p>
+                <ul>
+                    <li class="text">
+                        Available: <b>{supportWeekDays}, {supportTimings}</b>
+                        <span class="icon-info" use:tooltip={{ content: localeTimezoneName() }} />
+                    </li>
+                    <li class="u-flex u-gap-4 u-cross-center">
+                        <span>Currently:</span>
+                        {#if isSupportOnline()}
+                            <span
+                                class="icon-check-circle u-color-text-success"
+                                aria-hidden="true" />
+                            <span class="u-color-text-success text">Online</span>
+                        {:else}
+                            <span class="icon-x-circle" aria-hidden="true" />
+                            <span class="text">Offline</span>
+                        {/if}
+                    </li>
+                </ul>
+
+                <div class="u-margin-block-start-8 u-width-full-line">
+                    {#key $app.themeInUse}
+                        <iframe
+                            style="color-scheme: none"
+                            title="Appwrite Status"
+                            src={`https://status.appwrite.online/badge?theme=${
+                                $app.themeInUse === 'dark' ? 'dark' : 'light'
+                            }`}
+                            width="250"
+                            height="30"
+                            frameborder="0"
+                            scrolling="no">
+                        </iframe>
+                    {/key}
+                </div>
+            </Card>
+        </svelte:fragment>
+    </WizardSecondaryContent>
+
+    <WizardSecondaryFooter>
+        <Button fullWidthMobile secondary href={previousPage}>Cancel</Button>
+        <Button
+            fullWidthMobile
+            on:click={() => {
+                if (formComponent.checkValidity()) {
+                    handleSubmit();
+                }
+            }}
+            disabled={$isSubmitting}>
+            {#if $isSubmitting}
+                <span class="loader is-small is-transparent u-line-height-1-5" aria-hidden="true" />
+            {/if}
+            Submit
+        </Button>
+    </WizardSecondaryFooter>
+</WizardSecondaryContainer>
diff --git a/src/routes/(console)/support/+page.ts b/src/routes/(console)/support/+page.ts
new file mode 100644
index 0000000000..6a9a9eeb66
--- /dev/null
+++ b/src/routes/(console)/support/+page.ts
@@ -0,0 +1,9 @@
+import { base } from '$app/paths';
+import { isCloud } from '$lib/system.js';
+import { redirect } from '@sveltejs/kit';
+
+export const load = async () => {
+    if (!isCloud) {
+        redirect(303, base);
+    }
+};
diff --git a/src/routes/(console)/support/store.ts b/src/routes/(console)/support/store.ts
new file mode 100644
index 0000000000..473667cc64
--- /dev/null
+++ b/src/routes/(console)/support/store.ts
@@ -0,0 +1,15 @@
+export function isSupportOnline() {
+    const currentDate = new Date();
+    const day = currentDate.getUTCDay();
+    const hour = currentDate.getUTCHours();
+
+    if (day === 1 || day === 6) {
+        return false;
+    }
+
+    if (hour < 14) {
+        return false;
+    }
+
+    return true;
+}
diff --git a/src/routes/(console)/supportWizard.svelte b/src/routes/(console)/supportWizard.svelte
deleted file mode 100644
index 615b43c9c2..0000000000
--- a/src/routes/(console)/supportWizard.svelte
+++ /dev/null
@@ -1,118 +0,0 @@
-<script lang="ts">
-    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
-    import {
-        localeTimezoneName,
-        utcHourToLocaleHour,
-        utcWeekDayToLocaleWeekDay,
-        type WeekDay
-    } from '$lib/helpers/date';
-    import { Wizard } from '$lib/layout';
-    import type { WizardStepsType } from '$lib/layout/wizard.svelte';
-    import { addNotification } from '$lib/stores/notifications';
-    import { organization } from '$lib/stores/organization';
-    import { user } from '$lib/stores/user';
-    import { wizard } from '$lib/stores/wizard';
-    import { VARS } from '$lib/system';
-    import { onDestroy } from 'svelte';
-    import Step1 from './wizard/support/step1.svelte';
-    import { isSupportOnline, supportData } from './wizard/support/store';
-
-    onDestroy(() => {
-        $supportData = {
-            message: null,
-            category: 'general',
-            file: null
-        };
-    });
-
-    const stepsComponents: WizardStepsType = new Map();
-
-    stepsComponents.set(1, {
-        label: 'How can we help you?',
-        component: Step1
-    });
-
-    async function handleSubmit() {
-        const response = await fetch(`${VARS.GROWTH_ENDPOINT}/support`, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json'
-            },
-            body: JSON.stringify({
-                subject: 'support',
-                email: $user.email,
-                firstName: $user?.name || 'Unknown',
-                message: $supportData.message,
-                tags: ['cloud'],
-                customFields: [
-                    { id: '41612', value: $supportData.category },
-                    { id: '48493', value: $user?.name ?? '' },
-                    { id: '48492', value: $organization?.$id ?? '' },
-                    { id: '48491', value: $supportData?.project ?? '' },
-                    { id: '48490', value: $user?.$id ?? '' }
-                ]
-            })
-        });
-        trackEvent(Submit.SupportTicket);
-        if (response.status !== 200) {
-            trackError(new Error(response.status.toString()), Submit.SupportTicket);
-            addNotification({
-                message:
-                    'There was an error submitting your support ticket. Please try again later.',
-                type: 'error'
-            });
-        } else {
-            addNotification({
-                message:
-                    'Your support ticket was submitted successfully. The Appwrite team will get back to you shortly.',
-                type: 'success'
-            });
-        }
-        resetData();
-        wizard.hide();
-    }
-
-    function resetData() {
-        $supportData = {
-            message: null,
-            category: 'general',
-            file: null,
-            project: null
-        };
-    }
-
-    $wizard.finalAction = handleSubmit;
-
-    const workTimings = {
-        start: '16:00',
-        end: '00:00',
-        startDay: 'Monday' as WeekDay,
-        endDay: 'Friday' as WeekDay
-    };
-
-    $: supportTimings = `${utcHourToLocaleHour(workTimings.start)} - ${utcHourToLocaleHour(workTimings.end)} ${localeTimezoneName()}`;
-    $: supportWeekDays = `${utcWeekDayToLocaleWeekDay(workTimings.startDay, workTimings.start)} - ${utcWeekDayToLocaleWeekDay(workTimings.endDay, workTimings.end)}`;
-</script>
-
-<Wizard title="Contact us" steps={stepsComponents} finalAction="Submit" on:exit={resetData}>
-    <svelte:fragment slot="aside">
-        <h4 class="body-text-1 u-bold">Contact the Appwrite Team</h4>
-        <p class="text u-margin-block-start-16">
-            If you found a bug or have questions, please reach out to the Appwrite team. We try to
-            respond to all messages within our office hours.
-        </p>
-        <p class="text u-margin-block-start-32">
-            Available: <b>{supportWeekDays}, {supportTimings}</b>
-        </p>
-        <div class="u-flex u-gap-4 u-cross-center">
-            <span>Currently:</span>
-            {#if isSupportOnline()}
-                <span class="icon-check-circle u-color-text-success" aria-hidden="true" />
-                <span class="u-color-text-success text">Online</span>
-            {:else}
-                <span class="icon-x-circle" aria-hidden="true" />
-                <span class="text">Offline</span>
-            {/if}
-        </div>
-    </svelte:fragment>
-</Wizard>
diff --git a/src/routes/(console)/wizard/support/step1.svelte b/src/routes/(console)/wizard/support/step1.svelte
deleted file mode 100644
index 06f8f265b9..0000000000
--- a/src/routes/(console)/wizard/support/step1.svelte
+++ /dev/null
@@ -1,61 +0,0 @@
-<script lang="ts">
-    import { FormList, InputSelect, InputTextarea } from '$lib/elements/forms';
-    import { WizardStep } from '$lib/layout';
-    import { supportData } from './store';
-    import { Pill } from '$lib/elements';
-    import { onMount } from 'svelte';
-    import { sdk } from '$lib/stores/sdk';
-
-    let options: {
-        value: string;
-        label: string;
-    }[];
-
-    onMount(async () => {
-        const projectList = await sdk.forConsole.projects.list();
-        options = projectList.projects.map((project) => ({
-            value: project.$id,
-            label: project.name
-        }));
-    });
-</script>
-
-<WizardStep>
-    <svelte:fragment slot="title">How can we help you?</svelte:fragment>
-    <svelte:fragment slot="subtitle">
-        Please describe your request in detail. If applicable, include steps for reproduction of any
-        in-app issues.
-    </svelte:fragment>
-    <div class="common-section">
-        <p class="label">Choose a topic</p>
-        <div class="u-flex u-gap-8 u-margin-block-start-8">
-            {#each ['general', 'billing', 'technical'] as topic}
-                <Pill
-                    button
-                    selected={$supportData.category === topic}
-                    on:click={() => {
-                        $supportData.category = topic;
-                    }}>{topic}</Pill>
-            {/each}
-        </div>
-    </div>
-    <div class="common-section">
-        <FormList>
-            {#if options?.length}
-                <InputSelect
-                    id="project"
-                    label="Choose a project"
-                    placeholder="Select project"
-                    optionalText="(optional)"
-                    bind:value={$supportData.project}
-                    {options} />
-            {/if}
-            <InputTextarea
-                label="Tell us a bit more"
-                id="message"
-                placeholder="Type here..."
-                bind:value={$supportData.message}
-                required />
-        </FormList>
-    </div>
-</WizardStep>
diff --git a/src/routes/(console)/wizard/support/store.ts b/src/routes/(console)/wizard/support/store.ts
deleted file mode 100644
index 368fbae244..0000000000
--- a/src/routes/(console)/wizard/support/store.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { writable } from 'svelte/store';
-
-export type SupportData = {
-    message: string;
-    category: string;
-    file?: File | null;
-    project?: string;
-};
-
-export const supportData = writable<SupportData>({
-    message: '',
-    category: 'general',
-    file: null
-});
-
-export function isSupportOnline() {
-    const currentDate = new Date();
-    const day = currentDate.getUTCDay();
-    const hour = currentDate.getUTCHours();
-
-    if (day === 1 || day === 6) {
-        return false;
-    }
-
-    if (hour < 14) {
-        return false;
-    }
-
-    return true;
-}
-
-export const showSupportModal = writable(false);