ahmido
c261b1c632
## Summary - tighten homepage messaging, hero support copy, trust teaser flow, and CTA routing for the website public-content rollout - align shared website copy, smoke expectations, and spec 404 artifacts with the latest messaging pass - replace the previously closed PR for `404-public-content-messaging` ## Commits - `44d27395` feat(website): tighten homepage messaging and trust flow - `1ddbd28b` feat(website): refine public content messaging rollout ## Validation - `git diff --check` ## Notes - local Playwright MCP output remains untracked and was not included Co-authored-by: Ahmed Darrazi <ahmed.darrazi@live.de> Reviewed-on: #398
31 lines
1.0 KiB
Plaintext
31 lines
1.0 KiB
Plaintext
---
|
|
// Get heading and content from Astro props
|
|
const { heading, content } = Astro.props;
|
|
// Define TypeScript interface for props
|
|
interface Props {
|
|
heading?: string;
|
|
content?: string;
|
|
}
|
|
// Define classes for heading and content
|
|
const headingClasses =
|
|
'text-balance text-lg font-bold text-neutral-800 dark:text-neutral-200';
|
|
const contentClasses =
|
|
'mt-1 text-pretty text-neutral-700 dark:text-neutral-300';
|
|
---
|
|
|
|
{/* The root container that arranges your slot and the heading/content */}
|
|
<div class="flex gap-x-5">
|
|
{/* Slot to allow for extensibility of the component */}
|
|
<div class="flex size-11 shrink-0 items-center justify-center rounded-2xl bg-neutral-200/80 text-orange-500 dark:bg-white/[0.06] dark:text-orange-300 [&>svg]:!m-0 [&>svg]:!size-6 [&>svg]:!shrink-0 [&>svg]:!fill-current">
|
|
<slot />
|
|
</div>
|
|
<div class="grow">
|
|
{/* Heading of the section */}
|
|
<h3 class={headingClasses}>
|
|
{heading}
|
|
</h3>
|
|
{/* Content text of the section */}
|
|
<p class={contentClasses}>{content}</p>
|
|
</div>
|
|
</div>
|