diff --git a/locales/en.json b/locales/en.json
index 46d7f3c..daa2ada 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -507,7 +507,7 @@
                 "rows": {
                     "design": {
                         "left": "Generic design",
-                        "right": "Agent-branded page"
+                        "right": "Agent-branded"
                     },
                     "leadCapture": {
                         "left": "No lead capture",
@@ -523,7 +523,7 @@
                     },
                     "analytics": {
                         "left": "Basic analytics",
-                        "right": "Conversion analytics"
+                        "right": "Better analytics"
                     },
                     "look": {
                         "left": "Looks cheap",
diff --git a/public/images/phone.png b/public/images/phone.png
new file mode 100644
index 0000000..fd697de
Binary files /dev/null and b/public/images/phone.png differ
diff --git a/src/app/[locale]/(main)/home/hero.tsx b/src/app/[locale]/(main)/home/hero.tsx
index b7b4698..825c419 100644
--- a/src/app/[locale]/(main)/home/hero.tsx
+++ b/src/app/[locale]/(main)/home/hero.tsx
@@ -71,7 +71,7 @@ const Hero: React.FC = () => {
                     </motion.h1>
 
                     <motion.p
-                        className="text-sm xl:text-base max-w-md lg:max-w-none"
+                        className="text-sm xl:text-base text-justify lg:text-left max-w-md lg:max-w-none"
                         {...fadeUpView(0.4)}
                     >
                         {t("description")}
@@ -115,7 +115,7 @@ const Hero: React.FC = () => {
 
                 <div className="flex relative w-full lg:w-3/5 h-[540px] sm:h-[620px] lg:h-full items-center justify-center">
                     <motion.div
-                        className="mockup-phone border-neutral rounded-[60px] w-52 xl:w-72 max-h-[85%] aspect-9/18"
+                        className="mockup-phone border-neutral rounded-[62px] w-56 xl:w-72 max-h-[85%] aspect-9/18 relative z-10"
                         {...fadeUpView(0.3)}
                     >
                         <div className="mockup-phone-camera" />
@@ -132,7 +132,7 @@ const Hero: React.FC = () => {
                     </motion.div>
 
                     <motion.div
-                        className="absolute top-[8%] right-4 sm:right-8 xl:right-16 w-44 bg-base-100 rounded-2xl shadow-xl border border-base-300 p-3.5"
+                        className="absolute top-[8%] right-4 sm:right-8 xl:right-16 w-44 bg-base-100 rounded-2xl shadow-xl border border-base-300 p-3.5 z-0"
                         style={{ rotate: "3deg" }}
                         {...fadeUpView(0.5)}
                     >
@@ -163,7 +163,7 @@ const Hero: React.FC = () => {
                     </motion.div>
 
                     <motion.div
-                        className="absolute top-[22%] left-4 sm:left-8 xl:left-16 w-40 bg-base-100 rounded-2xl shadow-xl border border-base-300 p-3"
+                        className="absolute top-[22%] left-4 sm:left-8 xl:left-16 w-40 bg-base-100 rounded-2xl shadow-xl border border-base-300 p-3 z-0"
                         style={{ rotate: "-2deg" }}
                         {...fadeUpView(0.7)}
                     >
@@ -182,7 +182,7 @@ const Hero: React.FC = () => {
                     </motion.div>
 
                     <motion.div
-                        className="absolute bottom-[16%] left-4 sm:left-8 xl:left-16 w-52 bg-base-100 rounded-2xl shadow-xl border border-base-300 p-3.5"
+                        className="absolute bottom-[16%] left-4 sm:left-8 xl:left-16 w-52 bg-base-100 rounded-2xl shadow-xl border border-base-300 p-3.5 z-0"
                         style={{ rotate: "-3deg" }}
                         {...fadeUpView(0.6)}
                     >
@@ -205,7 +205,7 @@ const Hero: React.FC = () => {
                     </motion.div>
 
                     <motion.div
-                        className="absolute bottom-[14%] right-4 sm:right-8 xl:right-16 w-36 bg-base-100 rounded-2xl shadow-xl border border-base-300 p-3"
+                        className="absolute bottom-[14%] right-4 sm:right-8 xl:right-16 w-36 bg-base-100 rounded-2xl shadow-xl border border-base-300 p-3 z-0"
                         style={{ rotate: "4deg" }}
                         {...fadeUpView(0.8)}
                     >
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
index 8d5fa7f..896f859 100644
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import Script from "next/script";
 import { ThemeProvider } from "next-themes";
 import { Toaster } from "react-hot-toast";
 import { IconCheck, IconX } from "@tabler/icons-react";
@@ -7,6 +8,21 @@ import { IconCheck, IconX } from "@tabler/icons-react";
 const Providers: React.FC<React.PropsWithChildren> = ({ children }) => {
     return (
         <>
+            <Script
+                id="gtm"
+                async
+                src="https://www.googletagmanager.com/gtag/js?id=AW-18032554707"
+                strategy="afterInteractive"
+            />
+            <Script id="gtm-id" strategy="afterInteractive">
+                {`
+                    window.dataLayer = window.dataLayer || [];
+                    function gtag(){dataLayer.push(arguments);}
+                    gtag('js', new Date());
+
+                    gtag('config', 'AW-18032554707');
+            `}
+            </Script>
             <Toaster
                 position="top-center"
                 toastOptions={{