-
-
-
- {project.title}
- -{project.text}
-
-
-
-
-
-
-
-
-
- - {t("intro.creating")}{` `} - {t("intro.websites")} -
-
-
- {t("intro.apps")}
-{t("intro.shops")}
-{t("intro.platforms")}
-
-
- {t("intro.explore")}
-{t("services.title")}
-
-
-
-
- )
- );
- })
- }
- {card.title}
-{card.text}
-
-
-
-
-
-
- {t("about_us.sub_title")}
-{t("about_us.text")}
-
-
-
-
- {t("about_us.amount_completed")}
-{t("about_us.completed")}
-
-
- {t("about_us.amount_webpages")}
-{t("about_us.webpages")}
-
-
- {t("about_us.amount_experience")}
-{t("about_us.experience")}
-{t("menu.portfolio")}
-
- {
- projects.map((project) => {
- const projectImage = getProjectImage(project.image);
- if (!projectImage) {
- return null;
- }
-
- return (
-
-
- );
- })
- }
-
- 
- 
](https://www.gatsbyjs.com/dashboard/deploynow?url=https://github.com/gatsbyjs/gatsby-starter-minimal)
diff --git a/gatsby-config.js b/gatsby-config.js
deleted file mode 100644
index 3f408e8..0000000
--- a/gatsby-config.js
+++ /dev/null
@@ -1,35 +0,0 @@
-module.exports = {
- siteMetadata: {
- siteUrl: "https://www.midcreative.eu",
- title: "MID Creative",
- description: "We are creating websites, mobile apps, e-shops, platforms",
- },
- plugins: [
- "gatsby-plugin-sass",
- "gatsby-plugin-image",
- // {
- // resolve: "gatsby-plugin-google-analytics",
- // options: {
- // trackingId: "G-8M9CZ79T4L",
- // },
- // },
- "gatsby-plugin-react-helmet",
- "gatsby-plugin-sitemap",
- {
- resolve: "gatsby-plugin-manifest",
- options: {
- icon: "src/images/icon.png",
- },
- },
- "gatsby-plugin-sharp",
- "gatsby-transformer-sharp",
- {
- resolve: "gatsby-source-filesystem",
- options: {
- name: "images",
- path: "./src/images/",
- },
- __key: "images",
- },
- ],
-};
diff --git a/package.json b/package.json
index 4fd396f..067e95d 100644
--- a/package.json
+++ b/package.json
@@ -1,46 +1,30 @@
{
- "name": "mid-creative",
- "version": "1.0.0",
- "private": true,
- "description": "MID Creative",
- "author": "katherineus",
- "keywords": [
- "gatsby"
- ],
+ "name": "astrolanding",
+ "type": "module",
+ "version": "0.0.1",
+ "engines": {
+ "node": ">=22.12.0"
+ },
"scripts": {
- "develop": "gatsby develop",
- "start": "gatsby develop",
- "build": "gatsby build",
- "serve": "gatsby serve",
- "clean": "gatsby clean",
- "lint:prettier": "yarn prettier ./src --check",
- "format:prettier": "yarn prettier ./src -w"
+ "dev": "astro dev",
+ "build": "astro build",
+ "preview": "astro preview",
+ "format": "prettier --write .",
+ "astro": "astro"
},
"dependencies": {
- "@splidejs/react-splide": "^0.7.12",
- "axios": "^1.6.5",
- "gatsby": "^5.13.3",
- "gatsby-plugin-google-analytics": "^5.13.0",
- "gatsby-plugin-image": "^3.13.0",
- "gatsby-plugin-manifest": "^5.13.0",
- "gatsby-plugin-react-helmet": "^6.13.0",
- "gatsby-plugin-sass": "^6.13.0",
- "gatsby-plugin-sharp": "^5.13.0",
- "gatsby-plugin-sitemap": "^6.13.0",
- "gatsby-source-filesystem": "^5.13.0",
- "gatsby-transformer-sharp": "^5.13.0",
- "i18next": "^23.7.16",
- "i18next-browser-languagedetector": "^7.2.0",
- "path": "^0.12.7",
- "path-browserify": "^1.0.1",
- "react": "^18.2.0",
- "react-dom": "^18.2.0",
- "react-helmet": "^6.1.0",
- "react-i18next": "^14.0.0",
- "sass": "^1.70.0",
- "swiper": "^11.0.5"
+ "@astrojs/mdx": "^7.0.3",
+ "@astrojs/node": "^11.0.3",
+ "@astrojs/rss": "^4.0.19",
+ "@astrojs/sitemap": "^3.7.3",
+ "astro": "^7.1.3",
+ "motion": "^12.42.2",
+ "react": "^19.2.8",
+ "react-dom": "^19.2.8",
+ "sharp": "^0.35.0"
},
"devDependencies": {
- "prettier": "^3.3.2"
+ "prettier": "^3.9.6",
+ "prettier-plugin-astro": "^0.14.1"
}
}
diff --git a/src/assets/stylesheets/abstracts/_functions.scss b/src/assets/stylesheets/abstracts/_functions.scss
deleted file mode 100644
index 45a4d0b..0000000
--- a/src/assets/stylesheets/abstracts/_functions.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-@use "sass:math";
-@function px2rem($px) {
- $root-px: 18px;
- // @return #{$px/$root-px}rem;
- @return #{math.div($px, $root-px)}rem;
-}
-
-@function rem2px($rem) {
- @return $rem * 18px;
-}
diff --git a/src/assets/stylesheets/abstracts/_mixins.scss b/src/assets/stylesheets/abstracts/_mixins.scss
deleted file mode 100644
index 5a8a83f..0000000
--- a/src/assets/stylesheets/abstracts/_mixins.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-@mixin for-tablets {
- @media all and (max-width: 1200px) {
- @content;
- }
-}
-
-@mixin for-mobile {
- @media all and (max-width: 767px) {
- @content;
- }
-}
-
-@mixin for-max-width {
- @media all and (max-width: 1224px) {
- @content;
- }
-}
diff --git a/src/assets/stylesheets/abstracts/_variables.scss b/src/assets/stylesheets/abstracts/_variables.scss
deleted file mode 100644
index 865108e..0000000
--- a/src/assets/stylesheets/abstracts/_variables.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@use "mixins" as *;
-
-$gutter: 24px;
-
-// @include for-mobile {
-// $gutter: 20px;
-// }
diff --git a/src/assets/stylesheets/base/_colors.scss b/src/assets/stylesheets/base/_colors.scss
deleted file mode 100644
index 6fee9c8..0000000
--- a/src/assets/stylesheets/base/_colors.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-$color-text-primary: #ffffff;
-$color-text-secondary: rgba(255, 255, 255, 60%);
-$color-accent-primary: #c16b6b;
-$color-accent-secondary: #b46f8e;
diff --git a/src/assets/stylesheets/base/_reset.scss b/src/assets/stylesheets/base/_reset.scss
deleted file mode 100644
index 799c6d2..0000000
--- a/src/assets/stylesheets/base/_reset.scss
+++ /dev/null
@@ -1,118 +0,0 @@
-* {
- box-sizing: inherit;
-}
-
-html {
- font-size: 100.01%;
- box-sizing: border-box;
-}
-
-body {
- margin: 0;
-}
-
-main {
- display: block; /* as of now, not all rendering engines recognize the main element as a block */
-}
-
-/* reset native button and link styles */
-button,
-input[type="button"],
-input[type="submit"] {
- cursor: pointer;
- background: transparent;
- border: 0;
- padding: 0;
- margin: 0;
- box-shadow: none;
- color: inherit;
- font-size: inherit;
-}
-
-button:hover {
- cursor: pointer;
-}
-
-button::-moz-focus-inner,
-input[type="button"]::-moz-focus-inner,
-input[type="submit"]::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-
-// always hide an element with the `hidden` html attribute
-// also needed for proper display in ie10+
-[hidden] {
- display: none !important;
-}
-
-/* Box sizing rules */
-*,
-*::before,
-*::after {
- box-sizing: border-box;
-}
-
-/* Remove default margin */
-body,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-figure,
-blockquote,
-dl,
-dd {
- margin: 0;
-}
-
-/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
-ul[role="list"],
-ol[role="list"] {
- list-style: none;
-}
-
-/* Set core body defaults */
-body {
- min-height: 100vh;
- text-rendering: optimizeSpeed;
- line-height: 1.5;
-}
-
-/* A elements that don't have a class get default styles */
-a:not([class]) {
- text-decoration-skip-ink: auto;
-}
-
-/* Make images easier to work with */
-img,
-picture {
- max-width: 100%;
- display: block;
-}
-
-/* Inherit fonts for inputs and buttons */
-input,
-button,
-textarea,
-select {
- font: inherit;
-}
-
-/* Remove all animations and transitions for people that prefer not to see them */
-@media (prefers-reduced-motion: reduce) {
- html:focus-within {
- scroll-behavior: auto;
- }
- *,
- *::before,
- *::after {
- animation-duration: 0.01ms !important;
- animation-iteration-count: 1 !important;
- transition-duration: 0.01ms !important;
- scroll-behavior: auto !important;
- }
-}
diff --git a/src/assets/stylesheets/base/_typography.scss b/src/assets/stylesheets/base/_typography.scss
deleted file mode 100644
index 158e46c..0000000
--- a/src/assets/stylesheets/base/_typography.scss
+++ /dev/null
@@ -1,87 +0,0 @@
-@use "../abstracts/functions" as *;
-@use "../abstracts/mixins" as *;
-@use "./colors" as *;
-// @import url("https://use.typekit.net/ryt1jvs.css");
-
-* {
- font-family: "proxima-nova", sans-serif;
-}
-
-a {
- text-decoration: none;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-a,
-p,
-span {
- color: $color-text-primary;
-}
-
-h1 {
- font-weight: 700;
- font-size: px2rem(100px);
-}
-
-h2 {
- font-weight: 700;
- font-size: px2rem(50px);
-}
-
-h3 {
- font-weight: 600;
- font-size: px2rem(25px);
-}
-
-h4 {
- font-weight: 900;
- font-size: px2rem(35px);
-}
-
-h5 {
- font-weight: 700;
- font-size: px2rem(30px);
-}
-
-h6 {
- font-size: px2rem(18px);
- text-transform: uppercase;
- letter-spacing: 0.05rem;
- font-weight: normal;
- color: $color-text-primary;
-}
-
-p {
- font-weight: 400;
- font-size: px2rem(18px);
-}
-
-.gray {
- color: $color-text-secondary;
-}
-
-@include for-mobile {
- h1 {
- font-weight: 800;
- font-size: px2rem(40px);
- line-height: normal;
- }
- h2 {
- font-weight: 700;
- font-size: px2rem(30px);
- line-height: normal;
- }
- h3 {
- font-weight: 700;
- font-size: px2rem(22px);
- line-height: normal;
- }
- p {
- line-height: normal;
- font-size: px2rem(16px);
- }
-}
diff --git a/src/assets/stylesheets/layout/_grid.scss b/src/assets/stylesheets/layout/_grid.scss
deleted file mode 100644
index 01a7b5f..0000000
--- a/src/assets/stylesheets/layout/_grid.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-@use "../abstracts/variables" as *;
-@use "../abstracts/mixins" as *;
-
-.container {
- display: grid;
- grid-template-columns: repeat(12, minmax(0, 96px));
- grid-gap: $gutter;
- margin: 0 auto;
- width: 100%;
- max-width: 1224px;
- grid-column: 1 / 13;
- padding: 0 20px;
-
- > * {
- grid-column: 1 / 13;
- }
-
- @include for-mobile {
- grid-template-columns: repeat(6, 1fr);
- max-width: 100%;
- width: auto;
- > * {
- 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 {
- padding-right: 20px;
- padding-left: 20px;
-}
-
-div.container {
- padding-right: 0;
- padding-left: 0;
-}
diff --git a/src/assets/stylesheets/style.scss b/src/assets/stylesheets/style.scss
deleted file mode 100644
index 13ff54f..0000000
--- a/src/assets/stylesheets/style.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-@use "abstracts/functions";
-@use "abstracts/mixins";
-@use "base/colors";
-@use "base/reset";
-@use "base/typography";
-@use "layout/grid";
-
-body {
- background-color: #111111;
-}
-
-html {
- scroll-behavior: smooth;
-}
diff --git a/src/components/about/about.component.jsx b/src/components/about/about.component.jsx
deleted file mode 100644
index f2438a1..0000000
--- a/src/components/about/about.component.jsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from "react";
-import "./about.style.scss";
-
-import { useTranslation } from "react-i18next";
-
-import Rocket from "../../assets/images/main/about-us/rocket.png";
-
-const About = () => {
- const { t } = useTranslation();
-
- return (
-