veda/www_veda_2025
12
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit

Browse Source
This commit is contained in:
sasha-astiadi
2025-09-01 16:13:28 +02:00
parent 7d8c3ac1a0
commit 6d8428c1e5
2 changed files with 8 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Experiences.jsx
View File

@@ -4,7 +4,7 @@ import { H1, H2, P , PS, PXS, H3, H4 } from "@/components/text";
export function Experiences({ onExperienceSelect }) { export function Experiences({ onExperienceSelect }) {
return ( return (
<div className="bg-transparent"> <div className="bg-transparent">
<div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-0 mt-16"> <div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-0 lg:pt-12 pt-6 lg:pb-6 pb-12">
<div className="grid grid-cols-1 gap-4 lg:grid-cols-6 lg:grid-rows-2"> <div className="grid grid-cols-1 gap-4 lg:grid-cols-6 lg:grid-rows-2">
{/* Photo 1 - Left large image */} {/* Photo 1 - Left large image */}
<div className="flex lg:col-span-2 lg:row-span-2"> <div className="flex lg:col-span-2 lg:row-span-2">

27
src/components/Retreats.jsx
View File

@@ -61,7 +61,7 @@ function classNames(...classes) {
export function Retreats() { export function Retreats() {
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-12 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 */}
@@ -102,36 +102,21 @@ export function Retreats() {
<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 className="">{product.name}</H2> <H2 className="">{product.name}</H2>
<div className="mt-3"> <div className="mt-2">
<H2 className="sr-only">Product information</H2>
</div>
{/* Reviews */}
<div className="mt-3">
<h3 className="sr-only">Reviews</h3>
</div>
<div className="mt-4">
<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-12"> <section aria-labelledby="details-heading" className="lg:pt-8 pt-6">
<H2 id="details-heading" className="sr-only">
Additional details
</H2>
<div className="space-y-8 border-t border-gray-300 pt-8"> <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}
</PS> </H3>
</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"