adilallo
44 lines
2.2 KiB
JavaScript
44 lines
2.2 KiB
JavaScript
import { j as a } from "./jsx-runtime-C_nHp4yK.js";
|
|
import { C as t } from "./ContentLockup-DbWiPA4N.js";
|
|
import { H as p } from "./HeroDecor-Csfoi-N_.js";
|
|
const c = ({ title: e, subtitle: s, description: r, ctaText: l, ctaHref: n }) =>
|
|
a.jsx("section", {
|
|
className:
|
|
"bg-transparent px-[var(--spacing-scale-008)] sm:px-[var(--spacing-scale-010)] md:px-[var(--spacing-scale-016)] lg:px-[var(--spacing-scale-024)] xl:px-[var(--spacing-scale-048)]",
|
|
children: a.jsx("div", {
|
|
className: "flex flex-col gap-[var(--spacing-scale-010)]",
|
|
children: a.jsxs("div", {
|
|
className:
|
|
"bg-[var(--color-surface-default-brand-primary)] p-[var(--spacing-scale-012)] sm:p-[var(--spacing-scale-016)] md:p-[var(--spacing-scale-064)] lg:py-[var(--spacing-scale-096)] lg:px-[var(--spacing-scale-064)] rounded-tl-none rounded-tr-[16px] rounded-br-[16px] rounded-bl-[16px] flex flex-col gap-[var(--spacing-scale-024)] sm:gap-[var(--spacing-scale-024)] md:flex-row md:gap-[var(--spacing-scale-048)] relative overflow-hidden",
|
|
children: [
|
|
a.jsx(p, {
|
|
className:
|
|
"pointer-events-none absolute z-0 left-0 top-0 translate-x-[-72px] translate-y-[26px] sm:translate-x-[-78px] sm:translate-y-[24px] md:translate-x-[-86px] md:translate-y-[16px] lg:translate-x-[-88px] lg:translate-y-[16px] w-[1540px] h-[645px] scale-[1.04]",
|
|
}),
|
|
a.jsx("div", {
|
|
className: "md:flex-1",
|
|
children: a.jsx(t, {
|
|
title: e,
|
|
subtitle: s,
|
|
description: r,
|
|
ctaText: l,
|
|
ctaHref: n,
|
|
buttonClassName: "shrink-0 whitespace-nowrap min-w-[280px]",
|
|
}),
|
|
}),
|
|
a.jsx("div", {
|
|
className:
|
|
"w-full md:flex-1 rounded-[8px] overflow-hidden relative z-10 flex items-center justify-center",
|
|
children: a.jsx("img", {
|
|
src: "assets/HeroImage.png",
|
|
alt: "Hero illustration",
|
|
className: "w-full h-auto",
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
}),
|
|
});
|
|
c.__docgenInfo = { description: "", methods: [], displayName: "HeroBanner" };
|
|
export { c as H };
|