Implement redesign with Astro

Author: cloudlena

.github/workflows/main.yml

@@ -39,7 +39,7 @@ jobs:
         if: github.ref == 'refs/heads/main' && github.event_name == 'push'
         uses: actions/upload-pages-artifact@v4
         with:
-          path: ./build
+          path: ./dist
 
   deploy:
     name: Deploy

.gitignore

@@ -1,23 +1,24 @@
-node_modules
+# build output
+dist/
 
-# Output
-.output
-.vercel
-.netlify
-.wrangler
-/.svelte-kit
-/build
+# generated types
+.astro/
 
-# OS
-.DS_Store
-Thumbs.db
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
 
-# Env
+# environment variables
 .env
-.env.*
-!.env.example
-!.env.test
+.env.production
+
+# macOS-specific files
+.DS_Store
 
-# Vite
-vite.config.js.timestamp-*
-vite.config.ts.timestamp-*
+# jetbrains setting folder
+.idea/

.npmrc

@@ -0,0 +1,14 @@
+// .prettierrc.mjs
+/** @type {import("prettier").Config} */
+export default {
+  proseWrap: "always",
+  plugins: ["prettier-plugin-astro"],
+  overrides: [
+    {
+      files: "*.astro",
+      options: {
+        parser: "astro",
+      },
+    },
+  ],
+};

.prettierignore

@@ -1,26 +1,39 @@
 # bespinian.io
 
-The bespinian homepage available at <https://bespinian.io>. Powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```sh
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
+The bespinian website reachable at [bespinian.io](https://bespinian.io)
+
+## 🚀 Project Structure
+
+This is an Astro-based multilingual website with the following structure:
+
+```text
+/
+├── public/              # Static assets (favicon, images, robots.txt)
+├── src/
+│   ├── assets/         # Image assets (logos, team photos, partners, etc.)
+│   ├── components/     # Reusable Astro components
+│   ├── content/        # Content collections (blog posts, customers, jobs, services)
+│   ├── data/           # Data files
+│   ├── i18n/           # Internationalization (translations)
+│   ├── layouts/        # Page layouts
+│   ├── lib/            # Utility functions
+│   ├── pages/          # File-based routing with [lang] dynamic routes
+│   └── styles/         # Global styles
+├── .github/            # GitHub workflows and configuration
+└── package.json
 ```
 
-## Building
-
-To create a production version of your app:
-
-```sh
-npm run build
-```
+## 🧞 Commands
 
-You can preview the production build with `npm run preview`.
+All commands are run from the root of the project, from a terminal:
 
-> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
+| Command             | Action                                           |
+| :------------------ | :----------------------------------------------- |
+| `npm install`       | Installs dependencies                            |
+| `npm run dev`       | Starts local dev server at `localhost:4321`      |
+| `npm run build`     | Build your production site to `./dist/`          |
+| `npm run preview`   | Preview your build locally, before deploying     |
+| `npm run check`     | Run Astro type checking                          |
+| `npm run format`    | Format code with Prettier                        |
+| `npm run lint`      | Check code formatting with Prettier              |
+| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |

.prettierrc

@@ -0,0 +1,60 @@
+// @ts-check
+import { defineConfig, fontProviders } from "astro/config";
+import sitemap, { ChangeFreqEnum } from "@astrojs/sitemap";
+
+// https://astro.build/config
+export default defineConfig({
+  site: "https://bespinian.io",
+  integrations: [
+    sitemap({
+      filter: (page) => !page.includes("/404"),
+      customPages: [],
+      serialize(item) {
+        // Set priority and changefreq based on URL patterns
+        if (item.url.match(/\/(en|de|ch)\/?$/)) {
+          // Homepage for each language
+          item.priority = 1.0;
+          item.changefreq = ChangeFreqEnum.WEEKLY;
+        } else if (item.url.includes("/blog/")) {
+          // Blog posts
+          item.priority = 0.7;
+          item.changefreq = ChangeFreqEnum.MONTHLY;
+        } else if (item.url.includes("/customers/")) {
+          // Customer case studies
+          item.priority = 0.8;
+          item.changefreq = ChangeFreqEnum.MONTHLY;
+        } else if (item.url.includes("/services/")) {
+          // Service pages
+          item.priority = 0.9;
+          item.changefreq = ChangeFreqEnum.MONTHLY;
+        } else if (item.url.includes("/about/jobs/")) {
+          // Job listings
+          item.priority = 0.6;
+          item.changefreq = ChangeFreqEnum.WEEKLY;
+        } else {
+          // Other pages (about, contact, etc.)
+          item.priority = 0.5;
+          item.changefreq = ChangeFreqEnum.MONTHLY;
+        }
+        return item;
+      },
+    }),
+  ],
+  i18n: {
+    locales: ["en", "de", "ch"],
+    defaultLocale: "en",
+    routing: {
+      prefixDefaultLocale: true,
+      redirectToDefaultLocale: false,
+    },
+  },
+  experimental: {
+    fonts: [
+      {
+        provider: fontProviders.google(),
+        name: "Lato",
+        cssVariable: "--font-lato",
+      },
+    ],
+  },
+});