From 3e51e7f5dcc91ed9337edab57a71214b5a3cd7d7 Mon Sep 17 00:00:00 2001
From: PRAteek-singHWY <prateek23022004@gmail.com>
Date: Sat, 27 Dec 2025 21:13:38 +0530
Subject: [PATCH] fix(ui): improve text spacing in OpenCRE Chat feature block

---
 .../frontend/src/pages/Search/Search.tsx      | 32 +++++++++++++++++--
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/application/frontend/src/pages/Search/Search.tsx b/application/frontend/src/pages/Search/Search.tsx
index bc0c8be0..e3cdd04b 100644
--- a/application/frontend/src/pages/Search/Search.tsx
+++ b/application/frontend/src/pages/Search/Search.tsx
@@ -257,7 +257,7 @@ export const SearchPage = () => {
 
         <div id="features" className="section">
           <div className="features-grid">
-            <div className="feature-block feature-block--rose">
+            {/* <div className="feature-block feature-block--rose">
               <div className="feature-block__icon-wrapper">
                 <MessageSquare className="icon" />
               </div>
@@ -272,6 +272,29 @@ export const SearchPage = () => {
                 This ensures you get a more <strong>reliable answer</strong>, and also a reference to a{' '}
                 <strong>reputable source</strong>.
               </p>
+            </div> */}
+            <div className="feature-block feature-block--rose">
+              <div className="feature-block__icon-wrapper">
+                <MessageSquare className="icon" />
+              </div>
+              <h3 className="feature-block__title">OPENCRE CHAT</h3>
+
+              <div className="feature-block__text space-y-2">
+                <p>
+                  Use{' '}
+                  <strong>
+                    <a href="https://www.opencre.org/chatbot">OpenCRE Chat</a>
+                  </strong>{' '}
+                  to ask any security question.
+                </p>
+
+                <p>
+                  In collaboration with <strong>Google</strong>, we injected all the standards in OpenCRE into
+                  an AI model to create the most comprehensive security chatbot. This ensures you get a more{' '}
+                  <strong>reliable answer</strong>, and also a reference to a{' '}
+                  <strong>reputable source</strong>.
+                </p>
+              </div>
             </div>
             <div className="feature-block feature-block--teal">
               <div className="feature-block__icon-wrapper">
@@ -281,8 +304,11 @@ export const SearchPage = () => {
                 <a href="https://www.opencre.org/map_analysis">MAP ANALYSIS</a>
               </h3>
               <p className="feature-block__text">
-                Utilize <strong><a href="/map_analysis">Map Analysis</a></strong> as a tool to explore and understand the connections
-                between two standards.
+                Utilize{' '}
+                <strong>
+                  <a href="/map_analysis">Map Analysis</a>
+                </strong>{' '}
+                as a tool to explore and understand the connections between two standards.
               </p>
               <p className="feature-block__text">
                 See how <strong>any two standards connect</strong> with each other, providing valuable