diff --git a/apps/website/astro.config.mjs b/apps/website/astro.config.mjs index f971097b..a24e85cf 100644 --- a/apps/website/astro.config.mjs +++ b/apps/website/astro.config.mjs @@ -20,8 +20,8 @@ export default defineConfig({ imageService: true, imagesConfig: { sizes: [ - 320, 480, 578, 640, 720, 800, 940, 960, 1200, 1280, 1412, 1440, 1536, - 1600, 1800, 1920, + 160, 320, 480, 578, 640, 720, 800, 940, 960, 1200, 1280, 1412, 1440, + 1536, 1600, 1800, 1920, ], formats: ["image/avif", "image/webp"], }, diff --git a/apps/website/src/assets/from-angular-to-react.png b/apps/website/src/assets/from-angular-to-react.png new file mode 100644 index 00000000..e1f6b1c1 Binary files /dev/null and b/apps/website/src/assets/from-angular-to-react.png differ diff --git a/apps/website/src/assets/how-we-rebuilt-a-legacy-ui-with-zero-downtime.png b/apps/website/src/assets/how-we-rebuilt-a-legacy-ui-with-zero-downtime.png new file mode 100644 index 00000000..05766a32 Binary files /dev/null and b/apps/website/src/assets/how-we-rebuilt-a-legacy-ui-with-zero-downtime.png differ diff --git a/apps/website/src/assets/using-lago-to-create-a-flexible-billing-system-2.png b/apps/website/src/assets/using-lago-to-create-a-flexible-billing-system-2.png new file mode 100644 index 00000000..6bd0c01c Binary files /dev/null and b/apps/website/src/assets/using-lago-to-create-a-flexible-billing-system-2.png differ diff --git a/apps/website/src/components/BlogLink.astro b/apps/website/src/components/BlogLink.astro index 81fbd218..8fc90e15 100644 --- a/apps/website/src/components/BlogLink.astro +++ b/apps/website/src/components/BlogLink.astro @@ -1,16 +1,40 @@ --- +import { Image } from "astro:assets"; import ExternalLink from "./ExternalLink.astro"; interface Props { href: string; linkText: string; title: string; + image: string; } -const { href, linkText, title } = Astro.props; +const { href, linkText, title, image } = Astro.props; + +const images = import.meta.glob<{ default: ImageMetadata }>("/src/assets/*.*"); + +const linkImageSrc = await images[`/src/assets/${image || ""}`](); --- -
- {title} - +
+ {title} + {title} +
diff --git a/apps/website/src/components/ExternalLink.astro b/apps/website/src/components/ExternalLink.astro index cf2d7ede..334e9311 100644 --- a/apps/website/src/components/ExternalLink.astro +++ b/apps/website/src/components/ExternalLink.astro @@ -1,13 +1,15 @@ --- +import classnames from "classnames"; interface Props { href: string; text: string; + classNames?: string; } -const { href, text } = Astro.props; +const { href, text, classNames } = Astro.props; --- -
+
Promise<{ - default: ImageMetadata; -}>; +const images = import.meta.glob<{ default: ImageMetadata }>("../assets/*.*"); +const src = images[`../assets${img.path}`]; const image = await src(); --- @@ -50,7 +49,7 @@ const image = await src(); h-[710px] overflow-hidden `, - styles, + styles )} >
{ - link?.title ? ( + link?.title && link.image ? ( ) : ( diff --git a/apps/website/src/content/services/create-an-evolving-architecture.md b/apps/website/src/content/services/create-an-evolving-architecture.md index cedb3755..c331099c 100644 --- a/apps/website/src/content/services/create-an-evolving-architecture.md +++ b/apps/website/src/content/services/create-an-evolving-architecture.md @@ -13,6 +13,7 @@ link: href: "/blog/using-lago-to-create-a-flexible-billing-system" text: "See case study" title: "Using Lago to Create a Flexible Billing System" + image: "using-lago-to-create-a-flexible-billing-system-2.png" --- From start to finish, we are there to design, implement, and guide you through the adoption of a future-proof, flexible software architecture. Backed by strong product engineering practices and tailored to your unique needs, we aim to reduce costs and mitigate the risks of downtime, technical debt, and evolving industry demands. diff --git a/apps/website/src/content/services/lead-migrations-without-imacting-customers.md b/apps/website/src/content/services/lead-migrations-without-imacting-customers.md index 098a5abb..e05a7222 100644 --- a/apps/website/src/content/services/lead-migrations-without-imacting-customers.md +++ b/apps/website/src/content/services/lead-migrations-without-imacting-customers.md @@ -13,6 +13,7 @@ link: href: "/blog/how-we-rebuilt-a-legacy-ui-with-zero-downtime" text: "See case study" title: "How We Rebuilt a Legacy UI With Zero Downtime: A Case Study in Component Libraries and Frontend Guidance" + image: "how-we-rebuilt-a-legacy-ui-with-zero-downtime.png" --- Move away from legacy systems and navigate major tech initiatives such as new framework adoptions, without disrupting your users. Whether you need end-to-end delivery or staff augmentation, our bottom-up approach empowers your existing teams to drive change sustainably and confidently. diff --git a/apps/website/src/content/services/upskill-existing-team.md b/apps/website/src/content/services/upskill-existing-team.md index bc568005..f1ed5a99 100644 --- a/apps/website/src/content/services/upskill-existing-team.md +++ b/apps/website/src/content/services/upskill-existing-team.md @@ -14,6 +14,7 @@ link: href: "/blog/migrating-an-enterprise-app-from-angularjs-to-react" text: "See case study" title: "Migrating an Enterprise App from AngularJS to React" + image: "from-angular-to-react.png" --- Help your team keep up with industry demands through dedicated mentorship and hands-on support. We offer technical coaching, on-the-job pairing, and structured growth plans to identify and close skill gaps so your developers become more effective and confident with modern technologies and practices.