Skip to content

fix(ui): improve text spacing in OpenCRE Chat feature block #677

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
northdpole merged 1 commit into from
Jan 3, 2026
Merged

fix(ui): improve text spacing in OpenCRE Chat feature block #677

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 29 additions & 3 deletions application/frontend/src/pages/Search/Search.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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">
Expand All @@ -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
Expand Down