feat: add news slider to ua site

src/components/NewsSliderDataWrapper.astro

@@ -2,16 +2,18 @@
 import { NewsSliderComponent } from "@components";
 import { getNewsItems } from "@util/Airtable";
 import CommonUtils from "@util/CommonUtils";
+import LanguageUtils from "@util/LanguageUtils";
 import { getCollection } from "astro:content";
 
 const { headline, id, ...rest } = Astro.props;
 const baseUrl = CommonUtils.getBaseUrl(false);
+const localeFromUrl = LanguageUtils.getLocaleFromUrl(Astro.url, baseUrl);
 
 const news = await getNewsItems(30, baseUrl);
 const stickyNews = (await getCollection("news")).map((item) => ({
   ...item.data,
   id: item.id,
-  target: baseUrl + item.data.target
+  target: baseUrl + "/" + localeFromUrl + "/" + item.data.target,
 }));
 ---
 

src/content/news/makers-innovation-awards.yaml

@@ -1,4 +1,4 @@
 title: "Makers Innovation Award"
 description: "Where Networking Meets Funding, Mentoring Sparks Ideas, and Innovation Comes to Life!"
-target: /en/makersinnovationaward
+target: makersinnovationaward
 green: true

src/pages/en/index.mdx

@@ -4,20 +4,16 @@ title: Home
 ---
 
 import {
-  HeaderLogo,
   HeroImage,
   SideBySide,
   Card,
   CarCard,
   HeadlineUnderlined,
-  Footer,
   ImageGrid,
   ImageCard,
   CardContainer,
-  IllustrationBgContainer,
   TextBlock,
   ContentSection,
-  NewsItem,
   CommunityCard,
   ImpactListItem,
 } from "@components";

src/pages/ua/index.mdx

@@ -4,31 +4,32 @@ title: Home
 ---
 
 import {
-  HeaderLogo,
   HeroImage,
   SideBySide,
   Card,
   CarCard,
   HeadlineUnderlined,
-  Footer,
   ImageGrid,
   ImageCard,
   CardContainer,
   IllustrationBgContainer,
   TextBlock,
-  ContentSection,
+  ContentSection
 } from "@components";
 import NewsSlider from "@components/NewsSliderDataWrapper.astro";
 
 <HeroImage />
-<SideBySide className="mt-8 sm:mt-20">
+<SideBySide className="mt-8 mb-10 sm:my-20">
   <HeadlineUnderlined className="flex-[2]">
     Проєкт «Tolocar» направляє в Україну мобільні мейкерспейси, щоб допомогти, розширити можливості, оснастити та навчити місцеві громади за допомогою відкритих технологій, знань та інновацій.
   </HeadlineUnderlined>
   <TextBlock className="flex-[3]">
     «Толока» — це традиція взаємодопомоги та спільної праці громади для виконання великої за обсягом роботи, прийнята в Україні. З огляду на це, проєкт «Tolocar» використовує мобільні мейкерспейси, оснащені інструментами, обладнанням з відкритим вихідним кодом та витратними матеріалами, для підтримки гуманітарної діяльності в Україні. Для зміцнення екосистеми України різні партнери об’єдналися разом втілюючи різноманітні проєкти **з реконструкції та відновлення, відкритого виробництва, передачі знань та інновацій.** 
   </TextBlock>
 </SideBySide>
+<ContentSection id="news">
+  <NewsSlider headline="News" /> 
+</ContentSection>
 <IllustrationBgContainer>
   <CardContainer>
     <Card small title="Наша мотивація" bg={1} target="#motivation">Дізнайтеся, чому ми робимо проєкт «Tolocar»</Card>