fix: update content and styling for various pages and components

Author: Don-Damiano

src/pages/en/for-founders.astro

@@ -5,16 +5,16 @@ import BaseLayout from "../../layouts/BaseLayout.astro";
 <BaseLayout
   lang="en"
   routeKey="forFounders"
-  title="From idea to MVP and production"
-  description="We help founders go from idea to a working system. MVPs, prototypes and first deployments with clear trade-offs and a path to production."
+  title="From idea to MVP and a working application"
+  description="We help founders go from idea to a working application or system. MVPs, prototypes and first deployments with a clear path forward."
 >
   <section class="section">
     <h1>You have an idea for an application or system.</h1>
 
     <p class="lead">
       Not sure how to turn it into a working product?
-      We help you go from idea to a real, working first version —
-      without technical chaos and without guessing “what now”.
+      We help you go from idea to a real, working solution —
+      without having to dive into technical details and without guessing “what now”.
     </p>
 
     <div class="card">
@@ -41,8 +41,9 @@ import BaseLayout from "../../layouts/BaseLayout.astro";
       </p>
 
       <p style="margin-bottom:0; color: rgba(255,255,255,.72);">
-        Our role is not to overwhelm you with details, but to help structure the idea
-        and guide you through the entire process in a clear, understandable way.
+        Our role is not to overwhelm you with details,
+        but to help structure the idea and guide you through the entire process
+        in a clear and understandable way.
       </p>
     </div>
   </section>
@@ -52,8 +53,9 @@ import BaseLayout from "../../layouts/BaseLayout.astro";
 
     <div class="card">
       <p style="margin-top:0; color: rgba(255,255,255,.72);">
-        For founders and teams who have an idea for a product, platform, or system,
-        want to validate its business sense, don’t have a CTO or technical team,
+        For founders and teams who have an idea for an application, platform, or system,
+        want to validate its business sense,
+        don’t have a CTO or technical team,
         and want to deliver something real — not just a “project”.
       </p>
 
@@ -71,7 +73,11 @@ import BaseLayout from "../../layouts/BaseLayout.astro";
         <li><span class="kicker" style="margin-right:10px;">01</span>we talk about the idea and the goal (no technical jargon)</li>
         <li><span class="kicker" style="margin-right:10px;">02</span>we structure assumptions and risks to avoid costly shortcuts</li>
         <li><span class="kicker" style="margin-right:10px;">03</span>we define a realistic scope for the first version + “done” criteria</li>
-        <li><span class="kicker" style="margin-right:10px;">04</span>we build and deliver a working product (production-ready)</li>
+        <li>
+          <span class="kicker" style="margin-right:10px;">04</span>
+          we build and deliver a working application
+          <span style="color: rgba(255,255,255,.6);">(with production and future growth in mind)</span>
+        </li>
       </ul>
 
       <div style="margin-top: 14px;">
@@ -85,13 +91,15 @@ import BaseLayout from "../../layouts/BaseLayout.astro";
 
     <div class="card">
       <p style="margin-top:0; color: rgba(255,255,255,.72);">
-        We take responsibility for technical decisions, system architecture,
-        translating the idea into a working product, and delivering it end-to-end.
+        We take responsibility for technical decisions,
+        designing the solution,
+        and translating the idea into a working application or platform.
+        <span style="color: rgba(255,255,255,.6);">Under the hood, there is always a well-designed system.</span>
       </p>
 
       <p style="margin-bottom:0; color: rgba(255,255,255,.72);">
-        You don’t need to “learn IT”. We explain things in plain language
-        and make decisions together.
+        You don’t need to “learn IT”.
+        We explain things in plain language and make decisions together.
       </p>
     </div>
   </section>
@@ -101,20 +109,22 @@ import BaseLayout from "../../layouts/BaseLayout.astro";
 
     <div class="card">
       <p style="margin-top:0; color: rgba(255,255,255,.72);">
-        We don’t sell fixed “packages”, don’t promise miracles in a week,
+        We don’t sell fixed “packages”,
+        don’t promise miracles in a week,
         and don’t build things without clear business sense.
       </p>
 
       <p style="margin-bottom:0; color: rgba(255,255,255,.72);">
-        Our focus is on building products that actually work and can grow.
+        Our focus is on building products that actually work and have a future.
       </p>
     </div>
   </section>
 
   <section class="section">
     <div class="card">
       <p style="margin-top:0; color: rgba(255,255,255,.72);">
-        If this sounds reasonable, the next step is a short conversation
+        If this sounds reasonable,
+        the next step is a short conversation
         or a message describing your goal and context.
       </p>
 
@@ -126,4 +136,4 @@ import BaseLayout from "../../layouts/BaseLayout.astro";
       </div>
     </div>
   </section>
-</BaseLayout>
+</BaseLayout>

src/pages/en/index.astro

@@ -7,34 +7,37 @@ import HeroVisual from "../../components/HeroVisual.astro";
 <BaseLayout
   lang="en"
   routeKey="home"
-  title="End-to-end systems — architecture & delivery"
-  description="We design and deliver production-ready software systems — from MVPs and prototypes to stable platforms. Microservices, APIs, event-driven architecture, Kubernetes, cloud and device integrations."
+  title="Web apps & end-to-end systems — architecture & delivery"
+  description="We design and deliver production-ready web apps, platforms and e-commerce — from MVPs and prototypes to stable deployments. APIs, event-driven architecture, Kubernetes, cloud, integrations, plus WordPress/WooCommerce."
 >
   <section class="hero">
     <div class="hero-left">
-      <div class="hero-kicker" aria-label="architecture build production">
-        architecture · build · production
-      </div>
 
       <h1>
-        We design &amp; ship systems.<span class="cursor" aria-hidden="true">│</span>
+        We design and deliver solutions.<span class="cursor" aria-hidden="true">│</span>
       </h1>
 
+      <h2 class="hero-subtitle">
+        apps · platforms · systems
+      </h2>
+
       <p class="lead">
         rocketdeploy is a senior engineering team focused on
-        <strong>end-to-end system delivery</strong> —
+        <strong>end-to-end product delivery</strong> —
         from MVPs and prototypes to stable, production-grade platforms.
+        <span style="color: rgba(255,255,255,.6);">Under the hood, there’s always a well-designed system.</span>
       </p>
 
       <p class="lead" style="margin-top: 10px;">
-        We work where systems become real:
+        We work where products become real:
         cloud, backend, frontend, mobile, and software connected
         to physical devices.
       </p>
 
       <p class="lead" style="margin-top: 10px; color: rgba(255,255,255,.6);">
         We work on both small, well-scoped starter projects
-        and larger systems built for long-term growth.
+        and larger platforms built for long-term growth —
+        including <strong>WordPress &amp; WooCommerce e-commerce</strong>, integrations and custom plugins.
       </p>
 
       <div class="hero-divider minimal" aria-hidden="true"></div>
@@ -72,8 +75,8 @@ import HeroVisual from "../../components/HeroVisual.astro";
       <div class="card">
         <div class="kicker">for founders</div>
         <p style="margin-top:10px; color: rgba(255,255,255,.72);">
-          <strong>Have an idea for a product but not sure where to start?</strong><br />
-          See how we help founders go from idea to a working system —
+          <strong>Have an idea for a web app, admin panel or store, but not sure where to start?</strong><br />
+          See how we help founders go from idea to a working product —
           without having to dive into technical details.
         </p>
         <div style="margin-top: 14px;">
@@ -104,6 +107,8 @@ import HeroVisual from "../../components/HeroVisual.astro";
       <span class="badge">Keycloak</span>
       <span class="badge">Vault</span>
       <span class="badge">observability</span>
+      <span class="badge">WordPress/WooCommerce</span>
+      <span class="badge">Astro</span>
     </div>
   </section>
 
@@ -135,8 +140,8 @@ import HeroVisual from "../../components/HeroVisual.astro";
     <div class="grid">
       <div class="card">
         <div class="kicker">&lt;/&gt;</div>
-        <h3>End-to-End System Delivery</h3>
-        <p>From architecture to production — we deliver systems that are ready for real-world use.</p>
+        <h3>End-to-end delivery</h3>
+        <p>From architecture to production — we deliver work that’s ready for real-world use.</p>
       </div>
 
       <div class="card">
@@ -147,30 +152,50 @@ import HeroVisual from "../../components/HeroVisual.astro";
 
       <div class="card">
         <div class="kicker">◎</div>
-        <h3>Backend, APIs & EDA</h3>
+        <h3>Backend, APIs &amp; EDA</h3>
         <p>API-first, BFF, integrations, event-driven design — built to evolve and scale.</p>
       </div>
     </div>
 
     <div class="grid" style="margin-top: 14px;">
       <div class="card">
         <div class="kicker">UI</div>
-        <h3>Frontend & Mobile</h3>
-        <p>Web apps, admin panels, kiosks, and operational tools for teams in the field.</p>
+        <h3>Frontend &amp; Mobile</h3>
+        <p>Web apps, admin panels, static sites, kiosks, and operational tools for teams in the field.</p>
       </div>
 
       <div class="card">
-        <div class="kicker">UX</div>
-        <h3>UI/UX Collaboration</h3>
-        <p>We work with client-provided UI/UX or coordinate design via trusted subcontractors.</p>
+        <div class="kicker">WP</div>
+        <h3>WordPress &amp; WooCommerce</h3>
+        <p>Stores, integrations and advanced plugins — when e-commerce should work like a product, not just “a site with a cart”.</p>
       </div>
 
       <div class="card">
         <div class="kicker">MVP</div>
-        <h3>MVPs & technical prototypes</h3>
+        <h3>MVPs &amp; technical prototypes</h3>
         <p>Fast validation — with clear trade-offs and a path to production-grade delivery.</p>
       </div>
     </div>
+
+    <div class="grid" style="margin-top: 14px;">
+      <div class="card">
+        <div class="kicker">UX</div>
+        <h3>UI/UX collaboration</h3>
+        <p>We work with client-provided UI/UX or coordinate design via trusted subcontractors.</p>
+      </div>
+
+      <div class="card">
+        <div class="kicker">ops</div>
+        <h3>Stable start after launch</h3>
+        <p>A short stabilization phase to close the gaps that usually show up only after release.</p>
+      </div>
+
+      <div class="card">
+        <div class="kicker">fit</div>
+        <h3>Right-sized approach</h3>
+        <p>We don’t overload small projects. We match architecture and tooling to budget, risks and the growth plan.</p>
+      </div>
+    </div>
   </section>
 
   <section class="section">
@@ -197,19 +222,20 @@ import HeroVisual from "../../components/HeroVisual.astro";
 
     <div class="card">
       <p style="margin-top:0; color: rgba(255,255,255,.72);">
-        We have designed and delivered systems across areas such as:
+        We have designed and delivered solutions across areas such as:
       </p>
       <ul class="check-list" style="margin: 0; color: rgba(255,255,255,.72);">
         <li>e-commerce platforms integrated with logistics and automation</li>
         <li>distributed systems connecting cloud services and physical devices</li>
         <li>operational platforms used daily by non-technical teams</li>
         <li>microservice systems running 24/7 in production</li>
-        <li>systems evolved from MVPs to full scale</li>
+        <li>products evolving from MVPs to full scale</li>
+        <li>advanced WordPress/WooCommerce implementations and integrations</li>
       </ul>
 
       <div style="margin-top: 14px;">
         <a class="btn" href="/en/case-studies/">See examples →</a>
       </div>
     </div>
   </section>
-</BaseLayout>
+</BaseLayout>

src/pages/en/services/index.astro

@@ -5,18 +5,19 @@ import BaseLayout from "../../../layouts/BaseLayout.astro";
 <BaseLayout
   lang="en"
   routeKey="services"
-  title="Services: system architecture & delivery"
-  description="rocketdeploy services: architecture, development and production delivery. We help ship reliable systems from discovery and design to deployment and operations."
+  title="Services: web apps, e-commerce & delivery"
+  description="rocketdeploy services: web apps, platforms and e-commerce (WordPress/WooCommerce). Architecture, development and production delivery — from discovery and design to stable deployments."
 >
   <section class="section">
     <h1>Services</h1>
 
     <div class="card">
       <p style="margin-top:0; color: rgba(255,255,255,.72);">
-        rocketdeploy designs and delivers production-ready systems.
+        rocketdeploy designs and delivers <strong>web apps, platforms and e-commerce</strong> that are ready for production.
         We work in a structured, process-driven way — from architectural decisions
         and delivery planning to production deployment. Below you’ll find our offer
         broken down into stages: you can engage us end-to-end or for selected areas.
+        <span style="color: rgba(255,255,255,.6);">Under the hood, there’s always a well-designed system.</span>
       </p>
 
       <div class="card" style="margin-top: 14px;">
@@ -26,12 +27,11 @@ import BaseLayout from "../../../layouts/BaseLayout.astro";
           for non-technical founders.
         </p>
 
-      <div style="margin-top: 14px;">
-        <a class="btn" href="/en/for-founders/">Path for founders →</a>
+        <div style="margin-top: 14px;">
+          <a class="btn" href="/en/for-founders/">Path for founders →</a>
+        </div>
       </div>
     </div>
-
-    </div>
   </section>
 
   <section class="section">
@@ -67,13 +67,13 @@ import BaseLayout from "../../../layouts/BaseLayout.astro";
       <a class="card" href="/en/services/post-launch/" style="border-bottom:none;">
         <div class="kicker">05</div>
         <h3>Post-launch support</h3>
-        <p>Limited stabilization phase for systems we delivered.</p>
+        <p>Limited stabilization phase for deployments delivered by our team.</p>
       </a>
 
       <div class="card">
         <div class="kicker">model</div>
         <h3>End-to-end or modular</h3>
-        <p>We can deliver the full scope or step into selected areas (e.g. infrastructure + deployment).</p>
+        <p>We can deliver the full scope or step into selected areas (e.g. e-commerce + integrations, or infrastructure + deployment).</p>
       </div>
     </div>
   </section>
@@ -102,10 +102,10 @@ import BaseLayout from "../../../layouts/BaseLayout.astro";
     <div class="card">
       <ul class="check-list" style="margin: 0; color: rgba(255,255,255,.72);">
         <li>we do not take over maintenance of third-party systems</li>
-        <li>post-launch support applies only to systems we delivered</li>
+        <li>post-launch support applies only to deployments delivered by our team</li>
         <li>no 24/7 on-call or classic support model</li>
         <li>long-term partnerships are considered individually</li>
       </ul>
     </div>
   </section>
-</BaseLayout>
+</BaseLayout>