added link

This commit is contained in:
Kakabay 2025-02-03 13:48:38 +05:00
parent a48e1e868f
commit d20f21438e
3 changed files with 35 additions and 20 deletions

View File

@ -8,7 +8,8 @@ import { useMediaQuery } from "usehooks-ts";
export const btns = [
{
title: "План выставки",
link: "",
link: "https://turkmentextile.turkmenexpo.com/app/storage/app/media/Floor%20plan/floor%20plan.pdf",
blank: true,
},
{
title: "Забронировать стенд",
@ -51,8 +52,13 @@ export const HomeHero: FC = () => {
</div>
<Container className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-center gap-6 text-2xl">
{btns.map(({ title, link }) => (
<Link key={title} to={link} className="w-full">
{btns.map(({ title, link, blank }) => (
<Link
target={blank ? "_blank" : ""}
key={title}
to={link}
className="w-full"
>
<Button
size={"lg"}
variant={"teritary"}

View File

@ -35,6 +35,7 @@ export const HomeOffers: FC = () => {
<div ref={emblaRef} className="embla ">
<div className="mb-2 flex gap-6 embla__container">
<OfferCard
btnText="Скачать путеводитель"
img="/offer-1.png"
className="embla__slide flex-[0_0_300px] md:flex-[0_0_600px]"
title="Гостиницы, трансфер, визы"
@ -42,6 +43,8 @@ export const HomeOffers: FC = () => {
text="По вопросам размещения в гостиницах, визовой поддержки, транспортного и экскурсионного обслуживания Вы можете обращаться к официальным туроператорам выставки"
/>
<OfferCard
btnText="Скачать план выставки"
link="https://turkmentextile.turkmenexpo.com/app/storage/app/media/Floor%20plan/floor%20plan.pdf"
img="/offer-2.png"
className="embla__slide flex-[0_0_300px] md:flex-[0_0_600px]"
title="Ознакомьтесь с планом выставки TurkmenTextile Expo 2025"

View File

@ -9,10 +9,18 @@ interface Props {
text: string;
className?: string;
img: string;
link?: string;
link: string;
btnText: string;
}
export const OfferCard: FC<Props> = ({ className, title, text, img, link }) => {
export const OfferCard: FC<Props> = ({
className,
title,
text,
img,
link,
btnText,
}) => {
return (
<article
className={cn(
@ -26,23 +34,21 @@ export const OfferCard: FC<Props> = ({ className, title, text, img, link }) => {
className="absolute size-full top-0 right-0 object-cover"
/>
<div className="relative z-20">
<h4 className="md:text-2xl text-lg mb-4 max-w-[444px] z-20 h-16">
{title}
</h4>
<p className="md:text-base text-sm normal max-w-[360px] z-20">{text}</p>
<div className="relative z-20 h-full">
<div className="">
<h4 className="md:text-2xl text-lg mb-4 max-w-[444px] z-20 h-16">
{title}
</h4>
<p className="md:text-base text-sm normal max-w-[360px] z-20">
{text}
</p>
</div>
{!link ? (
<Button className="text-sm px-0 mt-4 py-1.5 z-20" variant={"link"}>
Скачать PDF <ArrowUpRight />
<Link className="absolute bottom-0 left-0" target="_blank" to={link}>
<Button className="text-sm px-0 h-fit py-0 z-20" variant={"link"}>
{btnText} <ArrowUpRight />
</Button>
) : (
<Link to={link} target="_blank">
<Button className="text-sm px-0 mt-4 py-1.5 z-20" variant={"link"}>
Путеводитель <ArrowUpRight />
</Button>
</Link>
)}
</Link>
</div>
</article>
);