added link
This commit is contained in:
parent
a48e1e868f
commit
d20f21438e
|
|
@ -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"}
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
|
|
|
|||
Loading…
Reference in New Issue