diff --git a/src/lib/components/AdInternals.svelte b/src/lib/components/AdInternals.svelte
new file mode 100644
index 0000000..a723d87
--- /dev/null
+++ b/src/lib/components/AdInternals.svelte
@@ -0,0 +1,83 @@
+<script lang="ts">
+import { envBool } from "$lib/utils/env-helper";
+import { sha3_256 } from "@noble/hashes/sha3";
+import { bytesToHex } from "@noble/hashes/utils";
+import { onDestroy, onMount } from "svelte";
+import PrivacyIcon from "./icons/PrivacyIcon.svelte";
+import log from "$lib/utils/logger";
+
+export type UnitType = "bottom_rail" | "sky_atf" | "med_rect_atf" | "right_rail";
+
+interface Props {
+    name: string;
+    type: UnitType;
+}
+
+const unitSize: { [type in UnitType]: { width: number; height: number } } = {
+    bottom_rail: { width: 320, height: 50 },
+    sky_atf: { width: 160, height: 600 },
+    med_rect_atf: { width: 300, height: 250 },
+    right_rail: { width: 120, height: 600 },
+};
+
+const { name, type }: Props = $props();
+
+const displayPlaceholders = envBool("DB_DISPLAY_AD_PLACEHOLDERS");
+
+const selectorName = $derived.by(() => {
+    const base = name + ":" + type;
+    const hash = bytesToHex(sha3_256(base));
+    return `dbu_${hash}`;
+});
+
+const size = $derived(unitSize[type]);
+
+onMount(async () => {
+    if (displayPlaceholders) {
+        return;
+    }
+
+    try {
+        await window.ramp.addUnits([
+            {
+                selectorId: selectorName,
+                type,
+            },
+        ]);
+        window.ramp.displayUnits();
+        log.debug(`ramp: initialized unit ${name} (${type})`);
+    } catch (error) {
+        log.error("ramp: could not add  unit", { error });
+        window.ramp.displayUnits();
+    }
+});
+
+onDestroy(() => {
+    if (displayPlaceholders) {
+        return;
+    }
+
+    const elem = document.getElementById(selectorName);
+
+    if (!elem) {
+        return;
+    }
+
+    window.ramp.destroyUnits(selectorName).then(() => {
+        window.ramp.processPage(window.location.pathname);
+    });
+});
+</script>
+
+{#if displayPlaceholders}
+    <div
+        class="flex justify-center items-center border-dashed border-4 border-primary m-2 bg-base-100"
+        style={`min-width: ${size.width}px !important; min-height: ${size.height}px !important;`}
+    >
+        <div class="text-primary scale-[2.0]">
+            <PrivacyIcon />
+        </div>
+    </div>
+{:else}
+    <div id={selectorName}></div>
+{/if}
diff --git a/src/lib/components/AdSpace.svelte b/src/lib/components/AdSpace.svelte
new file mode 100644
index 0000000..fb5b418
--- /dev/null
+++ b/src/lib/components/AdSpace.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+import { pwInitialized } from "$lib/state.svelte";
+import { envBool } from "$lib/utils/env-helper";
+import AdInternals, { type UnitType } from "./AdInternals.svelte";
+
+interface Props {
+    name: string;
+    type: UnitType;
+    wrapperClasses?: string;
+}
+
+const { name, type, wrapperClasses }: Props = $props();
+
+const adsEnabled = envBool("DB_ENABLE_ADS");
+</script>
+
+{#if adsEnabled && $pwInitialized}
+    <div class={"ads " + (wrapperClasses ?? "")}>
+        <AdInternals {name} {type} />
+    </div>
+{/if}
diff --git a/src/lib/components/DrawerMenu.svelte b/src/lib/components/DrawerMenu.svelte
index 4a274fc..cac20bf 100644
--- a/src/lib/components/DrawerMenu.svelte
+++ b/src/lib/components/DrawerMenu.svelte
@@ -92,10 +92,9 @@ const version = patch?.version;
         </a>
     </li>
     <li>
-        <a href="/privacy" class="disabled">
+        <a href="/privacy">
             <PrivacyIcon />
             { $t("menu-privacy") }
-            <span class="badge badge-ghost">{$t("term-soon")}</span>
         </a>
     </li>
 
diff --git a/src/lib/components/TrackingRampSetup.svelte b/src/lib/components/TrackingRampSetup.svelte
new file mode 100644
index 0000000..a64d365
--- /dev/null
+++ b/src/lib/components/TrackingRampSetup.svelte
@@ -0,0 +1,105 @@
+<script lang="ts">
+import { afterNavigate } from "$app/navigation";
+import { pwInitialized } from "$lib/state.svelte";
+import { env, envBool } from "$lib/utils/env-helper";
+import log from "$lib/utils/logger";
+import { onMount } from "svelte";
+
+let adsEnabledForUser = $state(true); // TODO: default this to false, check with "backend" and then load stuff
+
+const adsEnabled = envBool("DB_ENABLE_ADS");
+const displayPlaceholders = envBool("DB_DISPLAY_AD_PLACEHOLDERS");
+
+const publisherId = env("DB_PW_PUBLISHER_ID");
+const websiteId = env("DB_PW_WEBSITE_ID");
+const ga4MeasurementId = env("DB_GA4_MEASUREMENT_ID");
+
+const init = async () => {
+    window.gtag("js", new Date());
+    window.gtag("config", ga4MeasurementId);
+
+    log.debug("ga4 initialized");
+
+    // feature flag hasn't been enabled
+    if (!adsEnabled) {
+        log.debug("ads: disabled");
+        return;
+    }
+
+    // user doesnt have ads so stop here, might want to check here :)
+    if (!adsEnabledForUser) {
+        log.debug("ads: disabled for user");
+        return;
+    }
+
+    // if we are displaying placeholders instead, just stop here
+    if (displayPlaceholders) {
+        log.debug("ads: display placeholder");
+        return;
+    }
+
+    // not properly set up?
+    if (!publisherId || !websiteId) {
+        log.debug("ads: pw data not setup correctly");
+        return;
+    }
+
+    // ramp has already been initialized
+    if (window.ramp) {
+        return;
+    }
+
+    window.ramp = window.ramp ?? {};
+    window.ramp.que = window.ramp.que ?? [];
+    window.ramp.passiveMode = true;
+
+    const gtagFunc = (...args: unknown[]) => window.dataLayer.push(args);
+
+    window._pwGA4PageviewId = Date.now().toString();
+    window.dataLayer = window.dataLayer || [];
+    window.gtag = window.gtag || gtagFunc;
+    window.gtag("js", new Date());
+    window.gtag("config", ga4MeasurementId, { send_page_view: false });
+    window.gtag("event", "ramp_js", {
+        pageview_id: window._pwGA4PageviewId,
+        send_to: ga4MeasurementId,
+    });
+
+    window.ramp.que.push(() => {
+        log.debug("playwire has been setup");
+        pwInitialized.set(true);
+    });
+
+    const rampScript = document.createElement("script");
+    rampScript.src = `https://cdn.intergient.com/${publisherId}/${websiteId}/ramp.js`;
+    rampScript.async = true;
+    document.body.appendChild(rampScript);
+};
+
+afterNavigate(() => {
+    if (!$pwInitialized) {
+        return;
+    }
+
+    window.ramp.processPage(window.location.pathname);
+});
+
+onMount(() => {
+    // show placeholders even if ga4 is not enabled
+    if (adsEnabled && displayPlaceholders) {
+        pwInitialized.set(true);
+    }
+});
+</script>
+
+<svelte:head>
+    {#if ga4MeasurementId}
+        <script>
+            window.dataLayer = window.dataLayer || [];
+            window.gtag = window.gtag || (function () {
+                window.dataLayer.push(arguments);
+            });
+        </script>
+        <script async src={`https://www.googletagmanager.com/gtag/js?id=${ga4MeasurementId}`} onload={init}></script>
+    {/if}
+</svelte:head>
diff --git a/src/lib/state.svelte.ts b/src/lib/state.svelte.ts
index 2a7ee41..2fd7058 100644
--- a/src/lib/state.svelte.ts
+++ b/src/lib/state.svelte.ts
@@ -53,3 +53,5 @@ export let language = storagable<Language>("lang", determineBrowserLanguage());
 export let configViewWeaponAbilities = storagable<boolean>("config.builder.view-weapon-abilities", true);
 export let configViewWeaponTalents = storagable<boolean>("config.builder.view-weapon-talents", true);
 export let showLanguageWarning = storagable<boolean>("config.app.show-language-warning", true);
+
+export let pwInitialized = writable(false);
diff --git a/src/lib/utils/env-helper.ts b/src/lib/utils/env-helper.ts
new file mode 100644
index 0000000..9d4a90e
--- /dev/null
+++ b/src/lib/utils/env-helper.ts
@@ -0,0 +1,11 @@
+import { browser } from "$app/environment";
+
+export const env = (name: string) => {
+    if (!browser) {
+        return null;
+    }
+
+    return import.meta.env[name];
+};
+
+export const envBool = (name: string) => env(name) === "true";
diff --git a/src/lib/utils/logger.ts b/src/lib/utils/logger.ts
new file mode 100644
index 0000000..8fc2d9b
--- /dev/null
+++ b/src/lib/utils/logger.ts
@@ -0,0 +1,147 @@
+import { browser } from "$app/environment";
+
+export enum LogLevel {
+    Trace,
+    Debug,
+    Info,
+    Warn,
+    Error,
+}
+
+const MAX_LOCAL_STORAGE_LOGS = 500;
+const LOCAL_STORAGE_KEY = "db:logs";
+const isDevMode = browser ? localStorage.getItem("devmode") === "true" : false;
+
+export class Logger {
+    private logLevel: LogLevel = isDevMode ? LogLevel.Debug : LogLevel.Info;
+
+    private print(level: LogLevel, message: string, data: object = {}) {
+        const logLevelStr = Logger.prefixByLevel(level);
+        const logFunc = Logger.logFunctionByLevel(level);
+
+        const logMessage = `[${logLevelStr}] ${message}`;
+
+        Logger.storeLog(level, logMessage, data);
+
+        if (this.logLevel > level) {
+            return;
+        }
+
+        if (Object.keys(data).length > 0) {
+            logFunc(logMessage, data);
+        } else {
+            logFunc(logMessage);
+        }
+    }
+
+    public setLogLevel(level: LogLevel) {
+        this.logLevel = level;
+    }
+
+    public debug(message: string, data: object = {}) {
+        this.print(LogLevel.Debug, message, data);
+    }
+
+    public info(message: string, data: object = {}) {
+        this.print(LogLevel.Info, message, data);
+    }
+
+    public warn(message: string, data: object = {}) {
+        this.print(LogLevel.Warn, message, data);
+    }
+
+    public error(message: string, data: object = {}) {
+        this.print(LogLevel.Error, message, data);
+    }
+
+    public timer(label: string) {
+        if (this.logLevel > LogLevel.Debug) {
+            return;
+        }
+
+        /*eslint-disable*/
+        console.time(label);
+        /*eslint-enable*/
+    }
+
+    public timerEnd(label: string) {
+        if (this.logLevel > LogLevel.Debug) {
+            return;
+        }
+
+        /*eslint-disable*/
+        console.timeEnd(label);
+        /*eslint-enable*/
+    }
+
+    private static logFunctionByLevel(level: LogLevel): (...data: unknown[]) => void {
+        /*eslint-disable*/
+        // we do not allow usage of console commands in the project except for this function
+        switch (level) {
+            case LogLevel.Trace:
+                return (...data: unknown[]) => {
+                    console.groupCollapsed(...data);
+                    console.trace();
+                    console.groupEnd();
+                };
+            case LogLevel.Debug:
+            case LogLevel.Info:
+                return console.info;
+            case LogLevel.Warn:
+                return console.warn;
+            case LogLevel.Error:
+                return console.error;
+        }
+        return console.log;
+        /*eslint-enable*/
+    }
+
+    private static prefixByLevel(level: LogLevel): string {
+        switch (level) {
+            case LogLevel.Trace:
+                return "TRACE";
+            case LogLevel.Debug:
+                return "DEBUG";
+            case LogLevel.Info:
+                return "INFO";
+            case LogLevel.Warn:
+                return "WARN";
+            case LogLevel.Error:
+                return "ERROR";
+        }
+        return "???";
+    }
+
+    private static storeLog(level: LogLevel, message: string, data: object) {
+        if (!browser) {
+            return;
+        }
+
+        const logs = Logger.data();
+
+        while (logs.length >= MAX_LOCAL_STORAGE_LOGS) {
+            logs.shift();
+        }
+
+        const timestamp = Date.now();
+
+        logs.push({
+            data,
+            level,
+            message,
+            timestamp,
+        });
+
+        localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(logs));
+    }
+
+    public static data() {
+        if (!browser) {
+            return [];
+        }
+        return JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY) ?? "[]");
+    }
+}
+
+const log = new Logger();
+export default log;
diff --git a/src/playwire.d.ts b/src/playwire.d.ts
new file mode 100644
index 0000000..4343aeb
--- /dev/null
+++ b/src/playwire.d.ts
@@ -0,0 +1,20 @@
+interface PlaywireUnit {
+    type: string;
+    selectorId?: string;
+}
+
+interface Window {
+    ramp: {
+        que: unknown[];
+        passiveMode: boolean;
+        addUnits: (units: PlaywireUnit[]) => Promise<void>;
+        displayUnits: () => void;
+        destroyUnits: (what: string) => Promise<void>;
+        processPage: (path: string) => void;
+        showCmpModal: () => void;
+    };
+
+    _pwGA4PageviewId: string;
+    dataLayer: unknown[];
+    gtag: (...args: unknown[]) => void;
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ea3b721..336ec8b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -13,6 +13,8 @@ import { t } from "$lib/i18n.svelte";
 import { crowdinLink } from "$lib/constants";
 import { phalanxI18nData } from "$lib/data/phalanx-i18n";
 import { phalanxPatch } from "$lib/data/phalanx-patch";
+import TrackingRampSetup from "$lib/components/TrackingRampSetup.svelte";
+import AdSpace from "$lib/components/AdSpace.svelte";
 
 const { children } = $props();
 
@@ -48,6 +50,8 @@ theme.subscribe((theme) => {
     <title>Dauntless Builder</title>
 </svelte:head>
 
+<TrackingRampSetup />
+
 <main data-theme={$theme}>
     <div class="drawer lg:drawer-open">
         <input id="drawer" type="checkbox" class="drawer-toggle" checked={$drawerOpen} />
@@ -96,3 +100,5 @@ theme.subscribe((theme) => {
         </div>
     </div>
 </main>
+
+<AdSpace name="bottom-rail" type="bottom_rail" wrapperClasses={"fixed left-0 right-0 bottom-0 flex sm:hidden items-center justify-center"} />
diff --git a/src/routes/b/[buildId]/+page.svelte b/src/routes/b/[buildId]/+page.svelte
index cfd2c6a..e39cf52 100644
--- a/src/routes/b/[buildId]/+page.svelte
+++ b/src/routes/b/[buildId]/+page.svelte
@@ -52,6 +52,8 @@ import { phalanxWeapons } from "$lib/data/phalanx-weapons";
 import { phalanxArmours } from "$lib/data/phalanx-armours.js";
 import { phalanxPerks } from "$lib/data/phalanx-perks.js";
 import { phalanxLanternCores } from "$lib/data/phalanx-lantern-cores.js";
+import log from "$lib/utils/logger.js";
+import AdSpace from "$lib/components/AdSpace.svelte";
 
 const { data } = $props();
 
@@ -65,8 +67,8 @@ let dialog: DialogProps = $state({ open: null, filters: {} });
 
 const updateBuild = () => {
     data.build.flags = 0; // reset flags when user changes something
-    const buildId = serialize(data.build).unwrapOr(empty());
-    console.log(buildId, data.build);
+    const buildId = serialize(data.build).unwrapOr(serialize(empty()).unwrapOr("this shouldnt happen"));
+    log.info(buildId, { ...data.build });
     goto(`/b/${buildId}`, { noScroll: true });
 };
 
@@ -273,6 +275,8 @@ const gotoFinderPageUsingCurrentPerks = () => {
 
         <PerkList build={data.build} />
 
+        <AdSpace name="below-perk-list" type="med_rect_atf" wrapperClasses={"hidden sm:flex items-center justify-center"} />
+
         {#if isCopyButtonVisible()}
             <hr class="h-px my-4 bg-gray-200 border-0 dark:bg-gray-700">
             <button class="btn btn-primary btn-outline" onclick={gotoFinderPageUsingCurrentPerks}>
diff --git a/src/routes/privacy/+page.svelte b/src/routes/privacy/+page.svelte
index 45e2fc1..f5827c1 100644
--- a/src/routes/privacy/+page.svelte
+++ b/src/routes/privacy/+page.svelte
@@ -2,4 +2,229 @@
 import PageTitle from "$lib/components/PageTitle.svelte";
 </script>
 
+<style lang="postcss">
+    h2 {
+        @apply text-2xl my-4;
+    }
+
+    a {
+        @apply link-primary;
+    }
+</style>
+
 <PageTitle title="Privacy" />
+
+<p>
+    At Dauntless Builder, accessible from https://dauntless-builder.com, one of our main priorities is the privacy
+    of our visitors. This Privacy Policy document contains types of information that is collected and recorded by
+    Dauntless Builder and how we use it.
+</p>
+
+<p>
+    If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact
+    us.
+</p>
+
+<p>
+    This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to
+    the information that they shared and/or collect in Dauntless Builder. This policy is not applicable to any
+    information collected offline or via channels other than this website.
+</p>
+
+<h2>Consent</h2>
+
+<p>By using our website, you hereby consent to our Privacy Policy and agree to its terms.</p>
+
+<h2>Information we collect</h2>
+
+<p>
+    The personal information that you are asked to provide, and the reasons why you are asked to provide it, will be
+    made clear to you at the point we ask you to provide your personal information.
+</p>
+<p>
+    If you contact us directly, we may receive additional information about you such as your name, email address, phone
+    number, the contents of the message and/or attachments you may send us, and any other information you may choose to
+    provide.
+</p>
+<p>
+    When you register for an Account, we may ask for your contact information, including items such as name, company
+    name, address, email address, and telephone number.
+</p>
+
+<h2>How we use your information</h2>
+
+<p>We use the information we collect in various ways, including to:</p>
+
+<ul>
+    <li>Provide, operate, and maintain our website</li>
+    <li>Improve, personalize, and expand our website</li>
+    <li>Understand and analyze how you use our website</li>
+    <li>Develop new products, services, features, and functionality</li>
+    <li>
+        Communicate with you, either directly or through one of our partners, including for customer service, to provide
+        you with updates and other information relating to the website, and for marketing and promotional purposes
+    </li>
+    <li>Send you emails</li>
+    <li>Find and prevent fraud</li>
+</ul>
+
+<h2>Log Files</h2>
+
+<p>
+    Dauntless Builder follows a standard procedure of using log files. These files log visitors when they visit
+    websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log
+    files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp,
+    referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally
+    identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users'
+    movement on the website, and gathering demographic information.
+</p>
+
+<h2>Cookies and Web Beacons</h2>
+
+<p>
+    Like any other website, Dauntless Builder uses "cookies". These cookies are used to store information including
+    visitors' preferences, and the pages on the website that the visitor accessed or visited. The information is used to
+    optimize the users' experience by customizing our web page content based on visitors' browser type and/or other
+    information.
+</p>
+
+<h2>Our Advertising Partners</h2>
+
+<p>
+    Some of advertisers on our site may use cookies and web beacons. Our advertising partners are listed below. Each of
+    our advertising partners has their own Privacy Policy for their policies on user data. For easier access, we
+    hyperlinked to their Privacy Policies below.
+</p>
+
+<h3>Google</h3>
+
+<a href="https://policies.google.com/technologies/ads">https://policies.google.com/technologies/ads</a>
+
+<h3>Playwire LLC</h3>
+
+<p>
+    All or partial advertising on this Website or App is managed by Playwire LLC. If Playwire publisher advertising
+    services are used, Playwire LLC may collect and use certain aggregated and anonymized data for advertising purposes.
+    To learn more about the types of data collected, how data is used and your choices as a user, please visit
+    <a href="https://www.playwire.com/privacy-policy">https://www.playwire.com/privacy-policy</a>.
+</p>
+<p>
+    <strong>For EU Users only:</strong> If you are located in countries that are part of the European Economic Area, in
+    the United Kingdom or Switzerland, and publisher advertising services are being provided by Playwire LLC, you were
+    presented with messaging from our Consent Management Platform (CMP) around your privacy choices as a user in regards
+    to digital advertising, applicable vendors, cookie usage and more. If you’d like to revisit the choices you have
+    made previously on this Website or App, please
+    <button
+        type="button"
+        class="link-primary"
+        style="cursor: pointer"
+        onclick={() => window.ramp.showCmpModal()}
+    >
+        click here
+    </button>.
+</p>
+
+<h2>Advertising Partners Privacy Policies</h2>
+
+<p>You may consult this list to find the Privacy Policy for each of the advertising partners of Dauntless Builder.</p>
+
+<p>
+    Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in
+    their respective advertisements and links that appear on Dauntless Builder, which are sent directly to users'
+    browser. They automatically receive your IP address when this occurs. These technologies are used to measure the
+    effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites
+    that you visit.
+</p>
+
+<p>
+    Note that Dauntless Builder has no access to or control over these cookies that are used by third-party advertisers.
+</p>
+
+<h2>Third Party Privacy Policies</h2>
+
+<p>
+    Dauntless Builder's Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to
+    consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may
+    include their practices and instructions about how to opt-out of certain options.
+</p>
+
+<p>
+    You can choose to disable cookies through your individual browser options. To know more detailed information about
+    cookie management with specific web browsers, it can be found at the browsers' respective websites.
+</p>
+
+<h2>CCPA Privacy Rights (Do Not Sell My Personal Information)</h2>
+
+<p>Under the CCPA, among other rights, California consumers have the right to:</p>
+<p>
+    Request that a business that collects a consumer's personal data disclose the categories and specific pieces of
+    personal data that a business has collected about consumers.
+</p>
+<p>Request that a business delete any personal data about the consumer that a business has collected.</p>
+<p>Request that a business that sells a consumer's personal data, not sell the consumer's personal data.</p>
+<p>
+    If you make a request, we have one month to respond to you. If you would like to exercise any of these rights,
+    please contact us.
+</p>
+
+<h2>GDPR Data Protection Rights</h2>
+
+<p>
+    We would like to make sure you are fully aware of all of your data protection rights. Every user is entitled to the
+    following:
+</p>
+<p>
+    The right to access – You have the right to request copies of your personal data. We may charge you a small fee for
+    this service.
+</p>
+<p>
+    The right to rectification – You have the right to request that we correct any information you believe is
+    inaccurate. You also have the right to request that we complete the information you believe is incomplete.
+</p>
+<p>The right to erasure – You have the right to request that we erase your personal data, under certain conditions.</p>
+<p>
+    The right to restrict processing – You have the right to request that we restrict the processing of your personal
+    data, under certain conditions.
+</p>
+<p>
+    The right to object to processing – You have the right to object to our processing of your personal data, under
+    certain conditions.
+</p>
+<p>
+    The right to data portability – You have the right to request that we transfer the data that we have collected to
+    another organization, or directly to you, under certain conditions.
+</p>
+<p>
+    If you make a request, we have one month to respond to you. If you would like to exercise any of these rights,
+    please contact us.
+</p>
+
+<h2>Children's Information</h2>
+
+<p>
+    Another part of our priority is adding protection for children while using the internet. We encourage parents and
+    guardians to observe, participate in, and/or monitor and guide their online activity.
+</p>
+
+<p>
+    Dauntless Builder does not knowingly collect any Personal Identifiable Information from children under the age of
+    13. If you think that your child provided this kind of information on our website, we strongly encourage you to
+    contact us immediately and we will do our best efforts to promptly remove such information from our records.
+</p>
+
+<h2>Changes to This Privacy Policy</h2>
+
+<p>
+    We may update our Privacy Policy from time to time. Thus, we advise you to review this page periodically for any
+    changes. We will notify you of any changes by posting the new Privacy Policy on this page. These changes are
+    effective immediately, after they are posted on this page.
+</p>
+
+<p>
+    Our Privacy Policy was created with the help of the
+    <a href="https://www.termsfeed.com/privacy-policy-generator/">Privacy Policy Generator</a>.
+</p>
+
+<h2>Contact Us</h2>
+
+<p>If you have any questions or suggestions about our Privacy Policy, do not hesitate to contact us.</p>
diff --git a/vite.config.ts b/vite.config.ts
index 10d16fe..8fd7e35 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,6 +5,7 @@ import fs from "fs/promises";
 import { loadEnv } from "vite";
 
 export default defineConfig(({ command, mode }) => ({
+    envPrefix: "DB_",
     plugins: [
         {
             name: "fetch-data",