ahmido
eeb5c98450
## Summary - rebuild `apps/website` on the pinned ScrewFast Astro foundation - replace the legacy page/content/component structure with the new section and UI architecture - add Starlight-based docs and the new public route set for platform, pricing, trust, legal, and guides - refresh website tooling, dependencies, and Playwright smoke coverage for the new site shell ## Scope - touches `apps/website` and the matching spec artifacts for feature 402 - does not modify `apps/platform` ## Testing - not run in this step Co-authored-by: Ahmed Darrazi <ahmed.darrazi@live.de> Reviewed-on: #393
86 lines
2.2 KiB
Plaintext
86 lines
2.2 KiB
Plaintext
---
|
|
import TestimonialItem from './TestimonialItem.astro';
|
|
import StatsGrid from '../../ui/blocks/StatsGrid.astro';
|
|
|
|
const { title, subTitle, testimonials, statistics } = Astro.props;
|
|
|
|
interface Props {
|
|
title: string;
|
|
subTitle?: string;
|
|
testimonials?: Testimonial[];
|
|
statistics?: StatProps[];
|
|
}
|
|
|
|
// TypeScript type for testimonials
|
|
type Testimonial = {
|
|
content: string;
|
|
author: string;
|
|
role: string;
|
|
avatarSrc: string;
|
|
};
|
|
|
|
// TypeScript type for stats.
|
|
type StatProps = {
|
|
count: string;
|
|
description: string;
|
|
};
|
|
---
|
|
|
|
<section
|
|
class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"
|
|
>
|
|
{/* Container for the testimonials */}
|
|
<div
|
|
class="lg:grid lg:grid-cols-12 lg:items-center lg:justify-between lg:gap-16"
|
|
>
|
|
<div class="lg:col-span-5 lg:col-start-1">
|
|
{/* Title and Subtitle */}
|
|
<div class="mb-8">
|
|
<h2
|
|
class="mb-2 text-3xl font-bold text-neutral-800 lg:text-4xl dark:text-neutral-200"
|
|
>
|
|
{title}
|
|
</h2>
|
|
{
|
|
subTitle && (
|
|
<p class="text-neutral-600 dark:text-neutral-400">{subTitle}</p>
|
|
)
|
|
}
|
|
</div>
|
|
|
|
{
|
|
/* Generate a blockquote for each testimonial in the testimonials array by mapping over the array. */
|
|
}
|
|
{
|
|
testimonials &&
|
|
testimonials.map(testimonial => (
|
|
<TestimonialItem
|
|
content={testimonial.content}
|
|
author={testimonial.author}
|
|
role={testimonial.role}
|
|
avatarSrc={testimonial.avatarSrc}
|
|
/>
|
|
))
|
|
}
|
|
</div>
|
|
{
|
|
statistics && (
|
|
<div class="mt-10 lg:col-span-6 lg:col-end-13 lg:mt-0">
|
|
<div class="space-y-6 sm:space-y-8">
|
|
<ul class="grid grid-cols-2 divide-x-2 divide-y-2 divide-neutral-300 overflow-hidden dark:divide-neutral-700">
|
|
{/* Generate a list item for each stat in the statistics array by mapping over the array. */}
|
|
{statistics.map((stat, index) => (
|
|
<StatsGrid
|
|
count={stat.count}
|
|
description={stat.description}
|
|
index={index}
|
|
/>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
</div>
|
|
</section>
|