sashaastiadi/www_maison_noire
1
0
Fork 0
forked from veda/www_veda_2025
Code Pull Requests Activity

OK

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-22 19:33:22 +02:00
parent 7ab3b60462
commit 3f6c4025b0
19 changed files with 89 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Testimonials.jsx
View File

@@ -1,5 +1,6 @@
import { Container } from '@/components/Container'
import { H2, P, PS, H3, PXS, H4, PXXS } from '@/components/text'
const testimonials = [
[
@@ -25,7 +26,7 @@ const testimonials = [
[
{
content:
"The VEDA trip on the Nile was not only a journey in the geographic sense but really also a journey that my heart and soul took. I was not that happy about going but when I boarded the Veda boat in Luxor, I transformed in a second from a frowning person to a smiling one. The peaceful, serene, majestic nile effects reflect on you. I will never forget the trip and every part of me is begging me to return as soon as possible.",
"The VEDA trip on the Nile was not only a journey in the geographic sense but really also a journey that my heart and soul took. I was not that happy about going but when I boarded the Veda boat in Luxor, I transformed in a second from a frowning person to a smiling one. The peaceful, serene, majestic nile effects reflect on you.",
author: {
name: 'Owen',
role: 'Retreat Guest',
@@ -86,32 +87,32 @@ export function Testimonials() {
<section
id="testimonials"
aria-label="What our customers are saying"
className="bg-transparent lg:pt-24 pt-8 pb-24"
className="bg-bg-sand lg:pt-48 pt-8 pb-24"
>
<Container>
<div className="mx-auto max-w-5xl md:text-center">
<h2 className="font-display text-3xl font-semibold tracking-[-0.05em] text-darkgr-700 lg:text-4xl">
<H2 className="">
Testimonials
</h2>
<p className="mb-8 mt-4 text-xl/5 font-medium tracking-[-0.045em] lg:tracking-[-0.02em] leading-[1.3] lg:leading-[1.4] lg:text-2xl text-darkgr">
</H2>
<P className="mt-4">
Discover the heartfelt stories of joy, relaxation, and adventure that make VEDA a cherished choice for travelers seeking unique and sophisticated experiences on the Nile.
</p>
</P>
</div>
<ul
role="list"
className="mx-auto mt-8 grid max-w-2xl grid-cols-1 gap-6 sm:gap-8 lg:mt-20 lg:max-w-none lg:grid-cols-3"
className="mx-auto mt-4 grid max-w-2xl grid-cols-1 gap-6 sm:gap-8 lg:mt-12 lg:max-w-none lg:grid-cols-3"
>
{testimonials.map((column, columnIndex) => (
<li key={columnIndex}>
<ul role="list" className="flex flex-col gap-y-6 sm:gap-y-8">
{column.map((testimonial, testimonialIndex) => (
<li key={testimonialIndex}>
<figure className="relative rounded-lg bg-white p-6 shadow-xl shadow-slate-900/10">
<figure className="relative rounded-lg bg-white py-6 px-8 shadow-xl shadow-slate-900/10">
<QuoteIcon className="absolute left-6 top-6 fill-slate-100" />
<blockquote className="relative">
<p className="lg:text-base text-sm tracking-tight text-slate-900">
<PXXS >
{testimonial.content}
</p>
</PXXS>
</blockquote>
<figcaption className="relative mt-6 flex items-center justify-between border-t border-slate-100 pt-6">
<div>