Change homepage card order

src/pages/index.tsx

@@ -22,31 +22,10 @@ export default function Home(): JSX.Element {
         description="Build with the world's leading self-custodial crypto wallet."
       />
 
-      <SectionIntro description="Get started with the following resources:" />
-
-      <CardSection
-        colorPalette="purple"
-        cards={[
-          {
-            title: 'Quickstart',
-            description: 'Choose a quickstart guide that matches your project goals.',
-            href: '/quickstart',
-            buttonIcon: 'arrow-right',
-          },
-          {
-            title: 'Tutorials',
-            description:
-              'Explore use cases and follow the hands-on tutorials to build end-to-end dapps.',
-            href: '/tutorials/',
-            buttonIcon: 'arrow-right',
-          },
-        ]}
-      />
-
       <SectionIntro description="What do you want to do with MetaMask?" />
 
       <CardSection
-        colorPalette="blue"
+        colorPalette="purple"
         cards={[
           {
             title: 'Connect to MetaMask',
@@ -86,6 +65,27 @@ export default function Home(): JSX.Element {
         ]}
       />
 
+      <SectionIntro description="Get started with the following resources:" />
+
+      <CardSection
+        colorPalette="blue"
+        cards={[
+          {
+            title: 'Quickstart',
+            description: 'Choose a quickstart guide that matches your project goals.',
+            href: '/quickstart',
+            buttonIcon: 'arrow-right',
+          },
+          {
+            title: 'Tutorials',
+            description:
+              'Explore use cases and follow the hands-on tutorials to build end-to-end dapps.',
+            href: '/tutorials/',
+            buttonIcon: 'arrow-right',
+          },
+        ]}
+      />
+
       <CallToAction
         title="Contribute to MetaMask on GitHub"
         description="Join the MetaMask developer community and learn how to contribute to the MetaMask project itself."