Our services section update

apps/website/src/components/Clients.astro

@@ -31,9 +31,9 @@ import Section from "./Section.astro";
   </div>
 
   <div class="text-[#3C3843] md:text-center text-2xl leading-9 md:text-4xl md:leading-[54px] font-medium px-4 md:px-7 xl:px-60 py-[72px] md:pt-32  md:pb-[138px]">
-    Our tailored software services bridge the gap between the big-picture
+    Our tailored software services bridge the gap between the big-picture strategy
     <span class="text-[#3C384380]">
-      strategy and day-to-day operations, turning ambitious goals into concrete,
+      and day-to-day operations, turning ambitious goals into concrete,
     actionable steps that drive results.
     </span>
   </div>

apps/website/src/components/ServiceCard.astro

@@ -5,6 +5,7 @@ import { Image } from "astro:assets";
 interface Props {
   idx: number;
   title: string;
+  subtitle: string;
   content: any;
   styles?: string;
   imgPath: string;
@@ -13,8 +14,16 @@ interface Props {
   classNames?: string | string[];
 }
 
-const { title, content, styles, imgPath, imgAlt, iconPath, classNames } =
-  Astro.props;
+const {
+  title,
+  subtitle,
+  content,
+  styles,
+  imgPath,
+  imgAlt,
+  iconPath,
+  classNames,
+} = Astro.props;
 
 const images = import.meta.glob("../assets/*.*");
 const src = images[`../assets${imgPath}`] as any as () => Promise<{
@@ -64,13 +73,16 @@ const image = await src();
     <div
       class="col-span-6 grid max-lg:grid-rows-[min-content_min-content_auto] gap-7 lg:grid-cols-2 lg:col-span-2 lg:items-start justify-between"
     >
-      <span class="grid md:flex gap-7 items-center">
+      <span class="grid md:flex gap-7">
         <img src={iconPath} alt="" role="presentation" class="lg:mt-[2px] h-8 w-8 md:h-12 md:w-12" />
-        <h4
-          class="font-medium text-xl leading-[22px] md:text-[28px] md:leading-[30px] text-left"
-        >
-          {title}
-        </h4>
+        <div class="gap-y-2 flex flex-col">
+          <h4
+            class="font-medium text-xl leading-[22px] md:text-[28px] md:leading-[30px] text-left"
+          >
+            {title}
+          </h4>
+          <p class="text-lg">{subtitle}</p>
+        </div>
       </span>
       <div
         class="flex flex-col justify-center items-center row-start-3 lg:justify-start lg:col-span-1 lg:row-start-2"
@@ -85,7 +97,7 @@ const image = await src();
         />
       </div>
       <div
-        class="flex flex-col lg:flex-col row-start-2 lg:col-span-1 lg:col-start-2 lg:row-span-2 [&_p]:text-base [&_p]:leading-[26px] md:[&_p]:text-[22px] md:[&_p]:font-normal md:[&_p]:leading-8 text-left"
+        class="flex flex-col lg:flex-col row-start-2 lg:col-span-1 lg:col-start-2 lg:row-span-2 [&_p]:text-base [&_p]:leading-[26px] md:[&_p]:text-[20px] md:[&_p]:font-normal md:[&_p]:leading-8 text-left"
         set:html={content.html}
       />
     </div>

apps/website/src/components/Services.astro

@@ -14,6 +14,7 @@ for (const service of servicesCollection) {
   services[service.data.idx - 1] = {
     content: service.rendered,
     title: service.data.title,
+    subtitle: service.data.subtitle,
     img: {
       path: service.data.imgPath,
       alt: service.data.imgAlt,
@@ -47,6 +48,7 @@ for (const service of servicesCollection) {
             <ServiceCard
               idx={idx + 1}
               title={value.title}
+              subtitle={value.subtitle}
               content={value.content}
               imgPath={value.img.path}
               imgAlt={value.img.alt}

apps/website/src/components/cto/Hero.astro

@@ -26,13 +26,13 @@ import heroImage from "../../assets/cto-hero.png";
         <h2
           class="text-h1-sm sm:text-[54px] leading-9 sm:leading-[59.4px] font-medium tracking-tight"
         >
-          Your Tech Strategy. Delivered, Scaled, and Sustained.
+          Your Tech Strategy: Delivered, Scaled, and Sustained
         </h2>
       </div>
       <p
         class="font-normal leading-7 md:text-[22px] md:leading-8 tracking-normal"
       >
-        a web development consultancy helping CTOs Minimise their Hands-on
+        A web development consultancy helping CTOs Minimize their Hands-on.
         Involvement in Daily Operations
       </p>
 

apps/website/src/components/cto/Values.astro

@@ -49,7 +49,7 @@ const optimizedTeamsImage = await getImage({
         <InfoBlock
           icon="/target.svg"
           title="Transform Vision into Reality"
-          description="Close the gap between strategy and execution with a partner who ensures your big-picture goals translate into measurable outcomes"
+          description="Close the gap between strategy and execution with a partner who ensures your big-picture goals translate into measurable outcomes."
         />
         <div class="grid grid-cols-2 w-max gap-[10px] h-fit">
           <a
@@ -84,7 +84,7 @@ const optimizedTeamsImage = await getImage({
         className="md:pl-12 md:pt-12 p-7"
         icon="/management.svg"
         title="Build High-Performing Teams Without Micromanagement"
-        description="Empower your teams to operate independently by introducing sustainable processes and bringing in specialized expertise only where it’s needed"
+        description="Empower your teams to operate independently by introducing sustainable processes and bringing in specialized expertise only where it’s needed."
       />
       <div class="h-56 lg:h-full flex items-end">
         <img

apps/website/src/components/hero.astro

@@ -43,7 +43,7 @@ import heroImage from "../assets/croco-13.png";
     xl:py-24"
     >
       <div class="w-full pb-2 lg:pb-4 xl:pt-[92px] md:py-0 lg:px-0 z-10">
-        <Pill className="max-md:text-sm">🚀 More than just developers</Pill>
+        <Pill className="max-md:text-sm">More than just developers</Pill>
       </div>
       <h1
         class="font-normal text-[32px] leading-9 md:text-[54px] md:leading-[60px] tracking-tight"
@@ -65,8 +65,7 @@ import heroImage from "../assets/croco-13.png";
           class="fadeInUp"
           style="animation-delay: 900ms;animation-fill-mode: backwards;"
         >
-          A web development consultancy delivering scalable solutions that drive
-          real business impact.
+          A web development consultancy delivering scalable solutions that drive real business impact.
         </span>
       </div>
       <div class="flex flex-col sm:flex-row gap-[10px]">

apps/website/src/components/testimonial.astro

@@ -31,7 +31,7 @@ for (const testimonial of testimonialCollections) {
 
 <Section className={`!px-0 !py-24`}>
   <div
-    class="px-4 sm:px-7 sm:items-center sm:text-center sm:justify-items-center"
+    class="px-4 sm:grid sm:px-7 sm:items-center sm:text-center sm:justify-items-center"
   >
     <Pill>Testimonials</Pill>
     <SectionTitle className="pt-4 md:text-[74px] md:leading-[80px]">

apps/website/src/content/authors/ante.md

@@ -0,0 +1,7 @@
+---
+name: Ante Koceić
+image: "/images/authors/antekoceic.png"
+---
+
+A software engineer who enjoys creating reliable and user friendly systems.
+Connect with Ante on <ins>[LinkedIn](https://www.linkedin.com/in/ante-kocei%C4%87-440644153/)</ins>.

apps/website/src/content/authors/stefan.md

@@ -0,0 +1,7 @@
+---
+name: Stefan Škorić
+image: "/images/authors/stefanskoric.png"
+---
+
+A skilled software engineer who likes to design clean, flexible and reliable systems.
+Connect with Stefan on <ins>[LinkedIn](https://www.linkedin.com/in/stefan-skoric/)</ins>.

apps/website/src/content/ctoservices/expert-driven-team-augmentation.md

@@ -1,6 +1,6 @@
 ---
 idx: 2
-image: "/pic-people-collaborating.png"
+image: "/pic-people-collaborating-1.png"
 iconFirst: "/hands-puzzle.svg"
 iconSecond: "/performance-increase.svg"
 sectionTitle: "Expert-driven Team Augmentation"