diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..2eea525
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.env
\ No newline at end of file
diff --git a/ENV_TEMPLATE b/ENV_TEMPLATE
new file mode 100644
index 0000000..f77e5d7
--- /dev/null
+++ b/ENV_TEMPLATE
@@ -0,0 +1 @@
+APIKEY=123
diff --git a/config.php b/config.php
index 5776db7..f28fb96 100644
--- a/config.php
+++ b/config.php
@@ -1,7 +1,11 @@
 <?php
 // config.php
-return [
-    'openai_api_key' => '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',
-
-];
+function getApi(){
+    $api_key = getenv('APIKEY');
+    if($api_key){
+        return array('openai_api_key' => $api_key);
+    }else{
+        return false;
+    }
+}
 ?>
\ No newline at end of file
diff --git a/home.php b/home.php
index e199301..3319270 100644
--- a/home.php
+++ b/home.php
@@ -1,26 +1,9 @@
-
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>AI Email Generator</title>
-    <link rel="stylesheet" href="style.css">
-</head>
+<?php include($_SERVER['DOCUMENT_ROOT'] . '/inc/php/header.php');?>
 <body>
     <div class="container">
         <h1>AI Email Generator</h1>
         <p>Effortlessly craft polished, professional emails in seconds.</p>
-        <a href="index.php"><button>Start Generating Emails</button></a>
+        <a href="/"><button>Start Generating Emails</button></a>
         <button id="darkModeBtn">Toggle Dark Mode</button>
     </div>
-
-    <script>
-    const darkBtn = document.getElementById('darkModeBtn');
-    if (darkBtn) {
-        darkBtn.onclick = function () {
-            document.body.classList.toggle('dark-mode');
-        };
-    }
-    </script>
-</body>
-</html>
+<?php include($_SERVER['DOCUMENT_ROOT'] . '/inc/php/footer.php');
diff --git a/style.css b/inc/css/style.css
similarity index 100%
rename from style.css
rename to inc/css/style.css
diff --git a/inc/js/theme.js b/inc/js/theme.js
new file mode 100644
index 0000000..0feaa0e
--- /dev/null
+++ b/inc/js/theme.js
@@ -0,0 +1,9 @@
+document.addEventListener('DOMContentLoaded', () =>{
+    const toggleBtn = document.getElementById('darkModeBtn');
+    if(toggleBtn){
+        toggleBtn.addEventListener('click', (e) =>{
+            e.preventDefault();
+            document.body.classList.toggle('dark-mode');
+        })
+    }
+})
\ No newline at end of file
diff --git a/inc/php/footer.php b/inc/php/footer.php
new file mode 100644
index 0000000..8a83201
--- /dev/null
+++ b/inc/php/footer.php
@@ -0,0 +1,3 @@
+<script src="/inc/js/theme.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/inc/php/header.php b/inc/php/header.php
new file mode 100644
index 0000000..c4649ca
--- /dev/null
+++ b/inc/php/header.php
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>AI Email Generator - Result</title>
+    <link rel="stylesheet" href="style.css">
+</head>
\ No newline at end of file
diff --git a/inc/php/resources.php b/inc/php/resources.php
new file mode 100644
index 0000000..c24fd6d
--- /dev/null
+++ b/inc/php/resources.php
@@ -0,0 +1,31 @@
+<?php
+
+function getLanguages(){
+    return array(
+        'English',
+        'Swedish',
+        'Spanish',
+        'French',
+        'German',
+        'Italian',
+        'Portuguese',
+        'Dutch',
+        'Norwegian',
+        'Danish',
+        'Finnish',
+        'Polish',
+        'Czech',
+        'Hungarian',
+        'Greek',
+        'Turkish',
+        'Russian',
+        'Chinese',
+        'Japanese',
+        'Korean',
+        'Arabic',
+        'Hebrew',
+        'Hindi',
+        'Thai',
+        'Vietnamese',
+    );
+}
\ No newline at end of file
diff --git a/index.php b/index.php
index 652fd9d..e6aa82c 100644
--- a/index.php
+++ b/index.php
@@ -1,10 +1,8 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>AI Email Generator</title>
-    <link rel="stylesheet" href="style.css">
-</head>
+<?php
+    include($_SERVER['DOCUMENT_ROOT'] . '/inc/php/header.php');
+    include($_SERVER['DOCUMENT_ROOT'] . '/inc/php/resources.php');
+    $languages = getLanguages();
+?>
 <body>
     <div class="container">
         <h1>AI Email Generator</h1>
@@ -21,45 +19,13 @@
 
             <label for="language">Select Language:</label>
             <select name="language" id="language" required>
-                <option value="English">English</option>
-                <option value="Swedish">Swedish</option>
-                <option value="Spanish">Spanish</option>
-                <option value="French">French</option>
-                <option value="German">German</option>
-                <option value="Italian">Italian</option>
-                <option value="Portuguese">Portuguese</option>
-                <option value="Dutch">Dutch</option>
-                <option value="Norwegian">Norwegian</option>
-                <option value="Danish">Danish</option>
-                <option value="Finnish">Finnish</option>
-                <option value="Polish">Polish</option>
-                <option value="Czech">Czech</option>
-                <option value="Hungarian">Hungarian</option>
-                <option value="Greek">Greek</option>
-                <option value="Turkish">Turkish</option>
-                <option value="Russian">Russian</option>
-                <option value="Chinese">Chinese</option>
-                <option value="Japanese">Japanese</option>
-                <option value="Korean">Korean</option>
-                <option value="Arabic">Arabic</option>
-                <option value="Hebrew">Hebrew</option>
-                <option value="Hindi">Hindi</option>
-                <option value="Thai">Thai</option>
-                <option value="Vietnamese">Vietnamese</option>
+                <?php foreach($languages as $language) :?>
+                    <option value="<?=$language;?>"><?=$language;?></option>
+                <?php endforeach;?>
             </select>
 
             <button type="submit">Generate Email</button>
             <button id="darkModeBtn" type="button">Toggle Dark Mode</button>
         </form>
     </div>
-
-    <script>
-    const darkBtn = document.getElementById('darkModeBtn');
-    if (darkBtn) {
-        darkBtn.onclick = function () {
-            document.body.classList.toggle('dark-mode');
-        };
-    }
-    </script>
-</body>
-</html>
+<?php include($_SERVER['DOCUMENT_ROOT'] . '/inc/php/footer.php');
diff --git a/process.php b/process.php
index 1e02366..84acb40 100644
--- a/process.php
+++ b/process.php
@@ -1,21 +1,18 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>AI Email Generator - Result</title>
-    <link rel="stylesheet" href="style.css">
-</head>
+<?php 
+    require_once($_SERVER['DOCUMENT_ROOT'] . '/config.php');
+    include($_SERVER['DOCUMENT_ROOT'] . '/inc/php/header.php');
+?>
+
 <body>
     <div class="container">
         <?php
         // Load API key from config
-        $config = include 'config.php';
-        $apikey = $config['openai_api_key'];
+        $apikey = getApi();
 
         // Sanitize and validate user inputs
         $emailInput = trim($_POST['email_input'] ?? '');
-        $tone = $_POST['tone'] ?? '';
-        $language = $_POST['language'] ?? 'English';  // Language selector
+        $tone = htmlspecialchars($_POST['tone']) ?? '';
+        $language = htmlspecialchars($_POST['language']) ?? 'English';  // Language selector
 
         $allowedTones = [
             'formal' => 'Write this email in a formal tone',
@@ -106,12 +103,5 @@
             return false;
         };
     }
-
-    if (darkBtn) {
-        darkBtn.onclick = function () {
-            document.body.classList.toggle('dark-mode');
-        };
-    }
     </script>
-</body>
-</html>
+<?php include($_SERVER['DOCUMENT_ROOT'] . '/inc/php/footer.php');
\ No newline at end of file
