From d20f21438e0f008e670b1a44c29d835e2f4bf4b4 Mon Sep 17 00:00:00 2001
From: Kakabay <2kakabayashyrberdyew@gmail.com>
Date: Mon, 3 Feb 2025 13:48:38 +0500
Subject: [PATCH] added link

---
 src/components/shared/home/home-hero.tsx   | 12 +++++--
 src/components/shared/home/home-offers.tsx |  3 ++
 src/components/shared/offer-card.tsx       | 40 +++++++++++++---------
 3 files changed, 35 insertions(+), 20 deletions(-)

diff --git a/src/components/shared/home/home-hero.tsx b/src/components/shared/home/home-hero.tsx
index 3a88046..7729e13 100644
--- a/src/components/shared/home/home-hero.tsx
+++ b/src/components/shared/home/home-hero.tsx
@@ -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"}
diff --git a/src/components/shared/home/home-offers.tsx b/src/components/shared/home/home-offers.tsx
index 86c4e58..ffce720 100644
--- a/src/components/shared/home/home-offers.tsx
+++ b/src/components/shared/home/home-offers.tsx
@@ -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"
diff --git a/src/components/shared/offer-card.tsx b/src/components/shared/offer-card.tsx
index aafab94..363b96a 100644
--- a/src/components/shared/offer-card.tsx
+++ b/src/components/shared/offer-card.tsx
@@ -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>
   );