MIDCreative/Landing
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

midcreative site update

Browse source
This commit is contained in:
Sergejs Kozinecs 2024-07-16 17:12:11 +03:00
parent d171e96a7e
commit a591115ec5
35 changed files with 4649 additions and 5057 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
package.json
View file

@ -12,30 +12,35 @@
"start": "gatsby develop", "start": "gatsby develop",
"build": "gatsby build", "build": "gatsby build",
"serve": "gatsby serve", "serve": "gatsby serve",
"clean": "gatsby clean" "clean": "gatsby clean",
"lint:prettier": "yarn prettier ./src --check",
"format:prettier": "yarn prettier ./src -w"
}, },
"dependencies": { "dependencies": {
"@splidejs/react-splide": "^0.6.12", "@splidejs/react-splide": "^0.7.12",
"axios": "^0.27.2", "axios": "^1.6.5",
"gatsby": "^4.1.0", "gatsby": "^5.13.3",
"gatsby-plugin-google-analytics": "^4.1.0", "gatsby-plugin-google-analytics": "^5.13.0",
"gatsby-plugin-image": "^2.1.0", "gatsby-plugin-image": "^3.13.0",
"gatsby-plugin-manifest": "^4.1.0", "gatsby-plugin-manifest": "^5.13.0",
"gatsby-plugin-react-helmet": "^5.1.0", "gatsby-plugin-react-helmet": "^6.13.0",
"gatsby-plugin-sass": "^5.1.0", "gatsby-plugin-sass": "^6.13.0",
"gatsby-plugin-sharp": "^4.1.0", "gatsby-plugin-sharp": "^5.13.0",
"gatsby-plugin-sitemap": "^5.1.0", "gatsby-plugin-sitemap": "^6.13.0",
"gatsby-source-filesystem": "^4.1.0", "gatsby-source-filesystem": "^5.13.0",
"gatsby-transformer-sharp": "^4.1.0", "gatsby-transformer-sharp": "^5.13.0",
"i18next": "^21.8.16", "i18next": "^23.7.16",
"i18next-browser-languagedetector": "^6.1.4", "i18next-browser-languagedetector": "^7.2.0",
"path": "^0.12.7", "path": "^0.12.7",
"path-browserify": "^1.0.1", "path-browserify": "^1.0.1",
"react": "^17.0.1", "react": "^18.2.0",
"react-dom": "^17.0.1", "react-dom": "^18.2.0",
"react-helmet": "^6.1.0", "react-helmet": "^6.1.0",
"react-i18next": "^11.18.3", "react-i18next": "^14.0.0",
"sass": "^1.43.4", "sass": "^1.70.0",
"swiper": "^7.2.0" "swiper": "^11.0.5"
},
"devDependencies": {
"prettier": "^3.3.2"
} }
} }

1
src/assets/stylesheets/abstracts/_mixins.scss
View file

@ -10,7 +10,6 @@
} }
} }
@mixin for-max-width { @mixin for-max-width {
@media all and (max-width: 1224px) { @media all and (max-width: 1224px) {
@content; @content;

6
src/assets/stylesheets/base/_colors.scss
View file

@ -1,4 +1,4 @@
$color-text-primary: #FFFFFF; $color-text-primary: #ffffff;
$color-text-secondary: rgba(255, 255, 255, 60%); $color-text-secondary: rgba(255, 255, 255, 60%);
$color-accent-primary: #C16B6B; $color-accent-primary: #c16b6b;
$color-accent-secondary: #B46F8E; $color-accent-secondary: #b46f8e;

7
src/assets/stylesheets/base/_typography.scss
View file

@ -1,6 +1,6 @@
@use '../abstracts/functions' as *; @use "../abstracts/functions" as *;
@use '../abstracts/mixins' as *; @use "../abstracts/mixins" as *;
@use './colors' as *; @use "./colors" as *;
// @import url("https://use.typekit.net/ryt1jvs.css"); // @import url("https://use.typekit.net/ryt1jvs.css");
* { * {
@ -47,7 +47,6 @@ h5 {
font-size: px2rem(30px); font-size: px2rem(30px);
} }
h6 { h6 {
font-size: px2rem(18px); font-size: px2rem(18px);
text-transform: uppercase; text-transform: uppercase;

13
src/assets/stylesheets/layout/_grid.scss
View file

@ -23,6 +23,19 @@
grid-column: 1 / 7; grid-column: 1 / 7;
} }
} }
&-mobile {
@include for-mobile {
padding: 0 20px;
display: grid;
grid-template-columns: repeat(6, 1fr);
max-width: 100%;
width: auto;
> * {
grid-column: 1 / 7;
}
}
}
} }
section.container { section.container {
padding-right: 20px; padding-right: 20px;

16
src/assets/stylesheets/style.scss
View file

@ -1,10 +1,14 @@
@use 'abstracts/functions'; @use "abstracts/functions";
@use 'abstracts/mixins'; @use "abstracts/mixins";
@use 'base/colors'; @use "base/colors";
@use 'base/reset'; @use "base/reset";
@use 'base/typography'; @use "base/typography";
@use 'layout/grid'; @use "layout/grid";
body { body {
background-color: #111111; background-color: #111111;
} }
html {
scroll-behavior: smooth;
}

23
src/components/about/about.component.jsx
View file

@ -2,8 +2,6 @@ import React from "react";
import "./about.style.scss"; import "./about.style.scss";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { Swiper, SwiperSlide } from "swiper/react";
import "swiper/css";
import Rocket from "../../assets/images/main/about-us/rocket.png"; import Rocket from "../../assets/images/main/about-us/rocket.png";
@ -19,27 +17,6 @@ const About = () => {
<h5>{t("about_us.sub_title")}</h5> <h5>{t("about_us.sub_title")}</h5>
<p className="text">{t("about_us.text")}</p> <p className="text">{t("about_us.text")}</p>
<Swiper
loop={false}
slideToClickedSlide={true}
// spaceBetween={16}
slidesPerView={2.1}
className={"stats"}
>
<SwiperSlide>
<h4>30+</h4>
<p>Completed projects</p>
</SwiperSlide>
<SwiperSlide>
<h4>400+</h4>
<p>Web Pages created</p>
</SwiperSlide>
<SwiperSlide>
<h4>6+</h4>
<p>Years experience</p>
</SwiperSlide>
</Swiper>
<div className="stats"> <div className="stats">
<div> <div>
<h4>{t("about_us.amount_completed")}</h4> <h4>{t("about_us.amount_completed")}</h4>

19
src/components/about/about.style.scss
View file

@ -3,8 +3,13 @@
@use "../../assets/stylesheets/abstracts/variables" as *; @use "../../assets/stylesheets/abstracts/variables" as *;
@use "../../assets/stylesheets/abstracts/mixins" as *; @use "../../assets/stylesheets/abstracts/mixins" as *;
#about-us {
scroll-margin-block-start: 120px;
}
.about-us { .about-us {
margin-top: -80px; margin-top: -80px;
> div { > div {
&:first-child { &:first-child {
grid-column: 1/7; grid-column: 1/7;
@ -35,19 +40,11 @@
} }
@include for-mobile { @include for-mobile {
display: none; text-align: center;
& > div {
padding: 4px;
} }
} }
.swiper {
display: none;
margin-left: -20px;
margin-right: -20px;
@include for-mobile {
display: flex;
margin: 64px auto 0;
}
} }
@include for-mobile { @include for-mobile {

19
src/components/contact-form/contact-form.component.jsx
View file

@ -9,25 +9,14 @@ import YellowPlanet from "../../assets/images/main/contact-form/Planet Yellow.sv
import FormInput from "../form-input/form-input.component"; import FormInput from "../form-input/form-input.component";
import CustomButton from "../custom-button/custom-button.component"; import CustomButton from "../custom-button/custom-button.component";
const postForm = async (data) => { const newPost = async (data) => {
return axios return axios
.post( .post("http://127.0.0.1:3000/mail/", data, {
"https://api.midcreative.eu/api/email/",
{
to: "sergei.kozinecs@gmail.com",
from: "info@midcreative.eu",
subject: "Midcreative Submit Form",
html: `<b>Name: </b>${data.name} <br><b>Email: </b>${data.email} <b><br>Phone: </b> ${data.phone}<br>`,
},
{
headers: { headers: {
"Content-Type": "application/json", "Content-Type": "application/json",
}, },
}
)
.then(() => {
return true;
}) })
.then((res) => true)
.catch((err) => err); .catch((err) => err);
}; };
@ -67,7 +56,7 @@ const ContactForm = () => {
const handlePost = (e) => { const handlePost = (e) => {
e.preventDefault(); e.preventDefault();
postForm(formData).then((res) => { newPost(formData).then((res) => {
if (res === true) { if (res === true) {
cleanFields(); cleanFields();
setError(false); setError(false);

8
src/components/contacts/contacts.component.jsx
View file

@ -9,10 +9,10 @@ const Contacts = () => {
return ( return (
<div className="container contacts"> <div className="container contacts">
<div> <div>
<a href="tel:+37126620770"> <a href="tel:+37125704038">
<img src={Phone} alt="phone" /> <img src={Phone} alt="phone" />
</a> </a>
<a href="tel:+37126620770">+371 2662 0770</a> <a href="tel:+37125704038">+371 25704038</a>
</div> </div>
<div> <div>
<a href="mailto:info@midcreative.eu"> <a href="mailto:info@midcreative.eu">
@ -29,10 +29,10 @@ const Contacts = () => {
</a> </a>
</div> </div>
<div> <div>
<a href="https://wa.me/37126620770" target="_blank" rel="noreferrer"> <a href="https://wa.me/37125704038" target="_blank" rel="noreferrer">
<img src={Whatsapp} alt="whatsapp" /> <img src={Whatsapp} alt="whatsapp" />
</a> </a>
<a href="https://wa.me/37126620770" target="_blank" rel="noreferrer"> <a href="https://wa.me/37125704038" target="_blank" rel="noreferrer">
WhatsApp WhatsApp
</a> </a>
</div> </div>

4
src/components/contacts/contacts.style.scss
View file

@ -1,6 +1,10 @@
@use "../../assets/stylesheets/abstracts/mixins" as *; @use "../../assets/stylesheets/abstracts/mixins" as *;
// @use "../../assets/stylesheets/abstracts/variables"; // @use "../../assets/stylesheets/abstracts/variables";
#contact-us {
scroll-margin-block-start: 120px;
}
.contacts { .contacts {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

40
src/components/footer/footer.component.jsx
View file

@ -1,11 +1,15 @@
import React from "react"; import React from "react";
import "./footer.style.scss"; import "./footer.style.scss";
import { useTranslation } from "react-i18next";
import Contacts from "../contacts/contacts.component"; import Contacts from "../contacts/contacts.component";
import TopLine from "../../assets/images/main/footer/top-line.png"; import TopLine from "../../assets/images/main/footer/top-line.png";
import Logo from "../../assets/images/main/footer/logo.svg"; import Logo from "../../assets/images/main/footer/logo.svg";
const MidFooter = () => { const MidFooter = () => {
const { t } = useTranslation();
return ( return (
<footer> <footer>
<img className="line" src={TopLine} alt="" /> <img className="line" src={TopLine} alt="" />
@ -14,27 +18,37 @@ const MidFooter = () => {
<div className="container info"> <div className="container info">
<div> <div>
<h6>Company</h6> <h6>{t("footer.company")}</h6>
<p className="gray">SIA MID Creative</p> <p className="gray">SIA MID Creative</p>
<h6>Registation nr.</h6> <h6>{t("footer.registration_nr")}</h6>
<p className="gray">40203288612</p> <p className="gray">40203288612</p>
<h6>Adress</h6> <h6>{t("footer.address")}</h6>
<p className="gray">Rīga, Gaiļezera iela 11 - 5, LV-1079</p> <p className="gray">Rīga, Gaiļezera iela 11 - 5, LV-1079</p>
</div> </div>
<nav> <nav>
<h6>Navigation</h6> <h6>{t("footer.navigation")}</h6>
<a href="#top" className="gray mobile">Home</a> <a href="#top" className="gray mobile">
<a href="#services" className="gray">Services</a> {t("menu.home")}
<a href="#about-us" className="gray">About us</a> </a>
<a href="#projects" className="gray">Projects</a> <a href="#services" className="gray">
<a href="#contact-us" className="gray">Contact us</a> {t("menu.services")}
</a>
<a href="#about-us" className="gray">
{t("menu.about_us")}
</a>
<a href="#projects" className="gray">
{t("menu.projects")}
</a>
<a href="#contact-us" className="gray">
{t("menu.contact_us")}
</a>
</nav> </nav>
<div> <div>
<img src={Logo} alt="" /> <img src={Logo} alt="" />
</div> </div>
</div> </div>
</footer> </footer>
) );
} };
export default MidFooter export default MidFooter;

11
src/components/footer/footer.style.scss
View file

@ -1,7 +1,11 @@
@use "../../assets/stylesheets/abstracts/mixins" as *; @use "../../assets/stylesheets/abstracts/mixins" as *;
footer { footer {
background: radial-gradient(62.99% 90.27% at 50% 0%, rgba(225, 104, 154, 0.32) 0%, rgba(141, 162, 243, 0) 65.06%); background: radial-gradient(
62.99% 90.27% at 50% 0%,
rgba(225, 104, 154, 0.32) 0%,
rgba(141, 162, 243, 0) 65.06%
);
margin-top: 192px; margin-top: 192px;
.line { .line {
@ -10,7 +14,6 @@ footer {
transform: translateY(-50px); transform: translateY(-50px);
} }
.info { .info {
margin-top: 68px; margin-top: 68px;
padding-bottom: 237px; padding-bottom: 237px;
@ -57,7 +60,9 @@ footer {
padding-bottom: 110px; padding-bottom: 110px;
justify-items: center; justify-items: center;
div:first-child, div:last-child, nav { div:first-child,
div:last-child,
nav {
grid-column: 1/7; grid-column: 1/7;
grid-row: unset; grid-row: unset;
text-align: center; text-align: center;

2
src/components/form-input/form-input.component.jsx
View file

@ -36,7 +36,7 @@ const FormInput = forwardRef(
/> />
</div> </div>
); );
} },
); );
export default FormInput; export default FormInput;

6
src/components/form-input/form-input.style.scss
View file

@ -12,7 +12,7 @@
position: absolute; position: absolute;
top: 6px; top: 6px;
opacity: 0.5; opacity: 0.5;
color: #FFF; color: #fff;
text-transform: uppercase; text-transform: uppercase;
transition: 300ms ease all; transition: 300ms ease all;
@ -41,11 +41,8 @@
@include shrinkLabel(); @include shrinkLabel();
} }
} }
} }
input:autofill, input:autofill,
input:utofill:hover, input:utofill:hover,
input:autofill:focus { input:autofill:focus {
@ -55,4 +52,3 @@ input:autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #111 inset; -webkit-box-shadow: 0 0 0px 1000px #111 inset;
// transition: background-color 5000s ease-in-out 0s; // transition: background-color 5000s ease-in-out 0s;
} }

12
src/components/header/header.component.jsx
View file

@ -91,11 +91,11 @@ const MidHeader = () => {
<img src={Logo2} alt="MID Creative Digital Agency" /> <img src={Logo2} alt="MID Creative Digital Agency" />
<nav className="navigation"> <nav className="navigation">
<a href="#top">Home</a> <a href="#top">{t("menu.home")}</a>
<a href="#services">Services</a> <a href="#services">{t("menu.services")}</a>
<a href="#about-us">About Us</a> <a href="#about-us">{t("menu.about_us")}</a>
<a href="#projects">Featured Projects</a> <a href="#projects">{t("menu.portfolio")}</a>
<a href="#contact-us">Contact Us</a> <a href="#contact-us">{t("menu.contact_us")}</a>
</nav> </nav>
<div className="header-contacts"> <div className="header-contacts">
@ -110,6 +110,8 @@ const MidHeader = () => {
</a> </a>
<a href="mailto:info@midcreative.eu">info@midcreative.eu</a> <a href="mailto:info@midcreative.eu">info@midcreative.eu</a>
</div> </div>
<LanguageSwitch />
</div> </div>
</div> </div>
</header> </header>

14
src/components/header/header.style.scss
View file

@ -9,10 +9,6 @@ header {
left: 0; left: 0;
right: 0; right: 0;
@include for-mobile {
backdrop-filter: none;
}
.container { .container {
padding: 44px 0; padding: 44px 0;
max-width: 1224px; max-width: 1224px;
@ -49,10 +45,6 @@ header {
display: none; display: none;
cursor: pointer; cursor: pointer;
&:focus {
outline: 1px solid #fff;
}
span { span {
background-color: #fff; background-color: #fff;
height: 5px; height: 5px;
@ -166,6 +158,12 @@ header {
img { img {
margin: 0 auto; margin: 0 auto;
} }
@include for-mobile {
a:first-child {
margin-bottom: 6px;
}
}
} }
&.open { &.open {

1
src/components/intro/intro.styles.scss
View file

@ -55,7 +55,6 @@
@media all and (max-width: 1350px) { @media all and (max-width: 1350px) {
transform: translateX(50px); transform: translateX(50px);
} }
} }
.rocket { .rocket {
grid-column: 1/13; grid-column: 1/13;

3
src/components/projects/projects.style.scss
View file

@ -0,0 +1,3 @@
#projects {
scroll-margin-block-start: 120px;
}

5
src/components/section/section.component.jsx
View file

@ -4,7 +4,10 @@ import "./section.style.scss";
const MidSection = (props) => { const MidSection = (props) => {
return ( return (
<section className="container content" id={props.id}> <section
className={`content container${props.mobileContainer ? "-mobile" : ""}`}
id={props.id}
>
{props.title ? <h2>{props.title}</h2> : null} {props.title ? <h2>{props.title}</h2> : null}
{props.children} {props.children}
</section> </section>

4
src/components/services/services.style.scss
View file

@ -1,5 +1,9 @@
@use "../../assets/stylesheets/abstracts/mixins" as *; @use "../../assets/stylesheets/abstracts/mixins" as *;
#services {
scroll-margin-block-start: 120px;
}
.services { .services {
background: radial-gradient( background: radial-gradient(
48.62% 45.5% at 50% 50%, 48.62% 45.5% at 50% 50%,

54
src/components/swiper/mid-swiper.component.jsx
View file

@ -1,15 +1,12 @@
import React, { useState } from "react"; import React from "react";
import "./swiper.style.scss"; import "./swiper-test.style.scss";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import "swiper/css"; import "swiper/css";
import "swiper/css/effect-coverflow"; import "swiper/css/effect-coverflow";
import SwiperCore, { EffectCoverflow, Pagination } from "swiper"; import { EffectCoverflow, Pagination, Autoplay } from "swiper/modules";
import { Autoplay } from "swiper";
SwiperCore.use([EffectCoverflow, Pagination]);
const getImage = (image) => { const getImage = (image) => {
return require(`../../assets/images/main/projects/${image}`).default; return require(`../../assets/images/main/projects/${image}`).default;
@ -17,46 +14,31 @@ const getImage = (image) => {
const ProjectsSwiper = () => { const ProjectsSwiper = () => {
const { t } = useTranslation(); const { t } = useTranslation();
const [activeSlide, setSlide] = useState("");
const projects = t("projects", { returnObjects: true }); const projects = t("projects", { returnObjects: true });
// const swiperProjects = ;
return ( return (
<Swiper <Swiper
loop={true} loop={true}
loopAdditionalSlides={5} effect={"coverflow"}
grabCursor={true}
centeredSlides={true}
slidesPerView={"auto"}
coverflowEffect={{
rotate: 50,
stretch: 0,
depth: 100,
modifier: 1,
slideShadows: true,
}}
pagination={true}
modules={[EffectCoverflow, Pagination, Autoplay]}
autoplay={{ autoplay={{
delay: 2500, delay: 2500,
disableOnInteraction: true, disableOnInteraction: true,
}} }}
speed={1200} speed={800}
effect={"coverflow"} className="mySwiper"
coverflowEffect={{
scale: 1,
rotate: 0,
stretch: 100,
depth: 500,
modifier: 1,
slideShadows: false,
}}
centeredSlides={true}
slideToClickedSlide={true}
onSlideChange={(swiper) => {
setSlide(swiper.realIndex);
}}
breakpoints={{
0: {
slidesPerView: 1,
},
1200: {
slidesPerView: 2,
},
}}
modules={[Autoplay]}
id={`active-slide-${activeSlide}`}
key={`our-swiper`}
> >
{projects && {projects &&
projects.map((project, i) => ( projects.map((project, i) => (

73
src/components/swiper/swiper-test.style.scss Normal file
View file

@ -0,0 +1,73 @@
@use "../../assets/stylesheets/base/colors" as *;
@use "../../assets/stylesheets/abstracts/mixins" as *;
.swiper {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.swiper-slide {
background-position: center;
background-size: cover;
width: 80%;
height: 60%;
max-width: 860px;
@include for-mobile {
max-width: 80%;
}
}
.swiper-slide img {
display: block;
width: 100%;
object-fit: cover;
}
#projects {
.swiper-slide {
p {
&:last-of-type {
text-align: center;
color: $color-text-secondary;
padding-top: 6px;
}
}
.project-info {
div {
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding-top: 33px;
margin: 0 auto;
width: 50%;
white-space: nowrap;
@include for-mobile {
width: 100%;
}
p {
margin: 0 29px;
text-transform: uppercase;
color: $color-accent-primary;
padding: 0;
@include for-mobile {
margin: 0 12px;
}
}
}
}
&:not(.swiper-slide-active) {
h2 {
opacity: 0;
}
.project-info {
opacity: 0;
}
}
}
}

56
src/components/swiper/swiper.style.scss
View file

@ -4,7 +4,8 @@
#projects { #projects {
.swiper { .swiper {
width: 100%; width: 100%;
padding-top: 50px;
padding-bottom: 50px;
@include for-mobile { @include for-mobile {
background-size: 150%; background-size: 150%;
background-position: 50%; background-position: 50%;
@ -66,21 +67,21 @@
} }
} }
&:before { // &:before {
content: ""; // content: "";
width: 100%; // width: 100%;
height: 100%; // height: 100%;
position: absolute; // position: absolute;
background: linear-gradient( // background: linear-gradient(
90deg, // 90deg,
rgba(17, 17, 17, 1) 0%, // rgba(17, 17, 17, 1) 0%,
rgba(255, 255, 255, 0) 10%, // rgba(255, 255, 255, 0) 10%,
rgba(255, 255, 255, 0) 90%, // rgba(255, 255, 255, 0) 90%,
rgba(17, 17, 17, 1) 100% // rgba(17, 17, 17, 1) 100%
); // );
z-index: 4; // z-index: 4;
pointer-events: none; // pointer-events: none;
} // }
} }
.swiper-container { .swiper-container {
@ -88,9 +89,20 @@
padding-bottom: 50px; padding-bottom: 50px;
} }
.swiper-slide { .swiper-slide {
width: 50%; // width: 50%;
background-position: center;
background-size: cover;
width: 300px;
height: 300px;
transition: all 0.5s; transition: all 0.5s;
img {
display: block;
width: 100%;
}
h2 { h2 {
width: max-content; width: max-content;
margin-left: auto; margin-left: auto;
@ -99,16 +111,6 @@
.img-wrap { .img-wrap {
position: relative; position: relative;
.img-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
z-index: 1;
}
} }
p { p {

2
src/main/main.component.jsx
View file

@ -28,7 +28,7 @@ const MidMainPage = () => {
<MidSection title={t("about_us.title")} id="about-us"> <MidSection title={t("about_us.title")} id="about-us">
<About /> <About />
</MidSection> </MidSection>
<MidSection id="projects"> <MidSection id="projects" mobileContainer>
<Projects /> <Projects />
</MidSection> </MidSection>

1
src/main/main.style.scss
View file

@ -9,5 +9,4 @@
rgba(23, 23, 23, 0) 100% rgba(23, 23, 23, 0) 100%
); );
} }
} }

1
src/pages/index.jsx
View file

@ -1,5 +1,4 @@
import * as React from "react"; import * as React from "react";
import { Script } from "gatsby";
import { Seo } from "../components/seo"; import { Seo } from "../components/seo";
import "../assets/stylesheets/style.scss"; import "../assets/stylesheets/style.scss";

9
src/translations/en.json
View file

@ -4,7 +4,8 @@
"about_us": "About Us", "about_us": "About Us",
"portfolio": "Portfolio", "portfolio": "Portfolio",
"pricing": "Pricing", "pricing": "Pricing",
"contact_us": "Contact Us" "contact_us": "Contact Us",
"home": "Home"
}, },
"intro": { "intro": {
"creating": "We are creating", "creating": "We are creating",
@ -137,5 +138,11 @@
"message": "The User can send comments or questions about the privacy statement of the Website to the e-mail address: info@garmtech.com or to the postal address: Garmtech LP GARMTECH LP, Suite 3087, 15 Bell street, St.Andrews, Fife, KY16 9UR, United Kingdom." "message": "The User can send comments or questions about the privacy statement of the Website to the e-mail address: info@garmtech.com or to the postal address: Garmtech LP GARMTECH LP, Suite 3087, 15 Bell street, St.Andrews, Fife, KY16 9UR, United Kingdom."
} }
] ]
},
"footer": {
"company": "Company",
"registration_nr": "Registration nr.",
"address": "Address",
"navigation": "Navigation"
} }
} }

9
src/translations/lv.json
View file

@ -4,7 +4,8 @@
"about_us": "Par mums", "about_us": "Par mums",
"portfolio": "Portfolio", "portfolio": "Portfolio",
"pricing": "Cenas", "pricing": "Cenas",
"contact_us": "Sazināties" "contact_us": "Sazināties",
"home": "Mājas"
}, },
"intro": { "intro": {
"creating": "Mēs izstrādājam", "creating": "Mēs izstrādājam",
@ -91,5 +92,11 @@
"send": "Nosūtīt", "send": "Nosūtīt",
"success": "Paldies ", "success": "Paldies ",
"error": "Izskatās, ka kautkas nestrādā :( Uzrakstiet mums uz " "error": "Izskatās, ka kautkas nestrādā :( Uzrakstiet mums uz "
},
"footer": {
"company": "Kompānija",
"registration_nr": "Reģistrācijas nr.",
"address": "Adrese",
"navigation": "Navigācija"
} }
} }

9004
yarn.lock
View file

File diff suppressed because it is too large Load diff