edit
This commit is contained in:
@@ -1,3 +1,4 @@
|
|||||||
|
import { P, H3, H4, PXS, PXXS } from '@/components/text'
|
||||||
import {
|
import {
|
||||||
Tab,
|
Tab,
|
||||||
TabGroup,
|
TabGroup,
|
||||||
@@ -50,8 +51,8 @@ const product = {
|
|||||||
|
|
||||||
export function Community() {
|
export function Community() {
|
||||||
return (
|
return (
|
||||||
<div className="pb-24">
|
<div className="lg:pb-24 pb-12">
|
||||||
<main className="mx-auto max-w-7xl sm:px-6 sm:pt-24 lg:px-0">
|
<main className="mx-auto max-w-7xl sm:px-6 sm:pt-12 lg:px-0">
|
||||||
<div className="mx-auto max-w-2xl lg:max-w-none">
|
<div className="mx-auto max-w-2xl lg:max-w-none">
|
||||||
{/* Product */}
|
{/* Product */}
|
||||||
<div className="lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8">
|
<div className="lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8">
|
||||||
@@ -91,22 +92,21 @@ export function Community() {
|
|||||||
<div className="mt-6 px-6 sm:mt-16 sm:px-0 lg:mt-0">
|
<div className="mt-6 px-6 sm:mt-16 sm:px-0 lg:mt-0">
|
||||||
<H2>{product.name}</H2>
|
<H2>{product.name}</H2>
|
||||||
|
|
||||||
<div className="mt-4">
|
<div className="mt-2">
|
||||||
<h3 className="sr-only">Description</h3>
|
|
||||||
<div className="space-y-2 text-base text-gray-700">
|
<div className="space-y-2 text-base text-gray-700">
|
||||||
<PS>{product.description}</PS>
|
<PS>{product.description}</PS>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section aria-labelledby="details-heading" className="mt-8">
|
<section aria-labelledby="details-heading" className="lg:pt-8 pt-6">
|
||||||
<div className="space-y-4 border-t border-gray-300 pt-4">
|
|
||||||
|
<div className="lg:space-y-8 space-y-4 border-t border-gray-300 lg:pt-8 pt-6">
|
||||||
{product.details.map((detail) => (
|
{product.details.map((detail) => (
|
||||||
<div key={detail.name}>
|
<div key={detail.name}>
|
||||||
<h3>
|
<H3 className="font-medium text-gray-900 mb-4">
|
||||||
<PS className="font-medium text-gray-900 mb-4">
|
{detail.name}
|
||||||
{detail.name}
|
</H3>
|
||||||
</PS>
|
|
||||||
</h3>
|
|
||||||
<ul
|
<ul
|
||||||
role="list"
|
role="list"
|
||||||
className="list-disc space-y-2 pl-5 text-sm/6 text-gray-700 marker:text-gray-300"
|
className="list-disc space-y-2 pl-5 text-sm/6 text-gray-700 marker:text-gray-300"
|
||||||
|
@@ -1,3 +1,4 @@
|
|||||||
|
import { P, H3, H4, PXS, PXXS } from '@/components/text'
|
||||||
import {
|
import {
|
||||||
Tab,
|
Tab,
|
||||||
TabGroup,
|
TabGroup,
|
||||||
@@ -52,8 +53,8 @@ const product = {
|
|||||||
|
|
||||||
export function Events() {
|
export function Events() {
|
||||||
return (
|
return (
|
||||||
<div className="pb-24">
|
<div className="lg:pb-24 pb-12">
|
||||||
<main className="mx-auto max-w-7xl sm:px-6 sm:pt-24 lg:px-0">
|
<main className="mx-auto max-w-7xl sm:px-6 sm:pt-12 lg:px-0">
|
||||||
<div className="mx-auto max-w-2xl lg:max-w-none">
|
<div className="mx-auto max-w-2xl lg:max-w-none">
|
||||||
{/* Product */}
|
{/* Product */}
|
||||||
<div className="lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8">
|
<div className="lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8">
|
||||||
@@ -93,22 +94,21 @@ export function Events() {
|
|||||||
<div className="mt-6 px-6 sm:mt-16 sm:px-0 lg:mt-0">
|
<div className="mt-6 px-6 sm:mt-16 sm:px-0 lg:mt-0">
|
||||||
<H2>{product.name}</H2>
|
<H2>{product.name}</H2>
|
||||||
|
|
||||||
<div className="mt-4">
|
<div className="mt-2">
|
||||||
<h3 className="sr-only">Description</h3>
|
|
||||||
<div className="space-y-2 text-base text-gray-700">
|
<div className="space-y-2 text-base text-gray-700">
|
||||||
<PS>{product.description}</PS>
|
<PS>{product.description}</PS>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section aria-labelledby="details-heading" className="mt-8">
|
<section aria-labelledby="details-heading" className="lg:pt-8 pt-6">
|
||||||
<div className="space-y-4 border-t border-gray-300 pt-4">
|
|
||||||
|
<div className="lg:space-y-8 space-y-4 border-t border-gray-300 lg:pt-8 pt-6">
|
||||||
{product.details.map((detail) => (
|
{product.details.map((detail) => (
|
||||||
<div key={detail.name}>
|
<div key={detail.name}>
|
||||||
<h3>
|
<H3 className="font-medium text-gray-900 mb-4">
|
||||||
<PS className="font-medium text-gray-900 mb-4">
|
{detail.name}
|
||||||
{detail.name}
|
</H3>
|
||||||
</PS>
|
|
||||||
</h3>
|
|
||||||
<ul
|
<ul
|
||||||
role="list"
|
role="list"
|
||||||
className="list-disc space-y-2 pl-5 text-sm/6 text-gray-700 marker:text-gray-300"
|
className="list-disc space-y-2 pl-5 text-sm/6 text-gray-700 marker:text-gray-300"
|
||||||
|
@@ -1,3 +1,4 @@
|
|||||||
|
import { P, H3, H4, PXS, PXXS } from '@/components/text'
|
||||||
import {
|
import {
|
||||||
Tab,
|
Tab,
|
||||||
TabGroup,
|
TabGroup,
|
||||||
@@ -51,8 +52,8 @@ const product = {
|
|||||||
|
|
||||||
export function Nomads() {
|
export function Nomads() {
|
||||||
return (
|
return (
|
||||||
<div className="pb-24">
|
<div className="lg:pb-24 pb-12">
|
||||||
<main className="mx-auto max-w-7xl sm:px-6 sm:pt-24 lg:px-0">
|
<main className="mx-auto max-w-7xl sm:px-6 sm:pt-12 lg:px-0">
|
||||||
<div className="mx-auto max-w-2xl lg:max-w-none">
|
<div className="mx-auto max-w-2xl lg:max-w-none">
|
||||||
{/* Product */}
|
{/* Product */}
|
||||||
<div className="lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8">
|
<div className="lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8">
|
||||||
@@ -92,22 +93,21 @@ export function Nomads() {
|
|||||||
<div className="mt-6 px-6 sm:mt-16 sm:px-0 lg:mt-0">
|
<div className="mt-6 px-6 sm:mt-16 sm:px-0 lg:mt-0">
|
||||||
<H2>{product.name}</H2>
|
<H2>{product.name}</H2>
|
||||||
|
|
||||||
<div className="mt-4">
|
<div className="mt-2">
|
||||||
<h3 className="sr-only">Description</h3>
|
|
||||||
<div className="space-y-2 text-base text-gray-700">
|
<div className="space-y-2 text-base text-gray-700">
|
||||||
<PS>{product.description}</PS>
|
<PS>{product.description}</PS>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section aria-labelledby="details-heading" className="mt-8">
|
<section aria-labelledby="details-heading" className="lg:pt-8 pt-6">
|
||||||
<div className="space-y-4 border-t border-gray-300 pt-4">
|
|
||||||
|
<div className="lg:space-y-8 space-y-4 border-t border-gray-300 lg:pt-8 pt-6">
|
||||||
{product.details.map((detail) => (
|
{product.details.map((detail) => (
|
||||||
<div key={detail.name}>
|
<div key={detail.name}>
|
||||||
<h3>
|
<H3 className="font-medium text-gray-900 mb-4">
|
||||||
<PS className="font-medium text-gray-900 mb-4">
|
{detail.name}
|
||||||
{detail.name}
|
</H3>
|
||||||
</PS>
|
|
||||||
</h3>
|
|
||||||
<ul
|
<ul
|
||||||
role="list"
|
role="list"
|
||||||
className="list-disc space-y-2 pl-5 text-sm/6 text-gray-700 marker:text-gray-300"
|
className="list-disc space-y-2 pl-5 text-sm/6 text-gray-700 marker:text-gray-300"
|
||||||
|
Reference in New Issue
Block a user