service pages

Webpage/src/components_webpage/_servicespage/_softwaredevelopment/Content.astro

@@ -27,54 +27,33 @@ const features = [
 ---
 <section class="relative">
   <Verticalgrid />
-  <div
-    class="max-w-7xl px-8 md:px-12 lg:px-32 mx-auto py-12 lg:py-24 relative space-y-24"
-  >
-    <div class="grid grid-cols-1 gap-4 mt-6 list-none lg:grid-cols-2 lg:gap-24">
+  <div class="max-w-7xl px-8 md:px-12 lg:px-32 mx-auto py-12 lg:py-24 relative">
+    <div class="max-w-2xl mx-auto lg:text-center">
       <div>
-        <!--<p class="text-sm text-transparent uppercase bg-gradient-to-r from-indigo-300 to-indigo-400 bg-clip-text">
-          Embrace the future of payments
-        </p>-->
-        <p class="text-3xl mt-8 font-normal text-white trackingt-tight">
+        <p class="text-3xl mt-8 font-normal text-white tracking-tight">
           {t('softwaredevelopmentpage:maintitle')}
         </p>
-        <p class="mt-4 text-base text-vulcan-300">
+        <p class="text-vulcan-300 text-base mt-4 max-w-lg lg:mx-auto">
           {t('softwaredevelopmentpage:maindescription')}
         </p>
-        <!--<div class="flex flex-wrap mt-10">
-          <a href="/system/overview" class="rounded-lg px-4 border py-2 text-sm font-semibold transition-all flex items-center justify-center bg-vulcan-900 text-white hover:text-indigo-400 h-10 border-vulcan-700">See all pages</a>
-        </div>-->
-      </div>
-      <div class="lg:mt-0 mt-12 h-full">
-        <!--<img
-          alt="Lexington thumbnail"
-          class="rounded-2xl shadow-2xl shadow-vulcan-950/50 w-full"
-          src="/assets/card2.svg"
-        />-->
-        &nbsp;
       </div>
     </div>
     <ul
-      class="grid grid-cols-2 gap-6 mt-12 list-none md:grid-cols-4 lg:gap-12 lg:mt-24"
+      class="grid grid-cols-2 lg:text-center gap-6 mt-12 list-none lg:grid-cols-4 lg:gap-12 lg:mt-24"
       role="list"
     >
       {
         features.map((feature) => (
           <li>
-            <div>
-              <p class="text-sm font-medium text-indigo-400">
-                {feature.number}
-              </p>
-              <p class="text-lg mt-6 font-medium text-white lg:text-xl">
-                {feature.title}
-              </p>
-            </div>
-            <div class="mt-2 text-base text-vulcan-300">
+            <p class="text-lg font-medium text-white lg:text-xl">
+              {feature.title}
+            </p>
+            <p class="mt-2 text-base text-vulcan-300">
               {feature.description}
-            </div>
+            </p>
           </li>
         ))
       }
     </ul>
   </div>
-</section>
+</section>

Webpage/src/components_webpage/_servicespage/_softwaredevelopment/SoftwareDevelopmentSteps.astro

@@ -0,0 +1,63 @@
+---
+import Verticalgrid from "../../assets/Verticalgrid.astro";
+import { getLangFromUrl, useTranslations, useTranslatedPath, getRouteFromUrl } from '../../../i18n/utils';
+const lang = getLangFromUrl(Astro.url);
+const t = useTranslations(lang);
+
+const features = [
+  {
+    number: t('global:step1'),
+    title: t('softwaredevelopmentstepspage:step1'),
+    description: t('softwaredevelopmentstepspage:step1description'),
+  },
+  {
+    number: t('global:step2'),
+    title: t('softwaredevelopmentstepspage:step2'),
+    description: t('softwaredevelopmentstepspage:step2description'),
+  },
+  {
+    number: t('global:step3'),
+    title: t('softwaredevelopmentstepspage:step3'),
+    description: t('softwaredevelopmentstepspage:step3description'),
+  },
+  {
+    number: t('global:step4'),
+    title: t('softwaredevelopmentstepspage:step4'),
+    description: t('softwaredevelopmentstepspage:step4description'),
+  },
+];
+
+---
+
+<section class="relative">
+  <Verticalgrid />
+  <div class="relative px-8 py-12 mx-auto max-w-7xl md:px-12 lg:px-32 lg:py-24">
+    <div class="max-w-xl mx-auto text-center">
+      <p class="text-sm text-transparent uppercase bg-gradient-to-r from-indigo-300 to-indigo-400 bg-clip-text">
+        {t('softwaredevelopmentstepspage:cliptext')}
+      </p>
+      <p class="mt-8 text-3xl font-normal tracking-tight text-white">
+        {t('softwaredevelopmentstepspage:title')}
+      </p>
+    </div>
+    <div class="relative items-center w-full mx-auto mt-12 lg:p-10 lg:rounded-5xl lg:border bg-vulcan-900 border-vulcan-800">
+      <img
+        class="object-top w-full border shadow-2xl lg:object-cover border-white/5 rounded-3xl h-96 shadow-vulcan-950"
+        src="/assets/dashboard1.png"
+        alt="" />
+    </div>
+    <ul class="grid grid-cols-1 gap-12 mt-12 list-none md:grid-cols-2" role="list">
+     {
+        features.map((features) => (
+          <li>
+        <div class="text-base text-vulcan-300">
+          <strong class="text-white">{features.number}:&nbsp; &nbsp;{features.title}</strong>
+          ― {features.description}
+        </div>
+      </li>
+        ))
+      }
+    </ul>
+  </div>
+</section>
+

Webpage/src/i18n/ui.ts

@@ -29,6 +29,12 @@ export const languages = {
       'global:legal': 'Legal',
       'global:basicdata': 'Basic data',
       'global.slovenia': 'Slovenia',
+      'global:step1': 'Step 1',
+      'global:step2': 'Step 2',
+      'global:step3': 'Step 3',
+      'global:step4': 'Step 4',
+      'global:step5': 'Step 5',
+      'global:step6': 'Step 6',
 
       'nav.contact': 'Contact',
       'nav.solutions': 'Solutions',
@@ -70,6 +76,16 @@ export const languages = {
       'softwaredevelopmentpage:rapidadaptationchangesdescription': 'In many market segments across various industries, the market changes rapidly. With purpose-built software, changes can be implemented more easily and quickly, maintaining optimal competitiveness.',
       'softwaredevelopmentpage:enhancedconnectivitywithexternalsystems': 'Enhanced connectivity with external systems',
       'softwaredevelopmentpage:enhancedconnectivitywithexternalsystemsdescription': 'One of the key aspects of bespoke software is its ability to communicate with other systems performing various tasks. Automated data exchange is crucial for improving overall operations and reducing human errors.',
+      'softwaredevelopmentstepspage:cliptext': 'Software design',
+      'softwaredevelopmentstepspage:title': 'We meet your requirements through a structured process of collaborative development, ensuring successful outcomes.',
+      'softwaredevelopmentstepspage:step1': 'Introductory Meeting',
+      'softwaredevelopmentstepspage:step1description': 'During the introductory meeting, we will gain insights into your needs and goals with our team. Together, we will formulate a development plan that will meet your requirements and contribute to the success of your business.',
+      'softwaredevelopmentstepspage:step2': 'Consultation',
+      'softwaredevelopmentstepspage:step2description': 'Joint meetings at regular intervals will be conducted as part of the collaboration in solution development. During these meetings, we will review project progress, address your feedback, and discuss any necessary adjustments or additional requirements. Through close collaboration, we will ensure that the solution development aligns with your expectations and needs.',
+      'softwaredevelopmentstepspage:step3': 'Development',
+      'softwaredevelopmentstepspage:step3description': 'In the development phase, our team of developers will create the solution according to your requirements and specifications. Throughout this process, we will establish close collaboration, ensure regular communication, and keep you informed of progress and any challenges, aiming to achieve successful solution development together. Our goal is to deliver quality and timely execution that meets your expectations.',
+      'softwaredevelopmentstepspage:step4': 'Delivery, Deployment, and Maintenance',
+      'softwaredevelopmentstepspage:step4description': 'After successful solution development, we will take care of delivery and deployment into your environment. Our team will professionally install and integrate the solution, ensuring smooth operation in line with your systems. Additionally, we will provide maintenance, including issue resolution, updates, and support for reliable solution operation in the future.',
 
       'footer:allrightsreserved': 'All rights reserved',
       'footer:socialnetworks': 'Social Networks',
@@ -88,6 +104,12 @@ export const languages = {
       'global:legal': 'Pravno',
       'global:basicdata': 'Osnovni podatki',
       'global.slovenia': 'Slovenija',
+      'global:step1': '1. korak',
+      'global:step2': '2. korak',
+      'global:step3': '3. korak',
+      'global:step4': '4. korak',
+      'global:step5': '5. korak',
+      'global:step6': '6. korak',
 
       'nav.contact': 'Kontakt',
       'nav.solutions': 'Rešitve',
@@ -129,6 +151,16 @@ export const languages = {
       'softwaredevelopmentpage:rapidadaptationchangesdescription': 'V mnogih tržnih segmentih različnih panog se trg hitro spreminja. Z namensko programsko opremo se spremembe lahko lažje in hitreje implementira, kar ohranja optimalno konkurenčnost.',
       'softwaredevelopmentpage:enhancedconnectivitywithexternalsystems': 'Izboljšana povezljivost z zunanjimi sistemi',
       'softwaredevelopmentpage:enhancedconnectivitywithexternalsystemsdescription': 'Eden od ključnih vidikov namenske programske opreme je njena sposobnost komuniciranja z drugimi sistemi, ki opravljajo različne naloge. Avtomatizirana izmenjava podatkov je ključna za izboljšanje celovitega poslovanja in zmanjšanje človeških napak.',
+      'softwaredevelopmentstepspage:cliptext': 'Oblikovanje programske opreme',
+      'softwaredevelopmentstepspage:title': 'Vaše želje uresničimo s koraki uspešnega sodelovanja in razvoja.',
+      'softwaredevelopmentstepspage:step1': 'Spoznavni sestanek',
+      'softwaredevelopmentstepspage:step1description': 'Na spoznavnem sestanku bomo z ekipo pridobili vpogled v vaše potrebe in cilje. Skupaj bomo oblikovali načrt za razvoj, ki bo izpolnil vaše zahteve in prispeval k uspehu vašega podjetja.',
+      'softwaredevelopmentstepspage:step2': 'Posvetovanje',
+      'softwaredevelopmentstepspage:step2description': 'Skupna srečanja na rednih sestankih bodo potekala v sklopu sodelovanja pri razvoju rešitve. Na teh sestankih bomo pregledali napredek projekta, obravnavali vaše povratne informacije ter se dogovarjali o morebitnih prilagoditvah ali dodatnih zahtevah. S tesnim sodelovanjem bomo zagotovili, da bo razvoj rešitve ustrezal vašim pričakovanjem in potrebam.',
+      'softwaredevelopmentstepspage:step3': 'Razvoj',
+      'softwaredevelopmentstepspage:step3description': 'Faza razvoja, v kateri naša ekipa razvijalcev ustvari rešitev v skladu z vašimi zahtevami in specifikacijami. V času tega procesa bomo vzpostavili tesno sodelovanje, zagotavljali redno komunikacijo ter vas obveščali o napredku in morebitnih izzivih, s ciljem, da skupaj dosežemo uspešen razvoj rešitve. Naš cilj je zagotoviti kakovostno in pravočasno izvedbo, ki bo izpolnila vaša pričakovanja.',
+      'softwaredevelopmentstepspage:step4': 'Dostava, postavitev in vzdrževanje',
+      'softwaredevelopmentstepspage:step4description': 'Po uspešnem razvoju rešitve bomo poskrbeli za dostavo in postavitev v vaše okolje. Naša ekipa bo strokovno namestila ter integrirala rešitev, ki bo nemoteno delovala v skladu z vašimi sistemi. Poleg tega vam bomo zagotovili tudi vzdrževanje, ki vključuje odpravljanje težav, posodobitve in podporo za zanesljivo delovanje rešitve tudi v prihodnosti.',
 
       'footer:allrightsreserved': 'Vse pravice pridržane',
       'footer:socialnetworks': 'Socialna omrežja',

Webpage/src/pages/en/services/software-development.astro

@@ -1,8 +1,10 @@
 ---
 import BaseLayout from "@/layouts/BaseLayout.astro";
 import Content from "@/components_webpage/_servicespage/_softwaredevelopment/Content.astro";
+import SoftwareDevelopmentSteps from "@/components_webpage/_servicespage/_softwaredevelopment/SoftwareDevelopmentSteps.astro";
 ---
 
 <BaseLayout>
 	<Content />
+	<SoftwareDevelopmentSteps />
 </BaseLayout>

Webpage/src/pages/storitve/razvoj-programske-opreme.astro

@@ -1,8 +1,10 @@
 ---
 import BaseLayout from "@/layouts/BaseLayout.astro";
 import Content from "@/components_webpage/_servicespage/_softwaredevelopment/Content.astro";
+import SoftwareDevelopmentSteps from "@/components_webpage/_servicespage/_softwaredevelopment/SoftwareDevelopmentSteps.astro";
 ---
 
 <BaseLayout>
 	<Content />
+	<SoftwareDevelopmentSteps />
 </BaseLayout>