--- import BaseHead from "@components/BaseHead.astro"; import Footer from "@/components/Footer/Footer.astro"; import Header from "@components/Header/Header.astro"; import { SITE_DESCRIPTION, SITE_TITLE } from "@consts"; import ContactForm from "@/components/ContactForm/ContactForm.astro"; import { Image } from "astro:assets"; import type { ImageMetadata } from "astro"; import Circle from "@images/main/services/circle.png"; import Rocket from "@images/main/about-us/rocket.png"; import IntroAstronaut from "@images/main/intro/astronaut.png"; import IntroSpaceship from "@images/main/intro/spaceship.svg"; import { useTranslations } from "@/i18n/utils"; import type { SupportedLang } from "@/i18n/ui"; import "../styles/index.css"; interface Props { lang: SupportedLang; } const { lang } = Astro.props; const t = useTranslations(lang); const cards = (t("services.cards") as Array<{ image: string; title: string; text: string }>) || []; const images = import.meta.glob<{ default: ImageMetadata }>( "../assets/images/main/services/*.svg", { eager: true }, ); const getImage = (imageName: string) => { const path = `../assets/images/main/services/${imageName}`; return images[path]?.default; }; ---

{t("intro.creating")} {t("intro.websites")}

  • {t("intro.apps")}
  • {t("intro.shops")}
  • {t("intro.platforms")}

{t("intro.explore")}

{t("services.title")}

circle {cards.map((card) => { const imgSrc = getImage(card.image); return ( imgSrc && (
icon

{card.title}

{card.text}

) ); })}
rocket
{t("about_us.sub_title")}

{t("about_us.text")}

{t("about_us.amount_completed")}

{t("about_us.completed")}

{t("about_us.amount_webpages")}

{t("about_us.webpages")}

{t("about_us.amount_experience")}

{t("about_us.experience")}