diff --git a/.gitignore b/.gitignore
index 3345ea0..e0d33b0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,3 +26,4 @@ go.work.sum
 
 # frontend 
 ts/node_modules
+components/*_templ.txt
diff --git a/components/about_page_templ.txt b/components/about_page_templ.txt
deleted file mode 100644
index 4ae9d4c..0000000
--- a/components/about_page_templ.txt
+++ /dev/null
@@ -1 +0,0 @@
-<main class=\"w-full min-h-full py-16 px-4 sm:px-6 lg:px-8\"><div class=\"max-w-4xl mx-auto flex flex-col gap-16\"><!-- Hero Section --><section class=\"text-center flex flex-col items-center gap-6\"><div class=\"relative inline-block\"><img src=\"/assets/images/profile.jpg\" alt=\"Mohammad Hariri\" class=\"w-40 h-40 rounded-full object-cover border-4 border-emerald-500 shadow-xl\"><div class=\"absolute -bottom-2 left-1/2 -translate-x-1/2 bg-emerald-500 text-white px-3 py-1 rounded-full text-sm font-medium whitespace-nowrap\">Available for Work</div></div><div><h1 class=\"text-4xl font-bold text-slate-100 mb-4\">Your Name</h1><p class=\"text-xl text-slate-300\">Full Stack Developer & Problem Solver</p></div><p class=\"text-slate-400 max-w-2xl mx-auto\">Passionate about crafting elegant solutions to complex problems. With expertise in modern web technologies, I bring ideas to life through clean code and intuitive user experiences.</p></section><!-- Journey Section --><section class=\"bg-slate-800/50 rounded-2xl p-8 backdrop-blur-sm\"><h2 class=\"text-2xl font-bold text-slate-100\">My Journey</h2><div class=\"flex flex-col gap-8 mt-6\"><div class=\"flex gap-4\"><div class=\"flex-shrink-0 w-1 bg-emerald-500 rounded relative\"><div class=\"absolute w-3 h-3 bg-emerald-500 rounded-full -left-1 top-0\"></div></div><div><h3 class=\"text-lg font-semibold text-emerald-400\">Where I Started</h3><p class=\"text-slate-300 mt-2\">My journey in software development began with a curiosity about how things work.  From building simple websites to developing complex applications, every step has been a learning experience.</p></div></div><div class=\"flex gap-4\"><div class=\"flex-shrink-0 w-1 bg-emerald-500 rounded relative\"><div class=\"absolute w-3 h-3 bg-emerald-500 rounded-full -left-1 top-0\"></div></div><div><h3 class=\"text-lg font-semibold text-emerald-400\">Where I Am</h3><p class=\"text-slate-300 mt-2\">Currently, I specialize in full-stack development, focusing on creating scalable and maintainable applications. I'm passionate about using technology to solve real-world problems.</p></div></div><div class=\"flex gap-4\"><div class=\"flex-shrink-0 w-1 bg-emerald-500 rounded relative\"><div class=\"absolute w-3 h-3 bg-emerald-500 rounded-full -left-1 top-0\"></div></div><div><h3 class=\"text-lg font-semibold text-emerald-400\">Where I'm Going</h3><p class=\"text-slate-300 mt-2\">My goal is to continue growing as a developer while contributing to meaningful projects that make a difference. I'm always excited to learn new technologies and tackle new challenges.</p></div></div></div></section><!-- Skills Section --><section class=\"flex flex-col gap-6\"><h2 class=\"text-2xl font-bold text-slate-100\">Technical Expertise</h2><div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\"><div class=\"bg-slate-800/50 p-6 rounded-xl backdrop-blur-sm\"><h3 class=\"text-lg font-semibold text-emerald-400\">Frontend Development</h3><ul class=\"flex flex-col gap-2 text-slate-300 mt-4\"><li class=\"flex items-center\"><svg class=\"w-5 h-5 text-emerald-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path></svg> React & Next.js</li><li class=\"flex items-center\"><svg class=\"w-5 h-5 text-emerald-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path></svg> TypeScript</li><li class=\"flex items-center\"><svg class=\"w-5 h-5 text-emerald-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path></svg> Tailwind CSS</li></ul></div><div class=\"bg-slate-800/50 p-6 rounded-xl backdrop-blur-sm\"><h3 class=\"text-lg font-semibold text-emerald-400\">Backend Development</h3><ul class=\"flex flex-col gap-2 text-slate-300 mt-4\"><li class=\"flex items-center\"><svg class=\"w-5 h-5 text-emerald-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path></svg> Go & Fiber</li><li class=\"flex items-center\"><svg class=\"w-5 h-5 text-emerald-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path></svg> Node.js</li><li class=\"flex items-center\"><svg class=\"w-5 h-5 text-emerald-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path></svg> PostgreSQL</li></ul></div><div class=\"bg-slate-800/50 p-6 rounded-xl backdrop-blur-sm\"><h3 class=\"text-lg font-semibold text-emerald-400\">Tools & Practices</h3><ul class=\"flex flex-col gap-2 text-slate-300 mt-4\"><li class=\"flex items-center\"><svg class=\"w-5 h-5 text-emerald-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path></svg> Git & GitHub</li><li class=\"flex items-center\"><svg class=\"w-5 h-5 text-emerald-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path></svg> Docker</li><li class=\"flex items-center\"><svg class=\"w-5 h-5 text-emerald-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path></svg> CI/CD</li></ul></div></div></section><!-- Personal Section --><section class=\"bg-slate-800/50 rounded-2xl p-8 backdrop-blur-sm\"><h2 class=\"text-2xl font-bold text-slate-100 mb-6\">Beyond the Code</h2><div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\"><div><h3 class=\"text-lg font-semibold text-emerald-400\">When I'm Not Coding</h3><p class=\"text-slate-300\">Outside of development, I enjoy [Your Hobbies/Interests]. I believe in maintaining a healthy work-life balance and finding inspiration in various aspects of life.</p></div><div><h3 class=\"text-lg font-semibold text-emerald-400\">Let's Connect</h3><div class=\"flex flex-col gap-4\"><p class=\"text-slate-300\">I'm always interested in hearing about new projects and opportunities. Feel free to reach out if you'd like to collaborate or just chat about technology.</p><div class=\"flex gap-4\"><a href=\"https://github.com/yourusername\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-slate-400 hover:text-emerald-500 transition-colors\"><svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\"></path></svg></a> <a href=\"https://linkedin.com/in/yourprofile\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-slate-400 hover:text-emerald-500 transition-colors\"><svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"></path></svg></a> <a href=\"https://twitter.com/yourhandle\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-slate-400 hover:text-emerald-500 transition-colors\"><svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z\"></path></svg></a></div></div></div></div></section></div></main>
\ No newline at end of file
diff --git a/components/contact_page_templ.txt b/components/contact_page_templ.txt
deleted file mode 100644
index 028256b..0000000
--- a/components/contact_page_templ.txt
+++ /dev/null
@@ -1 +0,0 @@
-<main class=\"w-full min-h-full py-16 px-4 sm:px-6 lg:px-8\"><div class=\"max-w-3xl mx-auto\"><div class=\"text-center mb-12\"><h1 class=\"text-4xl font-bold text-slate-100 mb-4\">Get in Touch</h1><p class=\"text-slate-400\">Have a question or want to work together? Let's connect!</p></div><div class=\"bg-slate-800/50 rounded-2xl p-8 backdrop-blur-sm shadow-xl\"><form id=\"contactForm\" class=\"space-y-6\" onsubmit=\"handleSubmit(event)\"><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"><div><label for=\"name\" class=\"block text-sm font-medium text-slate-300 mb-2\">Name</label> <input type=\"text\" id=\"name\" name=\"name\" required class=\"w-full px-4 py-3 bg-slate-700/50 border border-slate-600 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-transparent text-slate-100 placeholder-slate-400 transition-all\" placeholder=\"Your name\"></div><div><label for=\"email\" class=\"block text-sm font-medium text-slate-300 mb-2\">Email</label> <input type=\"email\" id=\"email\" name=\"email\" required class=\"w-full px-4 py-3 bg-slate-700/50 border border-slate-600 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-transparent text-slate-100 placeholder-slate-400 transition-all\" placeholder=\"your@email.com\"></div></div><div><label for=\"subject\" class=\"block text-sm font-medium text-slate-300 mb-2\">Subject</label> <input type=\"text\" id=\"subject\" name=\"subject\" required class=\"w-full px-4 py-3 bg-slate-700/50 border border-slate-600 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-transparent text-slate-100 placeholder-slate-400 transition-all\" placeholder=\"What&#39;s this about?\"></div><div><label for=\"message\" class=\"block text-sm font-medium text-slate-300 mb-2\">Message</label> <textarea id=\"message\" name=\"message\" rows=\"6\" required class=\"w-full px-4 py-3 bg-slate-700/50 border border-slate-600 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-transparent text-slate-100 placeholder-slate-400 transition-all resize-none\" placeholder=\"Your message here...\"></textarea></div><div class=\"flex items-center justify-between\"><button type=\"submit\" class=\"inline-flex items-center px-6 py-3 border border-transparent rounded-lg text-base font-medium text-white bg-emerald-600 hover:bg-emerald-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-500 transition-all\">Send Message <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5 ml-2\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path d=\"M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z\"></path></svg></button><div class=\"flex items-center space-x-4\"><a href=\"https://linkedin.com/in/yourprofile\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-slate-400 hover:text-slate-300 transition-colors\"><svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"></path></svg></a> <a href=\"https://github.com/yourusername\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-slate-400 hover:text-slate-300 transition-colors\"><svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\"></path></svg></a></div></div></form></div></div></main><script>\n\t        function handleSubmit(event) {\n\t            event.preventDefault();\n\t            \n\t            const form = event.target;\n\t            const formData = new FormData(form);\n\t            \n\t            // Construct mailto URL\n\t            const email = 'your@email.com'; // Replace with your email\n\t            const subject = formData.get('subject');\n\t            const name = formData.get('name');\n\t            const message = `Name: ${name}\\nEmail: ${formData.get('email')}\\n\\nMessage:\\n${formData.get('message')}`;\n\t            \n\t            const mailtoUrl = `mailto:${email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(message)}`;\n\t            \n\t            // Open email client\n\t            window.location.href = mailtoUrl;\n\t            \n\t            // Optional: Reset form\n\t            form.reset();\n\t        }\n\t    </script>
\ No newline at end of file
diff --git a/components/experiences_page_templ.txt b/components/experiences_page_templ.txt
deleted file mode 100644
index 7d41f74..0000000
--- a/components/experiences_page_templ.txt
+++ /dev/null
@@ -1,19 +0,0 @@
-<section class=\"min-h-[var(--content-height)] w-full flex relative items-center\"><!-- Left Side: Job Details --><div class=\"p-6 flex flex-col gap-4 transition-all opacity-0\"><h3 class=\"text-xl font-semibold text-white\">
-</h3><div class=\"flex flex-col gap-2\"><a href=\"
-\" class=\"text-emerald-400 font-medium text-lg \">
-</a><p class=\"text-slate-400 \">
-</p><p class=\"text-slate-600 text-sm\">
- - 
-</p><a href=\"
-\" class=\"text-emerald-500\">
-</a></div><div class=\"flex flex-wrap gap-2\">
-</div><div class=\"flex flex-col gap-2\"><h4 class=\"text-xl font-medium\">About 
-</h4>
-<p class=\"text-slate-300\">
-</p>
-</div><div class=\"flex flex-col gap-2\"><h4 class=\"text-xl font-medium\">Role & Responsibilities</h4><div class=\"text-slate-300 whitespace-pre-wrap\">
-</div></div></div></section>
-<script defer src=\"assets/js/experiences.js\"></script> <main class=\"bg-gradient-to-b from-slate-900 w-full to-slate-800 px-6 overflow-x-hidden\"><div class=\"flex w-full items-center justify-between\" x-data=\"{active:$persist(0)}\"><div class=\"relative w-full flex items-center justify-center\"><!-- Timeline --><div id=\"timeline\" class=\"fixed w-10 top-[var(--navbar-height)] left-2 h-[var(--content-height)] flex items-center justify-center\"><div class=\"absolute bg-radial-[at_50%_25%] from-40% from-slate-700 h-full w-0.5 to-slate-800\"></div>
-<div id=\"timeline-point\" class=\"
-\"><div class=\"absolute w-2 h-2 z-[80]  bg-emerald-400 rounded-full\"></div></div></div><div id=\"exps-container\" class=\"ml-4 items-center content-center relative xl:w-[1600px]\">
-</div></div></div></main>
\ No newline at end of file
diff --git a/components/external_links_templ.txt b/components/external_links_templ.txt
deleted file mode 100644
index 940b365..0000000
--- a/components/external_links_templ.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class=\"fixed flex flex-col gap-6 right-5 bottom-0 p-5 w-5\"><a href=\"https://github.com/moh682\" target=\"_blank\" rel=\"noopener noreferrer\"><svg class=\"hover:cursor-pointer\" xmlns=\"http://www.w3.org/2000/svg\" width=\"
-\" height=\"
-\" viewBox=\"0 0 24 24\" fill=\"transparent\" stroke=\"var(--color-emerald-500)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-github\"><path d=\"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4\"></path><path d=\"M9 18c-4.51 2-5-2-7-2\"></path></svg></a> <a href=\"https://www.linkedin.com/in/mohammad-hariri-337a0116b\" target=\"_blank\" rel=\"noopener noreferrer\"><svg class=\"hover:cursor-pointer\" xmlns=\"http://www.w3.org/2000/svg\" width=\"
-\" height=\"
-\" viewBox=\"0 0 {iconSize} {iconSize}\" fill=\"none\" stroke=\"var(--color-emerald-500)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-linkedin\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"></path><rect width=\"4\" height=\"12\" x=\"2\" y=\"9\"></rect><circle cx=\"4\" cy=\"4\" r=\"2\"></circle></svg></a></div>
\ No newline at end of file
diff --git a/components/landing_page_templ.txt b/components/landing_page_templ.txt
deleted file mode 100644
index 8bbc0d6..0000000
--- a/components/landing_page_templ.txt
+++ /dev/null
@@ -1 +0,0 @@
-<script defer src=\"assets/js/landing.js\"></script> <main class=\"flex flex-col gap-8 bg-gradient-to-b from-slate-900 to-slate-800\"><!-- Hero Section --><div class=\"px-4 sm:px-6 lg:px-8 py-16 sm:py-24\"><div class=\"flex flex-col gap-24 \"><div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\"><!-- Left Content --><div class=\"flex flex-col gap-8\"><div class=\"flex flex-col gap-2\"><span class=\"px-4 w-fit py-2 bg-emerald-900/50 text-emerald-400 rounded-full text-sm font-medium\">Software Engineer</span><h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-bold text-white leading-tight\">Hey there! I'm Mohammad Hariri</h1><p class=\"text-xl text-slate-400 leading-relaxed\">I turn complex problems into elegant code solutions. Passionate about building robust applications that make a real difference in people's lives.</p></div><div class=\"flex flex-col sm:flex-row gap-4\"><a href=\"#contact\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-lg text-white bg-emerald-600 hover:bg-emerald-700 transition duration-300 shadow-lg hover:shadow-xl\">Let's get in touch</a> <a href=\"#portfolio\" class=\"inline-flex items-center justify-center px-6 py-3 border-2 border-slate-700 text-base font-medium rounded-lg text-slate-300 hover:bg-slate-800 transition duration-300\">View My Work</a></div><!-- Social Links --><div class=\"flex gap-6 pt-4\"><a href=\"https://github.com/moh682\" class=\"text-slate-400 hover:text-emerald-400 transition-colors\"><svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z\"></path></svg></a> <a href=\"https://www.linkedin.com/in/mohammad-hariri-337a0116b/\" class=\"text-gray-600 hover:text-emerald-600 transition-colors\"><svg class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"></path></svg></a></div></div><!-- Right Content - Hero Image --><div class=\"relative\"><div class=\"absolute -inset-4 bg-gradient-to-r from-emerald-500 to-teal-500 rounded-2xl opacity-30 blur-xl\"></div><div class=\"relative bg-slate-800 p-4 rounded-2xl shadow-xl\"><img src=\"/assets/images/portfolio-photo.webp\" alt=\"Mohammad Hariri\" class=\"w-full h-full object-cover rounded-xl\"></div></div></div><!-- Stats Section --><div class=\"grid grid-cols-2 sm:grid-cols-4 gap-8\"><div class=\"text-center\"><div id=\"years-experience\" class=\"text-4xl font-bold text-emerald-400\">0</div><div class=\"text-slate-400 mt-2\">Years Experience</div></div><div class=\"text-center\"><div id=\"programming-languages\" class=\"text-4xl font-bold text-emerald-600\">0</div><div class=\"text-gray-600 mt-2\">Programming Languages</div></div></div></div></div></main>
\ No newline at end of file
diff --git a/components/layout_templ.txt b/components/layout_templ.txt
deleted file mode 100644
index 47a138c..0000000
--- a/components/layout_templ.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-<html class=\"w-screen h-screen overflow-x-hidden bg-slate-900 text-white\"><head><!-- tailwindcss --><script src=\"https://unpkg.com/@tailwindcss/browser@4\"></script><link rel=\"stylesheet\" href=\"assets/css/styles.css\"><!-- Motion.js --><script src=\"https://cdn.jsdelivr.net/npm/motion@latest/dist/motion.js\"></script><!-- Alpine.js --><script defer src=\"https://cdn.jsdelivr.net/npm/@alpinejs/anchor@3.x.x/dist/cdn.min.js\"></script><script defer src=\"https://cdn.jsdelivr.net/npm/@alpinejs/persist@3.x.x/dist/cdn.min.js\"></script><script defer src=\"https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\"></script><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Mohammad's Portfolio</title></head><body class=\"flex flex-col w-full h-full\">
-</body></html>
\ No newline at end of file
diff --git a/components/logo_templ.txt b/components/logo_templ.txt
deleted file mode 100644
index 159dd72..0000000
--- a/components/logo_templ.txt
+++ /dev/null
@@ -1 +0,0 @@
-<div class=\"relative h-20\"><svg class=\"absolute left-0 -top-5\" xmlns=\"http://www.w3.org/2000/svg\" width=\"120px\" viewBox=\"0 0 375 300\" version=\"1.0\"><defs><clipPath id=\"a\"><path d=\"M55 134h301v49H55Zm0 0\"></path></clipPath><clipPath id=\"b\"><path d=\"m52.344 133.566 300.078-20.086 4.156 62.11L56.5 195.676Zm0 0\"></path></clipPath><clipPath id=\"c\"><path d=\"m56.488 195.5 300.078-20.086-4.156-62.11-300.078 20.087Zm0 0\"></path></clipPath></defs><path d=\"M115.291 198.419c.375.18.504.468.39.875-.117.406-.324.84-.624 1.297-.305.449-.579.824-.829 1.125-.125.136-.203.246-.234.328a64.066 64.066 0 0 0-5.734 9.593 179.305 179.305 0 0 0-4.547 10.235 249.22 249.22 0 0 0-1.735 4.015 335.144 335.144 0 0 0-3.78 8.891 355.811 355.811 0 0 1-6.657 15.172 52.21 52.21 0 0 1-2.781 5.156c-.836 1.375-2.106 2.047-3.813 2.016-1.406.031-2.261-.621-2.562-1.953a15.862 15.862 0 0 1-.516-3.532c-.187-4.543-.078-9.062.328-13.562.27-3.137.52-6.25.75-9.344.219-3.355.477-6.71.781-10.062.657-7.633 1.383-15.266 2.188-22.891.926-8.758 1.89-17.488 2.89-26.187a1705.316 1705.316 0 0 0 4.641-44.407c.07-.926.086-1.691.047-2.297-.031-.601-.164-.828-.39-.671-.231.156-.579.867-1.047 2.125a758.999 758.999 0 0 0-12.188 38.265c-.156.48-.281.95-.375 1.406-2.242 7.637-4.5 15.246-6.781 22.829a134.838 134.838 0 0 1-2.953 8.937 64.812 64.812 0 0 1-3.86 8.547c-.437.781-1.015 1.312-1.734 1.594-.711.28-1.512.37-2.406.265-.93-.082-1.61-.531-2.047-1.343a7.29 7.29 0 0 1-.688-2.516c-.105-1.05-.214-2.117-.328-3.203a162.033 162.033 0 0 1-.719-7.078 413.11 413.11 0 0 0-2.062-19.828 256.546 256.546 0 0 0-3.313-19.657c-.375-1.644-.921-1.601-1.64.125-.719 1.73-1.54 4.625-2.453 8.688-.918 4.062-1.887 8.742-2.907 14.031a801.276 801.276 0 0 0-2.953 16.14c-.949 5.481-1.824 10.485-2.625 15.016-1.18 7.04-1.968 11.532-2.375 13.469a21.005 21.005 0 0 1-1.406 3.953c-.273.563-.648.93-1.125 1.11-.48.187-1.016.25-1.61.187-1.187-.156-1.917-.844-2.187-2.062a11.944 11.944 0 0 1-.156-1.954 15.14 15.14 0 0 1-.078-1.578 228.387 228.387 0 0 1-.203-6.187 963.586 963.586 0 0 1 .281-47.985c.32-10.125.617-20.273.89-30.453v-3.297a53.66 53.66 0 0 1 0-3.171c.032-.833.333-1.407.907-1.72.582-.312 1.265-.296 2.047.048.3.093.504.257.61.484.112.23.187.492.218.781a52.75 52.75 0 0 1 .36 8.375c-.055 1.68-.11 3.356-.173 5.032-.125 4.585-.28 9.171-.468 13.765a670.405 670.405 0 0 0-.422 17.688c-.086 4.355-.18 8.714-.282 13.078a380.884 380.884 0 0 0-.125 13.844c0 3.167-.023 6.375-.062 9.625 0 .18.02.464.062.859.051.387.118.797.204 1.234.093.426.187.766.28 1.016.095.258.204.328.329.203.133-.125.258-.547.375-1.266.32-2.039.695-4.347 1.125-6.921a970.377 970.377 0 0 1 3.297-20.047c1.281-7.313 2.723-14.211 4.328-20.703 1.613-6.489 3.352-11.524 5.219-15.11.781-1.312 1.742-1.941 2.89-1.89 1.157.042 2.086.746 2.797 2.109.926 2.2 1.707 4.89 2.344 8.078.633 3.18 1.16 6.492 1.578 9.938.426 3.449.797 6.68 1.11 9.687.144 1.648.296 3.137.453 4.469.218 2.136.421 4.09.609 5.86.437 4.218.844 7.5 1.219 9.843.375 2.344.875 3.516 1.5 3.516.633 0 1.504-1.458 2.61-4.375 1.1-2.915 2.6-7.555 4.5-13.922 1.706-5.895 3.32-11.578 4.843-17.047a1001.14 1001.14 0 0 1 6.25-21.547c2.164-7.133 4.703-14.567 7.61-22.297.863-2.238 1.757-4.082 2.687-5.531.937-1.457 1.843-2.223 2.718-2.297a1.94 1.94 0 0 1 1.016.125c.344.137.645.523.906 1.156.258.637.41 1.7.453 3.188a82.57 82.57 0 0 1-.156 7.484c-.168 2.5-.367 4.992-.594 7.469a8.56 8.56 0 0 0-.046.844c-1.23 12.78-2.61 25.539-4.141 38.265-.961 8.313-1.887 16.617-2.781 24.906 0 .188-.024.403-.063.641-.812 7.73-1.574 15.473-2.281 23.234-.594 6.801-1.137 13.614-1.625 20.438-.031.594-.063 1.207-.094 1.844a98.094 98.094 0 0 0-.234 5.234v1.86c-.031.187-.016.343.047.468.07.125.222.188.453.188.07 0 .156-.028.25-.078a.398.398 0 0 0 .187-.25 846.124 846.124 0 0 0 6.547-13.844c2-4.43 4.051-8.856 6.156-13.281a290.81 290.81 0 0 1 6.704-13.141c1.925-3.656 3.707-6.578 5.343-8.766 1.645-2.195 2.86-3.203 3.641-3.015Zm0 0\" fill=\"#00bc7d\"></path><path d=\"M132.775 197.903c.25-.25.383.063.406.938.02.867-.773 2.085-2.375 3.656-1.594 1.562-3.25 2.304-4.969 2.219-.367-.04-.683-.016-.953.078-.261.093-.484.312-.672.656-.18.305-.398.578-.656.828 0 0-.015.023-.047.063-1.054 1.117-2.289 1.851-3.703 2.203-1.406.355-2.746.246-4.015-.328-1.274-.57-2.188-1.665-2.75-3.282a8.537 8.537 0 0 1-.094-4.343 13.15 13.15 0 0 1 1.39-3.579c.782-1.488 1.79-2.539 3.032-3.156 1.25-.613 2.66-.957 4.234-1.031 2.332-.113 3.805.984 4.422 3.297.375 1.344.469 2.699.281 4.062-.054.313-.117.637-.187.969-.063.219-.121.438-.172.656-.074.75.25 1.09.969 1.016 1.957-.332 3.91-1.973 5.859-4.922Zm-13.813 8.656c1.196-.55 2.036-1.5 2.516-2.843-2-1.27-3.34-3.098-4.016-5.485-.625 1.117-1.007 2.418-1.14 3.906-.137 1.493.008 2.727.437 3.704.438.968 1.172 1.21 2.203.718Zm3.422-5.484c.32-.469.516-1.05.578-1.75a7.297 7.297 0 0 0-.109-2.063c-.125-.687-.305-1.222-.531-1.609-.23-.395-.469-.516-.719-.36-.46.407-.715.993-.766 1.75a5.392 5.392 0 0 0 .344 2.282c.281.762.68 1.344 1.203 1.75Zm0 0\" fill=\"#00bc7d\"></path><path d=\"M157.065 199.466c1.445-1.602 2.207-2.22 2.28-1.844.071.375-.241 1.246-.937 2.61-.687 1.366-1.761 2.526-3.218 3.484-1.063.667-1.98 1.117-2.75 1.343-.774.219-1.47.352-2.094.39-1.242.063-2.188-.288-2.844-1.062-.648-.78-1.101-1.785-1.36-3.015a33.514 33.514 0 0 1-.546-3.797c-.117-.832-.227-1.578-.328-2.234-.157-1.051-.461-1.63-.907-1.735-.449-.113-1.136.559-2.062 2.016a30.466 30.466 0 0 0-2.547 5.156 80.085 80.085 0 0 0-1.922 5.5c-.031.074-.07.168-.11.281-.116.262-.21.528-.28.797a19.95 19.95 0 0 1-.782 2.172c-.25.594-.687.984-1.312 1.172-.617.187-1.262.148-1.938-.125a1.552 1.552 0 0 1-.89-.938 4.936 4.936 0 0 1-.219-2.062v-.172c.144-2.945.164-7.848.062-14.703-.085-5.469-.125-11.348-.125-17.64 0-6.302.16-12.243.485-17.829.32-5.582.875-10.05 1.656-13.406a8.895 8.895 0 0 1 1.672-3.281c.781-.977 1.644-1.516 2.594-1.61.945-.093 1.832.555 2.656 1.938.562 1.187.91 2.449 1.047 3.781.375 3.969.039 10.059-1 18.266-1.043 8.21-2.133 15.398-3.266 21.562-1.137 6.156-1.703 11.297-1.703 15.422.375-.625.75-1.29 1.125-2a37.03 37.03 0 0 1 1.75-3.14c.656-1.04 1.426-1.922 2.313-2.641.894-.727 1.976-1.188 3.25-1.375a6.022 6.022 0 0 1 2.625.187c.882.25 1.476.867 1.78 1.844.376 1.71.505 3.527.391 5.453 0 2.055.352 3.352 1.063 3.89.707.544 1.586.637 2.64.282 1.063-.352 2.313-1.332 3.75-2.937Zm-18.954-52.5c-.187 2.117-.402 5.652-.64 10.609a935.05 935.05 0 0 0-.61 14.89c-.168 4.981-.25 9.118-.25 12.407.407-2.977.895-6.86 1.47-11.64a492.96 492.96 0 0 0 1.53-14.75c.446-5.063.672-8.864.672-11.407-.03-1.344-.125-2.336-.28-2.984-.15-.657-.4-.891-.75-.704-.356.188-.626.664-.813 1.422-.188.762-.297 1.48-.329 2.157Zm0 0\" fill=\"#00bc7d\"></path><path d=\"M186.678 198.747c-.461 1.418-1.383 3.047-2.766 4.89-1.375 1.836-3.093 3.016-5.156 3.547-2.062.524-3.852.45-5.36-.218-1.511-.676-2.34-2.47-2.484-5.375-1.71 3.312-3.34 5.437-4.89 6.375-1.555.93-3.168 1.28-4.844 1.062-1.899-.3-3.18-1.035-3.844-2.203-.664-1.176-.89-2.531-.672-4.063.219-1.53.688-3 1.407-4.406.55-1.039 1.32-2.008 2.312-2.906.988-.906 2.023-1.61 3.11-2.11 1.343-.675 2.69-1 4.046-.968 1.352.031 2.801.48 4.344 1.344.031.03.047-.004.047-.11 0-.144.035-.332.11-.562.07-.227.202-.41.39-.547.508-.375 1.11-.563 1.797-.563.695 0 1.234.352 1.61 1.047.07.899-.024 2.04-.282 3.422-.555 3.055-.555 5.246 0 6.578.562 1.336 1.547 1.961 2.953 1.875 1.414-.094 3.25-1.488 5.5-4.187 2.25-2.707 3.14-3.348 2.672-1.922Zm-24.984 7.156c.78.563 1.671.492 2.671-.219 1.008-.718 1.977-1.726 2.907-3.031a26.785 26.785 0 0 0 2.359-3.906c.633-1.301.984-2.27 1.047-2.906-1.899-1.008-3.524-1.18-4.875-.516-1.356.668-2.434 1.762-3.234 3.281-.805 1.512-1.282 2.985-1.438 4.422-.148 1.43.04 2.387.563 2.875Zm0 0\" fill=\"#00bc7d\"></path><path d=\"M215.98 202.419v-.047c.145-.156.504-.489 1.079-1a22.949 22.949 0 0 1 1.828-1.469c.633-.469 1.086-.71 1.36-.734.28-.032.218.386-.188 1.25a2.874 2.874 0 0 1-.297.422 4.17 4.17 0 0 0-.36.468.348.348 0 0 0-.125.125c-2.605 2.793-4.648 4.727-6.125 5.797-1.468 1.074-2.921 1.578-4.359 1.516-1.492-.156-2.5-.735-3.031-1.735-.524-1.007-.778-2.238-.766-3.687.02-1.445.14-2.914.36-4.406.238-1.54.335-2.852.296-3.938-.043-1.094-.418-1.734-1.125-1.922-.668-.05-1.351.496-2.046 1.64-.688 1.138-1.344 2.462-1.97 3.97-.624 1.5-1.152 2.828-1.577 3.984a63.491 63.491 0 0 1-.485 1.344c-.304.594-.734.984-1.297 1.172-.554.187-1.14.152-1.765-.11a1.407 1.407 0 0 1-.688-.953 18.844 18.844 0 0 1-.11-2.797c.04-.625.04-1.234 0-1.828v-1.453c0-.3-.03-.566-.093-.797-.055-.226-.172-.344-.36-.344-.28-.03-.632.32-1.046 1.047-.418.73-.84 1.602-1.266 2.61-.418 1-.797 1.906-1.14 2.718-.305.711-.508 1.196-.61 1.454-.054.117-.11.23-.172.343-.343.668-.683 1.34-1.015 2.016-.293.555-.778.883-1.453.984-1.368.242-2.11-.316-2.235-1.672-.105-3.457-.199-6.921-.281-10.39 0-.895.555-1.211 1.672-.953 1.125.261 1.742.843 1.86 1.75.1 1.449.269 2.183.5 2.203.226.023.695-.625 1.406-1.938.375-.625.765-1.254 1.171-1.89a7.101 7.101 0 0 1 1.954-2.235c.843-.562 1.656-.726 2.437-.5.79.23 1.41.824 1.86 1.782.175.406.359.632.546.671.188.032.375-.05.563-.25.187-.207.375-.457.562-.75.145-.3.313-.562.5-.78 1.051-1.157 2.301-1.958 3.75-2.407 1.446-.445 2.758-.426 3.938.062 1.176.48 1.86 1.543 2.047 3.188a31.33 31.33 0 0 1-.407 6.016c-.136.98-.246 1.906-.328 2.78-.074 1.919.27 2.97 1.032 3.157.757.188 1.691-.11 2.796-.89a35.506 35.506 0 0 0 3.204-2.594Zm0 0\" fill=\"#00bc7d\"></path><path d=\"M249.265 202.419v-.047c.145-.156.504-.489 1.078-1a22.949 22.949 0 0 1 1.828-1.469c.633-.469 1.086-.71 1.36-.734.281-.032.219.386-.188 1.25a2.874 2.874 0 0 1-.297.422 4.17 4.17 0 0 0-.359.468.348.348 0 0 0-.125.125c-2.605 2.793-4.648 4.727-6.125 5.797-1.469 1.074-2.922 1.578-4.36 1.516-1.492-.156-2.5-.735-3.03-1.735-.524-1.007-.778-2.238-.766-3.687.02-1.445.14-2.914.36-4.406.237-1.54.335-2.852.296-3.938-.043-1.094-.418-1.734-1.125-1.922-.668-.05-1.352.496-2.047 1.64-.687 1.138-1.344 2.462-1.969 3.97-.625 1.5-1.152 2.828-1.578 3.984a63.491 63.491 0 0 1-.484 1.344c-.305.594-.734.984-1.297 1.172-.555.187-1.14.152-1.766-.11a1.407 1.407 0 0 1-.687-.953 18.844 18.844 0 0 1-.11-2.797c.04-.625.04-1.234 0-1.828v-1.453c0-.3-.03-.566-.093-.797-.055-.226-.172-.344-.36-.344-.28-.03-.632.32-1.046 1.047-.418.73-.84 1.602-1.266 2.61-.418 1-.797 1.906-1.14 2.718-.305.711-.509 1.196-.61 1.454-.055.117-.11.23-.172.343-.344.668-.684 1.34-1.016 2.016-.293.555-.777.883-1.453.984-1.367.242-2.11-.316-2.234-1.672-.106-3.457-.2-6.921-.281-10.39 0-.895.554-1.211 1.672-.953 1.125.261 1.742.843 1.859 1.75.101 1.449.27 2.183.5 2.203.226.023.695-.625 1.406-1.938.375-.625.766-1.254 1.172-1.89a7.101 7.101 0 0 1 1.953-2.235c.844-.562 1.656-.726 2.438-.5.789.23 1.41.824 1.859 1.782.176.406.36.632.547.671.187.032.375-.05.562-.25.188-.207.375-.457.563-.75.144-.3.312-.562.5-.78 1.05-1.157 2.3-1.958 3.75-2.407 1.445-.445 2.758-.426 3.937.062 1.176.48 1.86 1.543 2.047 3.188a31.33 31.33 0 0 1-.406 6.016c-.137.98-.246 1.906-.328 2.78-.074 1.919.27 2.97 1.031 3.157.758.188 1.692-.11 2.797-.89a35.506 35.506 0 0 0 3.203-2.594Zm0 0\" fill=\"#00bc7d\"></path><path d=\"M280.16 198.747c-.462 1.418-1.384 3.047-2.766 4.89-1.375 1.836-3.094 3.016-5.157 3.547-2.062.524-3.851.45-5.36-.218-1.51-.676-2.339-2.47-2.483-5.375-1.711 3.312-3.34 5.437-4.891 6.375-1.555.93-3.168 1.28-4.844 1.062-1.898-.3-3.18-1.035-3.844-2.203-.664-1.176-.89-2.531-.671-4.063.218-1.53.687-3 1.406-4.406.55-1.039 1.32-2.008 2.312-2.906.989-.906 2.024-1.61 3.11-2.11 1.343-.675 2.691-1 4.047-.968 1.351.031 2.8.48 4.343 1.344.032.03.047-.004.047-.11 0-.144.035-.332.11-.562.07-.227.203-.41.39-.547.508-.375 1.11-.563 1.797-.563.695 0 1.234.352 1.61 1.047.07.899-.024 2.04-.282 3.422-.555 3.055-.555 5.246 0 6.578.563 1.336 1.547 1.961 2.953 1.875 1.414-.094 3.25-1.488 5.5-4.187 2.25-2.707 3.14-3.348 2.672-1.922Zm-24.985 7.156c.781.563 1.672.492 2.672-.219 1.007-.718 1.976-1.726 2.906-3.031a26.785 26.785 0 0 0 2.36-3.906c.632-1.301.984-2.27 1.046-2.906-1.898-1.008-3.523-1.18-4.875-.516-1.355.668-2.433 1.762-3.234 3.281-.805 1.512-1.281 2.985-1.438 4.422-.148 1.43.04 2.387.563 2.875Zm0 0\" fill=\"#00bc7d\"></path><path d=\"M318.196 199.403c.145-.29.375-.441.688-.453.312-.02.582.172.812.578.082.105 0 .39-.25.86-.242.46-.562.98-.969 1.562a40.951 40.951 0 0 1-1.171 1.61c-.375.48-.641.796-.797.952-1.668 1.856-3.352 3.22-5.047 4.094-1.688.875-3.528 1.063-5.516.563-1.98-.5-4.195-1.91-6.64-4.235l-1.125-1.218a4.893 4.893 0 0 1-.282-.329c-.406-.457-.855-.515-1.343-.171-.512.367-1.028.734-1.547 1.109-.461.344-.922.656-1.39.937a28.569 28.569 0 0 1-4.985 2.75 11.734 11.734 0 0 1-5.86.97c-3.199-.376-4.86-2.145-4.984-5.313-.031-2.239.45-4.239 1.437-6 .989-1.77 2.368-3.07 4.141-3.907 1.77-.843 3.805-1.007 6.11-.5.25.055.585.125 1.015.22.25.085.563.163.938.234-.22-.52-.422-.985-.61-1.391a39.682 39.682 0 0 1-.89-1.86c-1.543-3.164-2.797-6.785-3.766-10.859a53.724 53.724 0 0 1-1.422-12.531c.02-4.281.738-8.266 2.156-11.953 1.414-3.688 3.766-6.723 7.047-9.11 2.082-1.406 4.227-2.164 6.438-2.28 2.218-.126 4.312.355 6.28 1.437 1.977 1.086 3.587 2.71 4.83 4.875a26.256 26.256 0 0 1 2.937 9.422c.675 5.335.566 10.312-.329 14.937a44.545 44.545 0 0 1-4.75 13.094c-2.273 4.117-5.156 8.11-8.656 11.984-.336.375-.512.672-.531.89-.024.22.14.532.484.938.707.93 1.477 1.836 2.313 2.719.844.875 1.781 1.61 2.812 2.203 1.457.625 3.016.637 4.672.031 1.656-.613 3.192-1.562 4.61-2.843 1.414-1.29 2.46-2.63 3.14-4.016Zm-24.906 2.234c.437-.375.469-.796.094-1.265-.22-.27-.438-.551-.657-.844a38.112 38.112 0 0 0-2.093-2.297c-.774-.789-1.578-1.39-2.422-1.797-.836-.406-1.684-.437-2.547-.093-1.188.562-2.164 1.554-2.922 2.968-.762 1.407-1.21 2.856-1.344 4.344-.136 1.492.149 2.625.86 3.406.718.774 1.93.844 3.64.219a29.498 29.498 0 0 0 7.39-4.64Zm5.625-5.515c3.57-4.207 6.242-8.352 8.016-12.438 1.77-4.082 2.968-8.851 3.593-14.312.188-1.344.27-3.098.25-5.266a44.7 44.7 0 0 0-.578-6.781c-.375-2.363-1.047-4.516-2.015-6.453-.961-1.938-2.309-3.332-4.047-4.188-1.73-.851-3.95-.851-6.657 0-2.98 1.75-5.195 4.07-6.64 6.953-1.438 2.887-2.262 6.102-2.469 9.641-.2 3.531.035 7.148.703 10.844.676 3.687 1.61 7.187 2.797 10.5 1.195 3.304 2.484 6.183 3.86 8.64.144.305.296.606.453.907.406 1 1 1.906 1.78 2.718.114-.101.227-.195.345-.28.218-.134.421-.298.609-.485Zm0 0\" fill=\"#00bc7d\"></path><g clip-path=\"url(#a)\"><g clip-path=\"url(#b)\"><g clip-path=\"url(#c)\"><path fill=\"#00bc7d\" d=\"M58.387 157.34a1.92 1.92 0 1 0-2.805 2.625c4.52 4.828 8.508 8.52 12.75 11.469l.121.078c4.234 2.922 8.684 5.074 14.106 6.824 34.757 11.226 80.636-3.863 125.363-18.574 62.176-20.457 122.086-40.164 144.004 14.386a1.917 1.917 0 0 0 2.496 1.067 1.914 1.914 0 0 0 1.066-2.5c-23.254-57.88-84.836-37.621-148.758-16.598-44.148 14.528-89.425 29.422-123.007 18.578-5.055-1.632-9.188-3.629-13.094-6.328l-.113-.086c-3.973-2.761-7.778-6.289-12.121-10.937Zm0 0\" fill-rule=\"evenodd\"></path></g></g></g><path d=\"M115.007 217.718h1.047v4.343h5.469v-4.343h1.047v9.797h-1.047v-4.485h-5.469v4.485h-1.047ZM137.336 217.718h.97l4.062 9.797h-1.11l-1.125-2.735h-4.625l-1.11 2.735h-1.124Zm2.375 6.093-1.89-4.625-1.89 4.625ZM153.076 217.718h3.922c.437 0 .836.074 1.203.218.375.149.691.356.953.625.27.262.477.575.625.938.156.355.234.742.234 1.156 0 .563-.109 1.027-.328 1.39a3.387 3.387 0 0 1-.703.845 2.97 2.97 0 0 1-1 .562l2.313 4.063h-1.203l-2.172-3.922h-2.797v3.922h-1.047Zm3.922 4.89c.594 0 1.066-.176 1.422-.531.351-.352.531-.828.531-1.422s-.18-1.066-.531-1.422c-.356-.351-.828-.531-1.422-.531h-2.875v3.906ZM171.48 217.718h1.048v9.797h-1.047ZM184.428 217.718h3.922c.438 0 .836.074 1.203.218.375.149.692.356.954.625.27.262.476.575.625.938.156.355.234.742.234 1.156 0 .563-.11 1.027-.328 1.39a3.387 3.387 0 0 1-.703.845 2.97 2.97 0 0 1-1 .562l2.312 4.063h-1.203l-2.172-3.922h-2.797v3.922h-1.047Zm3.922 4.89c.594 0 1.067-.176 1.422-.531.352-.352.531-.828.531-1.422s-.18-1.066-.53-1.422c-.356-.351-.829-.531-1.423-.531h-2.875v3.906ZM202.833 217.718h1.047v9.797h-1.047Zm0 0\" fill=\"#00bc7d\"></path></svg></div>
\ No newline at end of file
diff --git a/components/navbar_templ.txt b/components/navbar_templ.txt
deleted file mode 100644
index d08dcbd..0000000
--- a/components/navbar_templ.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-<script src=\"/assets/js/navigation.js\"></script><nav x-data=\"navbar\" class=\"fixed h-[var(--navbar-height)] backdrop-blur-md bg-slate-900/90 z-50 w-full py-4 justify-between items-center flex gap-6 px-6 border-b border-slate-800\"><ul class=\"flex gap-4\"><li><a href=\"/\" class=\"text-white hover:text-blue-400 transition-colors duration-300\">
-</a></li></ul><ul class=\"flex gap-4\"><div class=\"hidden md:block\"><div class=\"flex gap-8\" id=\"desktop-nav\"><li class=\"relative group\"><a href=\"/experiences\" class=\"flex items-center gap-2 text-slate-300 group-hover:text-white transition-colors duration-300\"><svg class=\"w-5 h-5\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 00.75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 00-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0112 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 01-.673-.38m0 0A2.18 2.18 0 013 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 013.413-.387m7.5 0V5.25A2.25 2.25 0 0013.5 3h-3a2.25 2.25 0 00-2.25 2.25v.894m7.5 0a48.667 48.667 0 00-7.5 0M12 12.75h.008v.008H12v-.008z\"></path></svg> <span>Experiences</span></a></li><li class=\"relative group\"><a href=\"/projects\" class=\"flex items-center gap-2 text-slate-300 group-hover:text-white transition-colors duration-300\"><svg class=\"w-5 h-5\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5\"></path></svg> <span>Projects</span></a></li><li class=\"relative group\"><a href=\"/about\" class=\"flex items-center gap-2 text-slate-300 group-hover:text-white transition-colors duration-300\"><svg class=\"w-5 h-5\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z\"></path></svg> <span>About</span></a></li><li class=\"relative group\"><a href=\"/contact\" class=\"flex items-center gap-2 text-slate-300 group-hover:text-white transition-colors duration-300\"><svg class=\"w-5 h-5\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75\"></path></svg> <span>Contact</span></a></li></div></div></ul><ul class=\"w-6\"><button @click=\"toggle\" class=\"md:hidden relative w-8 h-8 focus:outline-none\"><div class=\"absolute w-6 transform transition-all duration-300\" :class=\"{&#39;rotate-45 translate-y-0&#39;: isOpen, &#39;translate-y-[-8px]&#39;: !isOpen}\"><div class=\"h-[2px] w-full bg-white rounded-lg\"></div></div><div class=\"absolute w-6 transform transition-all duration-300\" :class=\"{&#39;opacity-0&#39;: isOpen}\"><div class=\"h-[2px] w-full bg-white rounded-lg\"></div></div><div class=\"absolute w-6 transform transition-all duration-300\" :class=\"{&#39;-rotate-45 translate-y-0&#39;: isOpen, &#39;translate-y-[8px]&#39;: !isOpen}\"><div class=\"h-[2px] w-full bg-white rounded-lg\"></div></div></button><div @click=\"close\" x-show=\"isOpen\" x-cloak x-transition:enter=\"transition ease-out duration-300\" x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\" x-transition:leave=\"transition ease-in duration-300\" x-transition:leave-start=\"opacity-100\" x-transition:leave-end=\"opacity-0\" class=\"navbar-drawer top-[var(--navbar-height)] fixed inset-0 z-50 bg-slate-900/98 backdrop-blur-sm pt-24\"><div class=\"flex items-center justify-center h-full w-full\"><div id=\"mobile-nav\" class=\"flex gap-12 flex-col items-center justify-center px-2\"><li><a class=\"text-4xl font-light text-slate-300 hover:text-white transition-colors duration-300\" href=\"/experiences\">Experiences</a></li><li><a class=\"text-4xl font-light text-slate-300 hover:text-white transition-colors duration-300\" href=\"/projects\">Projects</a></li><li><a class=\"text-4xl font-light text-slate-300 hover:text-white transition-colors duration-300\" href=\"/about\">About</a></li><li><a class=\"text-4xl font-light text-slate-300 hover:text-white transition-colors duration-300\" href=\"/contact\">Contact</a></li></div></div></div></ul></nav>
\ No newline at end of file
diff --git a/components/notfound_templ.txt b/components/notfound_templ.txt
deleted file mode 100644
index e56f196..0000000
--- a/components/notfound_templ.txt
+++ /dev/null
@@ -1 +0,0 @@
-<main class=\"w-full h-full flex flex-col gap-0 items-center justify-center\"><h1 class=\"text-3xl\">404</h1><p class=\"text-base\">Page not found</p></main>
\ No newline at end of file
diff --git a/components/projects_page_templ.txt b/components/projects_page_templ.txt
deleted file mode 100644
index d88ed4f..0000000
--- a/components/projects_page_templ.txt
+++ /dev/null
@@ -1,17 +0,0 @@
-<span class=\"px-3 py-1 w-fit text-sm bg-slate-700 text-slate-300 rounded-full\">
-</span>
-<span class=\"
-\">
-</span>
-<div class=\"group bg-slate-800 rounded-lg overflow-hidden transition-all duration-300 hover:transform hover:scale-[1.02] hover:shadow-xl\"><div class=\"relative overflow-hidden aspect-video\"><img src=\"
-\" alt=\"
-\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110\"><div class=\"absolute inset-0 bg-gradient-to-t from-slate-900 to-transparent opacity-0 group-hover:opacity-60 transition-opacity duration-300\"></div></div><div class=\"flex flex-col gap-4 p-6\"><div class=\"flex flex-col gap-2\"><h3 class=\"text-xl font-bold text-slate-100\">
-</h3>
-<p class=\"text-slate-400 mb-4 line-clamp-2\">
-</p><div class=\"flex flex-wrap gap-2\">
-</div></div>
-<a href=\"
-\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center text-emerald-500 hover:text-emerald-400 transition-colors\">View Project  <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-4 w-4 ml-1\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"></path></svg></a>
-</div></div>
-<main class=\"w-full min-h-full py-16 px-4 sm:px-6 lg:px-8\"><div class=\"max-w-7xl mx-auto\"><h1 class=\"text-4xl font-bold text-slate-100 mb-2\">Projects</h1><p class=\"text-slate-400 mb-12\">A collection of projects I've worked on</p><div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">
-</div></div></main>
\ No newline at end of file
diff --git a/components/tech_stack_templ.txt b/components/tech_stack_templ.txt
deleted file mode 100644
index 310b368..0000000
--- a/components/tech_stack_templ.txt
+++ /dev/null
@@ -1,13 +0,0 @@
-<a href=\"
-\" class=\"group flex items-center gap-2 px-3 py-2 rounded-md bg-slate-700/30 hover:bg-slate-700/50 transition-colors duration-200\">
-<img src=\"
-\" alt=\"
-\" class=\"w-5 h-5 object-contain\"> 
-<span class=\"text-emerald-500 w-fit font-medium group-hover:text-emerald-400\">
-</span></a>
-<div class=\"flex items-center gap-2 px-3 py-2 rounded-md bg-slate-700\">
-<img src=\"
-\" alt=\"
-\" class=\"w-5 h-5 object-contain\"> 
-<span class=\"text-white w-fit font-medium\">
-</span></div>
\ No newline at end of file