mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-03-02 05:47:09 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refactor into AboutBox

Browse Source
This commit is contained in:
MartinBraquet
2025-09-07 20:39:09 +02:00
parent e3dadd2ce8
commit d7c49fe19f
2 changed files with 27 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/components/about/box.tsx Normal file
View File

@@ -0,0 +1,14 @@
export function AboutBox(props: {
title: string
text: string
}) {
const {title, text} = props
return (
<div className="space-y-2">
<h3 className="text-lg font-bold">{title}</h3>
<p className="text-gray-600 dark:text-gray-400">
{text}
</p>
</div>
)
}

33
web/pages/index.tsx
View File

@@ -22,6 +22,7 @@ import {api} from 'web/lib/api'
import {debounce, omit} from 'lodash'
import {PREF_AGE_MAX, PREF_AGE_MIN,} from 'web/components/filters/location-filter'
import {signupRedirect} from "web/lib/util/signup";
import {AboutBox} from "web/components/about/box";
export default function ProfilesPage() {
@@ -214,26 +215,18 @@ export default function ProfilesPage() {
<div className="w-full bg-gray-50 dark:bg-gray-900 py-8 mt-20">
<div className="max-w-6xl mx-auto px-4">
<div className="grid md:grid-cols-3 gap-8 text-center">
<div className="space-y-2">
<h3 className="text-lg font-bold">Radically Transparent</h3>
<p className="text-gray-600 dark:text-gray-400">
No algorithms. Every profile searchable.
</p>
</div>
<div className="space-y-2">
<h3 className="text-lg font-bold">Built for Depth</h3>
<p className="text-gray-600 dark:text-gray-400">
Filter by any keyword and what matters most.
</p>
</div>
<div className="space-y-2">
<h3 className="text-lg font-bold">Community Owned</h3>
<p className="text-gray-600 dark:text-gray-400">
Free forever. Built by users, for users.
</p>
</div>
<AboutBox
title='Radically Transparent'
text='No algorithms. Every profile searchable.'
/>
<AboutBox
title='Built for Depth'
text='Filter by any keyword and what matters most.'
/>
<AboutBox
title='Community Owned'
text='Free forever. Built by users, for users.'
/>
</div>
</div>
</div>