Skip to content

Commit

Permalink
Merge pull request #19 from kumuluz/pino-test
Browse files Browse the repository at this point in the history 
Fixes
  • Loading branch information
@pinokokol
pinokokol authored Sep 23, 2024
2 parents 78ab16c + 6aa3c8d commit 77c8532
Show file tree
Hide file tree
Showing 3 changed files with 134 additions and 75 deletions.
49 changes: 39 additions & 10 deletions src/pages/ai/ai-page.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ $phone-width: 90%;
.ai {
.header {
width: 100%;
padding-top: 40px;
padding-top: 60px;
padding-bottom: 40px;
background-color: $blue-300;

Expand Down Expand Up @@ -62,7 +62,7 @@ $phone-width: 90%;
display: flex;
justify-content: space-between;
align-items: stretch;
border: 1px solid black;
border: 2px solid black;

.content {
padding: 1rem;
Expand All @@ -71,7 +71,7 @@ $phone-width: 90%;
}

.table-separator {
width: 1px;
width: 2px;
background-color: black;
}

Expand All @@ -94,7 +94,7 @@ $phone-width: 90%;
}

.table-end {
border: 1px solid black;
border: 2px solid black;
border-top: none;
font-size: 18px;
font-weight: 600;
Expand Down Expand Up @@ -155,10 +155,11 @@ $phone-width: 90%;
padding-top: 40px;

.content-body {
width: $pc-width;
width: $phone-width;
display: flex;
margin-left: -15px;
margin-right: -15px;
gap: 2rem;
}

.mobile-image {
Expand Down Expand Up @@ -276,6 +277,18 @@ $phone-width: 90%;
}
}

@include device-specific($media-xs) {
.ai {
.main-content {
.index-content-component {
.items-margin-top {
margin-top: 0 !important;
}
}
}
}
}


@include device-specific($media-phone) {
.ai {
Expand Down Expand Up @@ -341,7 +354,7 @@ $phone-width: 90%;

.index-content-component {
.content-body {
width: $phone-width;
width: $phone-width !important;
flex-wrap: wrap;
display: flex;
margin-left: -15px;
Expand All @@ -360,10 +373,6 @@ $phone-width: 90%;
margin-top: 40px;
}

.items-margin-top {
margin-top: 0;
}

.points {
padding-left: 15px;
}
Expand Down Expand Up @@ -440,6 +449,18 @@ $phone-width: 90%;
.beige-arrow-reversed {
border-width: 0 100vw 120px 0;
}

.main-content {
.index-content-component {
.content-body {
width: $tablet-width;
}

.items-margin-top {
margin-top: 40px !important;
}
}
}
}

}
Expand Down Expand Up @@ -472,6 +493,14 @@ $phone-width: 90%;
.beige-arrow-reversed {
border-width: 0 100vw 240px 0;
}

.main-content {
.index-content-component {
.content-body {
width: $pc-width;
}
}
}
}

}
158 changes: 94 additions & 64 deletions src/pages/ai/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import React, { Component } from "react";
import PropTypes from "prop-types";
import Link from "gatsby-link";
import { translate } from "react-i18next";
import { Helmet } from "react-helmet";
import { Footer } from "../../components/shared/footer/footer";
Expand Down Expand Up @@ -72,146 +73,175 @@ export default class ThanksPage extends Component {
<div className="index-content-component">
<div className="flex-column d-flex align-items-center">
<div className="flex-column d-flex align-items-center" style={{ marginTop: "60px" }}>
<div className="mt-5 content-body">
<Col md={6}>
<Row className="mt-5 content-body">
<Col>
<img
src={stockAi}
style={{ width: "100%", borderRadius: "16px", border: "8px solid #DCDCDC" }}
style={{ width: "100%", minWidth: "300px", borderRadius: "16px", border: "8px solid #DCDCDC" }}
alt="stock-ai-form"
/>
</Col>
<Col md={6}>
<Col>
<div className="title">
<h2>{t("services.item1.title")}</h2>
<div className="title-underline" />
</div>
<h3>{t("services.item1.subtitle")}</h3>
<p>{t("services.item1.description")}</p>
<div>
<Col ms={12}>
<div className="d-flex">
<Col md="6">
<Col>
<div className="d-flex flex-column flex-sm-row">
<Col>
<Itemized label={t("services.item1.items.item1")} />
</Col>
<Col md="6">
<Col>
<Itemized label={t("services.item1.items.item2")} />
</Col>
</div>
<div className="items-margin-top d-flex">
<Col md="6">
<div className="items-margin-top d-flex flex-column flex-sm-row">
<Col>
<Itemized label={t("services.item1.items.item3")} />
</Col>
<Col md="6">
<Col>
<Itemized label={t("services.item1.items.item4")} />
</Col>
</div>
</Col>
</div>
<Col className="mt-5">
<a
href="https://sunesis.si/services/ai"
className="mt-5"
target="_blank"
rel="noopener noreferrer"
>
<span className="overview-btn">{t("services.learn-more")}</span>
</a>
</Col>
</Col>
</div>
</Row>

<div className="space-top content-body">
<Col md={6} className="mobile-image">
<Row className="space-top content-body">
<Col className="mobile-image">
<img
src={stockKnowledge}
style={{ width: "100%", borderRadius: "16px", border: "8px solid #DCDCDC" }}
style={{ width: "100%", minWidth: "300px", borderRadius: "16px", border: "8px solid #DCDCDC" }}
alt="stock-architecture"
/>
</Col>

<Col md={6}>
<Col>
<h3 style={{ marginBottom: 0 }}>{t("services.item2.above-title")}</h3>
<div className="title" style={{ marginBottom: "30px" }}>
<h2>{t("services.item2.title")}</h2>
<h2 style={{ margin: 0 }}>{t("services.item2.title")}</h2>
<div className="title-underline" />
</div>
<p>{t("services.item2.description")}</p>
<p>{t("services.item2.description2")}</p>
<div>
<Col ms={12}>
<div className="d-flex">
<Col md="6">
<Row>
<Col>
<div className="d-flex flex-column flex-sm-row">
<Col>
<Itemized label={t("services.item2.items.item1")} />
</Col>
<Col md="6">
<Col>
<Itemized label={t("services.item2.items.item2")} />
</Col>
</div>
<div className="items-margin-top d-flex">
<Col md="6">
<div className="items-margin-top d-flex flex-column flex-sm-row">
<Col>
<Itemized label={t("services.item2.items.item3")} />
</Col>
<Col md="6">
<Col>
<Itemized label={t("services.item2.items.item4")} />
</Col>
</div>
<div className="items-margin-top d-flex">
<Col md="6">
<div className="items-margin-top d-flex flex-column flex-sm-row">
<Col>
<Itemized label={t("services.item2.items.item5")} />
</Col>
</div>
</Col>
</div>
</Row>
<Col className="mt-5">
<a
href="https://sunesis.si/products/ai-smart-assistant"
className="mt-5"
target="_blank"
rel="noopener noreferrer"
>
<span className="overview-btn">{t("services.learn-more")}</span>
</a>
</Col>
</Col>
<Col md={6} className="mobile-image-hidden">
<Col className="mobile-image-hidden">
<img
src={stockKnowledge}
style={{ width: "100%", borderRadius: "16px", border: "8px solid #DCDCDC" }}
style={{ width: "100%", minWidth: "300px", borderRadius: "16px", border: "8px solid #DCDCDC" }}
alt="stock-architecture"
/>
</Col>
</div>
</Row>
</div>
</div>

<div className="flex-column d-flex align-items-center">
<div className="flex-column d-flex align-items-center">
<div className="mt-5 content-body">
<Col md={6}>
<Row className="mt-5 content-body">
<Col>
<img
src={stockSmartAssistant}
style={{ width: "100%", borderRadius: "16px", border: "8px solid #DCDCDC" }}
style={{ width: "100%", minWidth: "300px", borderRadius: "16px", border: "8px solid #DCDCDC" }}
alt="stock-security"
/>
</Col>
<Col md={6}>
<Col>
<div className="title">
<h2>{t("services.item3.title")}</h2>
<div className="title-underline" />
</div>
<h3>{t("services.item3.subtitle")}</h3>
<p>{t("services.item3.description")}</p>
<p>{t("services.item3.description2")}</p>
<div>
<Col ms={12}>
<div className="d-flex">
<Col md="6">
<Itemized label={t("services.item3.items.item1")} />
</Col>
<Col md="6">
<Itemized label={t("services.item3.items.item2")} />
</Col>
</div>
<div className="items-margin-top d-flex">
<Col md="6">
<Itemized label={t("services.item3.items.item3")} />
</Col>
<Col md="6">
<Itemized label={t("services.item3.items.item4")} />
</Col>
</div>
<div className="items-margin-top d-flex">
<Col md="6">
<Itemized label={t("services.item3.items.item5")} />
</Col>
<Col md="6">
<Itemized label={t("services.item3.items.item6")} />
</Col>
</div>
</Col>
</div>
<Col>
<div className="d-flex flex-column flex-sm-row">
<Col>
<Itemized label={t("services.item3.items.item1")} />
</Col>
<Col>
<Itemized label={t("services.item3.items.item2")} />
</Col>
</div>
<div className="items-margin-top d-flex flex-column flex-sm-row">
<Col>
<Itemized label={t("services.item3.items.item3")} />
</Col>
<Col>
<Itemized label={t("services.item3.items.item4")} />
</Col>
</div>
<div className="items-margin-top d-flex flex-column flex-sm-row">
<Col>
<Itemized label={t("services.item3.items.item5")} />
</Col>
<Col>
<Itemized label={t("services.item3.items.item6")} />
</Col>
</div>
</Col>

<Col className="mt-5 mb-5">
<a
href="https://sunesis.si/products/ai-knowledge-mentor"
className="mt-5"
target="_blank"
rel="noopener noreferrer"
>
<span className="overview-btn">{t("services.learn-more")}</span>
</a>
</Col>
</Col>
</div>
</Row>
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion static/locales/en/ai.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"meta": {
"title": "Kumuluz"
},
"title": "Unlock innovation , efficiency and growth with AI and GPT",
"title": "Unlock innovation, efficiency and growth with AI and GPT",
"block1": "We specialize in embedding cutting-edge AI technologies into your existing enterprise applications by leveraging Open AI services, including OpenAI's GPT models, AI search and others.",
"block2": "With focus on data security, privacy, seamless integration of conversational user interfaces with business applications and cost efficiency.",
"item1": "Development of new AI applications for your business",
Expand Down

0 comments on commit 77c8532

Please sign in to comment.