{name}
{role}, {company}
diff --git a/src/components/references.astro b/src/components/references.astro
new file mode 100644
index 0000000..1e1b630
--- /dev/null
+++ b/src/components/references.astro
@@ -0,0 +1,31 @@
+---
+import PageHeading from "./page-heading.astro"
+import Reference from "./reference.astro"
+import references from "../collections/references.json"
+---
+
+
+
+
References
+
Hear from the people that worked with me
+
+
+
+ {
+ references.map((reference) => {
+ return (
+
+ )
+ })
+ }
+
+
+
\ No newline at end of file
diff --git a/src/components/home/separator.astro b/src/components/separator.astro
similarity index 100%
rename from src/components/home/separator.astro
rename to src/components/separator.astro
diff --git a/src/components/technology.astro b/src/components/technology.astro
new file mode 100644
index 0000000..dbd4b74
--- /dev/null
+++ b/src/components/technology.astro
@@ -0,0 +1,8 @@
+---
+const { icon,name } = Astro.props;
+---
+
+
+
+
{name}
+
\ No newline at end of file
diff --git a/src/components/techstack.astro b/src/components/techstack.astro
new file mode 100644
index 0000000..d5768ac
--- /dev/null
+++ b/src/components/techstack.astro
@@ -0,0 +1,33 @@
+---
+import PageHeading from "./page-heading.astro";
+import technologies from "../collections/technologies.json"
+import Technology from "./technology.astro";
+---
+
+
+
+
TechStack
+
Always evolving, always learning. Here you find a selection of the technologies I am working with
+
+
+ {
+ technologies.map((technology) => {
+ return (
+
+ )
+ })
+ }
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/about.astro b/src/pages/about.astro
deleted file mode 100644
index 472644d..0000000
--- a/src/pages/about.astro
+++ /dev/null
@@ -1,72 +0,0 @@
----
-import experiences from "../collections/experiences.json";
-import AboutExperience from "../components/about-experience.astro";
-import PageHeading from "../components/page-heading.astro";
-import Layout from "../layouts/main.astro";
----
-
-
-
-
-
-
-
- Bio
-
- Full Stack and Data Engineering expert with extensive experience in a wide range of technologies and programming languages. Passionate about solving complex problems โ with a bit of effort, anything is possible!
-
- Do you have an exciting project? Feel free to contact me!
-
- I speak fluent German, English, and Spanish, and I can also converse in French.
-
-
-
- Experience
-
-
- {
- experiences.map((experience, loop) => {
- return (
- <>
- {loop == 0 || loop == 1 ||loop==2 ? (
-
- ) : (
-
- )}
- >
- )
- })
- }
-
-
- Let's Connect
-
- If you want to communicate with me you can send me an email and I'll be sure to get back to you.
-
-
-
diff --git a/src/pages/aboutme.astro b/src/pages/aboutme.astro
new file mode 100644
index 0000000..672ea65
--- /dev/null
+++ b/src/pages/aboutme.astro
@@ -0,0 +1,83 @@
+---
+import experiences from "../collections/experiences.json";
+import AboutExperience from "../components/about-experience.astro";
+import PageHeading from "../components/page-heading.astro";
+import Separator from "../components/separator.astro";
+import Layout from "../layouts/main.astro";
+---
+
+
+
+
+
+
+
+ Bio
+
+ Full Stack and Data Engineering expert with extensive experience in a wide range of technologies and programming languages. Passionate about solving complex problems โ with a bit of effort, anything is possible!
+
+ Do you have an exciting project? Feel free to contact me!
+
+ I speak fluent German, English, and Spanish, and I can also converse in French.
+
+
+
+ Professional Experience
+
+
+
+ {
+ experiences.map((experience, loop) => {
+ return (
+ <>
+ {loop == 0 || loop == 1 ||loop==2 ? (
+
+ ) : (
+
+ )}
+ >
+ )
+ })
+ }
+
+
+
+
+
+ Let's Connect
+
+ Send me an email and I'll be sure to get back to you.
+
+
+
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 6caf955..1ece468 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,10 +1,12 @@
---
import Button from "../components/button.astro";
+import Separator from "../components/separator.astro";
+import Techstack from "../components/techstack.astro";
import Layout from "../layouts/main.astro";
---
-
@@ -60,10 +62,12 @@ import Layout from "../layouts/main.astro";
-