From 84ac9a7a681a543bbc7a274590afc98bd4392bfe Mon Sep 17 00:00:00 2001
From: aromko <aromkoapps@gmail.com>
Date: Mon, 5 Aug 2024 12:47:06 +0200
Subject: [PATCH 1/2] add feedback in column layout

---
 src/routes/_components/About.tsx | 39 ++++++++++++++++----------------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/src/routes/_components/About.tsx b/src/routes/_components/About.tsx
index bf02feb..d6ca68e 100644
--- a/src/routes/_components/About.tsx
+++ b/src/routes/_components/About.tsx
@@ -27,25 +27,24 @@ export const About = () => (
         </p>
       </div>
     </Columns>
-    <div className="mx-auto grid max-w-screen-sm place-items-center pt-32">
-      <SectionMessage variant="info">
-        <SectionMessage.Title>Feedback</SectionMessage.Title>
-        <SectionMessage.Content>
-          <p className="mb-4">
-            If you have any suggestions for patterns that we should add, or if
-            you some your own code could become a valuable addition here, we'd
-            love to hear from you!
-          </p>
-          <p>
-            Your feedback, ideas, and suggestions for improvement are always
-            welcome. Feel free to reach out to us through any of{' '}
-            <Link href="https://www.marigold-ui.io/introduction/get-in-touch">
-              <u>our communication channels</u>
-            </Link>
-            .
-          </p>
-        </SectionMessage.Content>
-      </SectionMessage>
-    </div>
+    <Columns columns={[1, 1]} space={24} collapseAt="900px">
+      <div>
+        <h2>Feedback</h2>
+        <p>
+          If you have any suggestions for patterns that we should add, or if
+          you some your own code could become a valuable addition here, we'd
+          love to hear from you!
+        </p>
+        <p>
+          Your feedback, ideas, and suggestions for improvement are always
+          welcome. Feel free to reach out to us through any of{' '}
+          <Link href="https://www.marigold-ui.io/introduction/get-in-touch">
+            <u>our communication channels</u>
+          </Link>
+          .
+        </p>
+      </div>
+      <div></div>
+    </Columns>
   </Block>
 );

From 13dd16b45dcd13170ef172a3c99c989cae6f6465 Mon Sep 17 00:00:00 2001
From: aromko <aromkoapps@gmail.com>
Date: Mon, 5 Aug 2024 12:47:06 +0200
Subject: [PATCH 2/2] add feedback in column layout

---
 src/routes/_components/About.tsx | 41 ++++++++++++++++----------------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/src/routes/_components/About.tsx b/src/routes/_components/About.tsx
index bf02feb..e7cbace 100644
--- a/src/routes/_components/About.tsx
+++ b/src/routes/_components/About.tsx
@@ -1,5 +1,5 @@
 import { Block } from '@/components/Container';
-import { Columns, SectionMessage } from '@marigold/components';
+import { Columns } from '@marigold/components';
 import { Link } from '@tanstack/react-router';
 
 export const About = () => (
@@ -27,25 +27,24 @@ export const About = () => (
         </p>
       </div>
     </Columns>
-    <div className="mx-auto grid max-w-screen-sm place-items-center pt-32">
-      <SectionMessage variant="info">
-        <SectionMessage.Title>Feedback</SectionMessage.Title>
-        <SectionMessage.Content>
-          <p className="mb-4">
-            If you have any suggestions for patterns that we should add, or if
-            you some your own code could become a valuable addition here, we'd
-            love to hear from you!
-          </p>
-          <p>
-            Your feedback, ideas, and suggestions for improvement are always
-            welcome. Feel free to reach out to us through any of{' '}
-            <Link href="https://www.marigold-ui.io/introduction/get-in-touch">
-              <u>our communication channels</u>
-            </Link>
-            .
-          </p>
-        </SectionMessage.Content>
-      </SectionMessage>
-    </div>
+    <Columns columns={[1, 1]} space={24} collapseAt="900px">
+      <div>
+        <h2>Feedback</h2>
+        <p>
+          If you have any suggestions for patterns that we should add, or if
+          you some your own code could become a valuable addition here, we'd
+          love to hear from you!
+        </p>
+        <p>
+          Your feedback, ideas, and suggestions for improvement are always
+          welcome. Feel free to reach out to us through any of{' '}
+          <Link href="https://www.marigold-ui.io/introduction/get-in-touch">
+            <u>our communication channels</u>
+          </Link>
+          .
+        </p>
+      </div>
+      <div></div>
+    </Columns>
   </Block>
 );