This commit is contained in:
2025-08-25 17:06:18 +02:00
parent 883eac4f9e
commit 0013917ec7
7 changed files with 24 additions and 34 deletions

View File

@@ -29,6 +29,7 @@ import {
XMarkIcon,
} from '@heroicons/react/24/outline'
import { StarIcon } from '@heroicons/react/20/solid'
import { H2, PS } from '@/components/text'
const product = {
@@ -64,9 +65,7 @@ const product = {
{ id: 'white', name: 'White', classes: 'bg-white checked:outline-gray-400' },
{ id: 'washed-gray', name: 'Washed Gray', classes: 'bg-gray-500 checked:outline-gray-500' },
],
description: `
<p>Community building holds significant value by fostering a sense of belonging, providing social and emotional support, and promoting collective action. It enhances social capital, encourages collaboration. Human to human connection become more and more important as new technological times require us to collaborate more on a peer to peer level and connect on different levels with each other.</p>
`,
description: 'Community building holds significant value by fostering a sense of belonging, providing social and emotional support, and promoting collective action. It enhances social capital, encourages collaboration. Human to human connection become more and more important as new technological times require us to collaborate more on a peer to peer level and connect on different levels with each other.',
details: [
{
name: 'Features',
@@ -181,7 +180,7 @@ export function Community() {
<h1 className="text-3xl font-bold tracking-tight text-gray-900">{product.name}</h1>
<div className="mt-3">
<h2 className="sr-only">Product information</h2>
<H2 className="sr-only">Product information</H2>
</div>
{/* Reviews */}
@@ -192,18 +191,17 @@ export function Community() {
<div className="mt-6">
<h3 className="sr-only">Description</h3>
<div
dangerouslySetInnerHTML={{ __html: product.description }}
className="space-y-6 text-base text-gray-700"
/>
<div className="space-y-6 text-base text-gray-700">
<PS>{product.description}</PS>
</div>
</div>
<section aria-labelledby="details-heading" className="mt-12">
<h2 id="details-heading" className="sr-only">
<H2 id="details-heading" className="sr-only">
Additional details
</h2>
</H2>
<div className="divide-y divide-gray-200 border-t border-gray-200">
{product.details.map((detail) => (