diff --git a/app/views/console/home/index.phtml b/app/views/console/home/index.phtml
index aa2cfc987..1b7fd7609 100644
--- a/app/views/console/home/index.phtml
+++ b/app/views/console/home/index.phtml
@@ -201,6 +201,22 @@ $usageStatsEnabled = $this->getParam('usageStatsEnabled',true);
                         <div data-ls-if="{{platform.type}} === 'flutter-windows'" class="corner">
                             <img src="" data-ls-attrs="src=/images/clients/flutter.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="Windows Logo" class="avatar xs" loading="lazy" width="30" height="30" />
                         </div>
+
+                        <div data-ls-if="{{platform.type}} === 'apple-ios'" class="corner">
+                            <img src="" data-ls-attrs="src=/images/clients/apple.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="iOS Logo" class="avatar xs" loading="lazy" width="30" height="30" />
+                        </div>
+
+                        <div data-ls-if="{{platform.type}} === 'apple-macos'" class="corner">
+                            <img src="" data-ls-attrs="src=/images/clients/apple.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="macOS Logo" class="avatar xs" loading="lazy" width="30" height="30" />
+                        </div>
+
+                        <div data-ls-if="{{platform.type}} === 'apple-watchos'" class="corner">
+                            <img src="" data-ls-attrs="src=/images/clients/apple.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="watchOS Logo" class="avatar xs" loading="lazy" width="30" height="30" />
+                        </div>
+
+                        <div data-ls-if="{{platform.type}} === 'apple-tvos'" class="corner">
+                            <img src="" data-ls-attrs="src=/images/clients/apple.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="tvOS Logo" class="avatar xs" loading="lazy" width="30" height="30" />
+                        </div>
                     </div>
                     <span class="text-one-liner" data-ls-bind="{{platform.name}}"></span>
                 </div>
@@ -239,21 +255,12 @@ $usageStatsEnabled = $this->getParam('usageStatsEnabled',true);
             <li>
                 <div class="link flutter-new"><img src="/images/clients/flutter.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="Flutter Platform Logo" class="avatar xxs margin-end-small" loading="lazy" /> New Flutter App</div>
             </li>
+            <li>
+                <div class="link apple-new"><img src="/images/clients/apple.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="iOS Platform Logo" class="avatar xxs margin-end-small" loading="lazy" /> New Apple App</div>
+            </li>
             <li>
                 <div class="link android-new"><img src="/images/clients/android.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="Android Platform Logo" class="avatar xxs margin-end-small" loading="lazy" /> New Android App</div>
             </li>
-            <li>
-                <div class="link ios-new"><img src="/images/clients/apple-ios.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="iOS Platform Logo" class="avatar xxs margin-end-small" loading="lazy" /> New iOS App</div>
-            </li>
-            <li>
-                <div class="link macos-new"><img src="/images/clients/apple-macos.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="macOS Platform Logo" class="avatar xxs margin-end-small" loading="lazy" /> New macOS App</div>
-            </li>
-            <li>
-                <div class="link watchos-new"><img src="/images/clients/apple-watchos.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="watchOS Platform Logo" class="avatar xxs margin-end-small" loading="lazy" /> New watchOS App</div>
-            </li>
-            <li>
-                <div class="link tvos-new"><img src="/images/clients/apple-tvos.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="tvOS Platform Logo" class="avatar xxs margin-end-small" loading="lazy" /> New tvOS App</div>
-            </li>
             <li class="disabled">
                 <div class="link unity-new"><img src="/images/clients/unity.png?v=<?php echo APP_CACHE_BUSTER; ?>" alt="Unity Platform Logo" class="avatar xxs margin-end-small" loading="lazy" /> New Unity Game  <span class="text-fade text-size-small">(soon)</span></div>
             </li>
@@ -373,150 +380,6 @@ $usageStatsEnabled = $this->getParam('usageStatsEnabled',true);
     </form>
 </div>
 
-<div data-ui-modal class="modal box close" data-button-alias=".ios-new">
-    <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
-
-    <h1>Register your iOS App</h1>
-
-    <form
-            data-analytics
-            data-analytics-activity
-            data-analytics-event="submit"
-            data-analytics-category="console"
-            data-analytics-label="Create Project Platform (iOS)"
-            data-service="projects.createPlatform"
-            data-scope="console"
-            data-event="submit"
-            data-success="alert,trigger,reset"
-            data-success-param-alert-text="Registered new platform successfully"
-            data-success-param-trigger-events="projects.createPlatform"
-            data-failure="alert"
-            data-failure-param-alert-text="Failed to register platform"
-            data-failure-param-alert-classname="error">
-
-        <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
-        <input type="hidden" name="type" data-ls-bind="apple-ios" />
-
-        <label for="name">Name <span class="tooltip large" data-tooltip="Choose any name that will help you distinguish between your different apps."><i class="icon-question"></i></span></label>
-        <input type="text" class="full-width" name="name" required autocomplete="off" placeholder="My iOS App" maxlength="128" />
-
-        <label for="key">Bundle ID <span class="tooltip large" data-tooltip="You can find your Bundle Identifier in the General tab for your app's primary target in Xcode."><i class="icon-question"></i></span></label>
-        <input type="text" class="full-width" name="key" required autocomplete="off" placeholder="com.company.appname" />
-
-        <hr />
-
-        <button type="submit">Register</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Back</button>
-    </form>
-</div>
-
-<div data-ui-modal class="modal box close" data-button-alias=".macos-new">
-    <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
-
-    <h1>Register your macOS App</h1>
-
-    <form
-            data-analytics
-            data-analytics-activity
-            data-analytics-event="submit"
-            data-analytics-category="console"
-            data-analytics-label="Create Project Platform (macOS)"
-            data-service="projects.createPlatform"
-            data-scope="console"
-            data-event="submit"
-            data-success="alert,trigger,reset"
-            data-success-param-alert-text="Registered new platform successfully"
-            data-success-param-trigger-events="projects.createPlatform"
-            data-failure="alert"
-            data-failure-param-alert-text="Failed to register platform"
-            data-failure-param-alert-classname="error">
-
-        <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
-        <input type="hidden" name="type" data-ls-bind="apple-macos" />
-
-        <label for="name">Name <span class="tooltip large" data-tooltip="Choose any name that will help you distinguish between your different apps."><i class="icon-question"></i></span></label>
-        <input type="text" class="full-width" name="name" required autocomplete="off" placeholder="My macOS App" maxlength="128" />
-
-        <label for="key">Bundle ID <span class="tooltip large" data-tooltip="You can find your Bundle Identifier in the General tab for your app's primary target in Xcode."><i class="icon-question"></i></span></label>
-        <input type="text" class="full-width" name="key" required autocomplete="off" placeholder="com.company.appname" />
-
-        <hr />
-
-        <button type="submit">Register</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Back</button>
-    </form>
-</div>
-
-<div data-ui-modal class="modal box close" data-button-alias=".watchos-new">
-    <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
-
-    <h1>Register your watchOS App</h1>
-
-    <form
-            data-analytics
-            data-analytics-activity
-            data-analytics-event="submit"
-            data-analytics-category="console"
-            data-analytics-label="Create Project Platform (watchOS)"
-            data-service="projects.createPlatform"
-            data-scope="console"
-            data-event="submit"
-            data-success="alert,trigger,reset"
-            data-success-param-alert-text="Registered new platform successfully"
-            data-success-param-trigger-events="projects.createPlatform"
-            data-failure="alert"
-            data-failure-param-alert-text="Failed to register platform"
-            data-failure-param-alert-classname="error">
-
-        <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
-        <input type="hidden" name="type" data-ls-bind="apple-watchos" />
-
-        <label for="name">Name <span class="tooltip large" data-tooltip="Choose any name that will help you distinguish between your different apps."><i class="icon-question"></i></span></label>
-        <input type="text" class="full-width" name="name" required autocomplete="off" placeholder="My watchOS App" maxlength="128" />
-
-        <label for="key">Bundle ID <span class="tooltip large" data-tooltip="You can find your Bundle Identifier in the General tab for your app's primary target in Xcode."><i class="icon-question"></i></span></label>
-        <input type="text" class="full-width" name="key" required autocomplete="off" placeholder="com.company.appname" />
-
-        <hr />
-
-        <button type="submit">Register</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Back</button>
-    </form>
-</div>
-
-<div data-ui-modal class="modal box close" data-button-alias=".tvos-new">
-    <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
-
-    <h1>Register your tvOS App</h1>
-
-    <form
-            data-analytics
-            data-analytics-activity
-            data-analytics-event="submit"
-            data-analytics-category="console"
-            data-analytics-label="Create Project Platform (tvOS)"
-            data-service="projects.createPlatform"
-            data-scope="console"
-            data-event="submit"
-            data-success="alert,trigger,reset"
-            data-success-param-alert-text="Registered new platform successfully"
-            data-success-param-trigger-events="projects.createPlatform"
-            data-failure="alert"
-            data-failure-param-alert-text="Failed to register platform"
-            data-failure-param-alert-classname="error">
-
-        <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
-        <input type="hidden" name="type" data-ls-bind="apple-tvos" />
-
-        <label for="name">Name <span class="tooltip large" data-tooltip="Choose any name that will help you distinguish between your different apps."><i class="icon-question"></i></span></label>
-        <input type="text" class="full-width" name="name" required autocomplete="off" placeholder="My tvOS App" maxlength="128" />
-
-        <label for="key">Bundle ID <span class="tooltip large" data-tooltip="You can find your Bundle Identifier in the General tab for your app's primary target in Xcode."><i class="icon-question"></i></span></label>
-        <input type="text" class="full-width" name="key" required autocomplete="off" placeholder="com.company.appname" />
-
-        <hr />
-
-        <button type="submit">Register</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Back</button>
-    </form>
-</div>
-
 <div data-ui-modal class="modal box close width-large" data-button-alias=".flutter-new">
     <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
 
@@ -692,6 +555,148 @@ $usageStatsEnabled = $this->getParam('usageStatsEnabled',true);
     </ul>
 </div>
 
+<div data-ui-modal class="modal box close width-large" data-button-alias=".apple-new">
+    <button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
+
+    <h1 class="margin-bottom-xl">Register your Apple App</h1>
+
+    <ul class="phases clear margin-top-negative-small padding" data-ui-phases>
+        <li>
+            <h2 style="display: none">&nbsp;&nbsp;iOS&nbsp;&nbsp;</h2>
+
+            <form
+                    data-analytics
+                    data-analytics-activity
+                    data-analytics-event="submit"
+                    data-analytics-category="console"
+                    data-analytics-label="Create Project Platform (Apple / iOS)"
+                    data-service="projects.createPlatform"
+                    data-scope="console"
+                    data-event="submit"
+                    data-success="alert,trigger,reset"
+                    data-success-param-alert-text="Registered new platform successfully"
+                    data-success-param-trigger-events="projects.createPlatform"
+                    data-failure="alert"
+                    data-failure-param-alert-text="Failed to register platform"
+                    data-failure-param-alert-classname="error">
+
+                <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
+                <input type="hidden" name="type" data-ls-bind="apple-ios" />
+
+                <label for="name">Name <span class="tooltip large" data-tooltip="Choose any name that will help you distinguish between your different apps."><i class="icon-question"></i></span></label>
+                <input type="text" class="full-width" name="name" required autocomplete="off" placeholder="My iOS App" maxlength="128" />
+
+                <label for="key">Bundle ID <span class="tooltip large" data-tooltip="You can find your Bundle Identifier in the General tab for your app's primary target in Xcode."><i class="icon-question"></i></span></label>
+                <input type="text" class="full-width" name="key" required autocomplete="off" placeholder="com.company.appname" />
+
+                <hr />
+
+                <button type="submit">Register</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Back</button>
+            </form>
+
+        </li>
+        <li>
+            <h2 style="display: none">&nbsp;&nbsp;macOS&nbsp;&nbsp;</h2>
+
+            <form
+                    data-analytics
+                    data-analytics-activity
+                    data-analytics-event="submit"
+                    data-analytics-category="console"
+                    data-analytics-label="Create Project Platform (Apple / macOS)"
+                    data-service="projects.createPlatform"
+                    data-scope="console"
+                    data-event="submit"
+                    data-success="alert,trigger,reset"
+                    data-success-param-alert-text="Registered new platform successfully"
+                    data-success-param-trigger-events="projects.createPlatform"
+                    data-failure="alert"
+                    data-failure-param-alert-text="Failed to register platform"
+                    data-failure-param-alert-classname="error">
+
+                <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
+                <input type="hidden" name="type" data-ls-bind="apple-macos" />
+
+                <label for="name">Name <span class="tooltip large" data-tooltip="Choose any name that will help you distinguish between your different apps."><i class="icon-question"></i></span></label>
+                <input type="text" class="full-width" name="name" required autocomplete="off" placeholder="My macOS App" maxlength="128" />
+
+                <label for="key">Bundle ID <span class="tooltip large" data-tooltip="You can find your Bundle Identifier in the General tab for your app's primary target in Xcode."><i class="icon-question"></i></span></label>
+                <input type="text" class="full-width" name="key" required autocomplete="off" placeholder="com.company.appname" />
+
+                <hr />
+
+                <button type="submit">Register</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Back</button>
+            </form>
+        </li>
+        <li>
+            <h2 style="display: none">&nbsp;&nbsp;watchOS&nbsp;&nbsp;</h2>
+
+            <form
+                    data-analytics
+                    data-analytics-activity
+                    data-analytics-event="submit"
+                    data-analytics-category="console"
+                    data-analytics-label="Create Project Platform (Apple / watchOS)"
+                    data-service="projects.createPlatform"
+                    data-scope="console"
+                    data-event="submit"
+                    data-success="alert,trigger,reset"
+                    data-success-param-alert-text="Registered new platform successfully"
+                    data-success-param-trigger-events="projects.createPlatform"
+                    data-failure="alert"
+                    data-failure-param-alert-text="Failed to register platform"
+                    data-failure-param-alert-classname="error">
+
+                <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
+                <input type="hidden" name="type" data-ls-bind="apple-watchos" />
+
+                <label for="name">Name <span class="tooltip large" data-tooltip="Choose any name that will help you distinguish between your different apps."><i class="icon-question"></i></span></label>
+                <input type="text" class="full-width" name="name" required autocomplete="off" placeholder="My watchOS App" maxlength="128" />
+
+                <label for="key">Bundle ID <span class="tooltip large" data-tooltip="You can find your Bundle Identifier in the General tab for your app's primary target in Xcode."><i class="icon-question"></i></span></label>
+                <input type="text" class="full-width" name="key" required autocomplete="off" placeholder="com.company.appname" />
+
+                <hr />
+
+                <button type="submit">Register</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Back</button>
+            </form>
+        </li>
+        <li>
+            <h2 style="display: none">&nbsp;&nbsp;tvOS&nbsp;&nbsp;</h2>
+
+            <form
+                    data-analytics
+                    data-analytics-activity
+                    data-analytics-event="submit"
+                    data-analytics-category="console"
+                    data-analytics-label="Create Project Platform (Apple / tvOS)"
+                    data-service="projects.createPlatform"
+                    data-scope="console"
+                    data-event="submit"
+                    data-success="alert,trigger,reset"
+                    data-success-param-alert-text="Registered new platform successfully"
+                    data-success-param-trigger-events="projects.createPlatform"
+                    data-failure="alert"
+                    data-failure-param-alert-text="Failed to register platform"
+                    data-failure-param-alert-classname="error">
+
+                <input type="hidden" name="projectId" data-ls-bind="{{router.params.project}}" />
+                <input type="hidden" name="type" data-ls-bind="apple-tvos" />
+
+                <label for="name">Name <span class="tooltip large" data-tooltip="Choose any name that will help you distinguish between your different apps."><i class="icon-question"></i></span></label>
+                <input type="text" class="full-width" name="name" required autocomplete="off" placeholder="My tvOS App" maxlength="128" />
+
+                <label for="key">Bundle ID <span class="tooltip large" data-tooltip="You can find your Bundle Identifier in the General tab for your app's primary target in Xcode."><i class="icon-question"></i></span></label>
+                <input type="text" class="full-width" name="key" required autocomplete="off" placeholder="com.company.appname" />
+
+                <hr />
+
+                <button type="submit">Register</button> &nbsp; <button data-ui-modal-close="" type="button" class="reverse">Back</button>
+            </form>
+        </li>
+    </ul>
+</div>
+
 <script type="text/html" id="template-ios-update">
     <form
         data-analytics
diff --git a/composer.lock b/composer.lock
index c6bbaf336..2f4a55e71 100644
--- a/composer.lock
+++ b/composer.lock
@@ -2520,12 +2520,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/appwrite/sdk-generator.git",
-                "reference": "fc9d0a9125590871f233ebd5cf0441f1b3e387bd"
+                "reference": "50121f485da858fd7ca7c56446b5db82fccac469"
             },
             "dist": {
                 "type": "zip",
                 "url": "https://api.github.com/repos/appwrite/sdk-generator/zipball/d6f07d956f1ebfc8c582454be851c79afe76b3f0",
-                "reference": "fc9d0a9125590871f233ebd5cf0441f1b3e387bd",
+                "reference": "50121f485da858fd7ca7c56446b5db82fccac469",
                 "shasum": ""
             },
             "require": {
diff --git a/public/images/clients/apple.png b/public/images/clients/apple.png
new file mode 100644
index 000000000..3a9682446
Binary files /dev/null and b/public/images/clients/apple.png differ