diff --git a/app/app.tsx b/app/app.tsx
index 03cce8e..3925ec4 100644
--- a/app/app.tsx
+++ b/app/app.tsx
@@ -12,46 +12,46 @@ import { SEOHead } from './components/SEOHead';
 
 function App() {
   return (
-    <>    
+    <>
 
-   <SEOHead
-        title="آرام‌لند - تمرین تنفسی و مدیتیشن"
-        description="اپلیکیشن آرام‌لند - همراه شما برای رسیدن به آرامش درونی با مدیتیشن‌های فارسی، تمرین‌های تنفسی و موسیقی آرامش‌بخش"
-        canonical="/" ogImage="../app/og-image.png"     />  
+      <SEOHead
+        title="آرام لند - تمرین تنفسی و مدیتیشن"
+        description="اپلیکیشن آرام لند - همراه شما برای رسیدن به آرامش درونی با مدیتیشن‌های فارسی، تمرین‌های تنفسی و موسیقی آرامش‌بخش"
+        canonical="/" ogImage="../app/og-image.png" />
 
-    <div className="min-h-screen bg-gradient-to-b from-blue-50 via-white to-green-50" dir="rtl">
-      <Header />
-      
-      <main className="max-w-5xl mx-auto px-6 sm:px-8 lg:px-10 py-24 space-y-32">
+      <div className="min-h-screen bg-gradient-to-b from-blue-50 via-white to-green-50" dir="rtl">
+        <Header />
+
+        <main className="max-w-5xl mx-auto px-6 sm:px-8 lg:px-10 py-24 space-y-32">
 
           <div id="download">
             <Hero />
           </div>
 
-        <div id="features">
-          <Features />
+          <div id="features">
+            <Features />
+          </div>
+
+          <div id="what-you-can-do">
+            <WhatYouCanDo />
+          </div>
+
+          <div id="why-aramland">
+            <WhyAramland />
+          </div>
+
+          <div id="free-trial">
+            <FreeTrial />
+          </div>
+
+          <div id="call-to-action">
+            <CallToAction />
+          </div>
+        </main>
+        <div id='footer'>
+          <Footer />
         </div>
-        
-        <div id="what-you-can-do">
-          <WhatYouCanDo />
-        </div>
-        
-        <div id="why-aramland">
-          <WhyAramland />
-        </div>
-        
-        <div id="free-trial">
-          <FreeTrial />
-        </div>
-        
-        <div id="call-to-action">
-          <CallToAction />
-        </div>
-      </main>
-      <div id='footer'>
-      <Footer />
       </div>
-    </div>
     </>
   );
 }
diff --git a/app/components/CallToAction.jsx b/app/components/CallToAction.jsx
index f8eda3b..92fe6f7 100644
--- a/app/components/CallToAction.jsx
+++ b/app/components/CallToAction.jsx
@@ -6,20 +6,20 @@ function CallToAction() {
     <div className="relative text-center rounded-3xl p-16 animate-fadeInUp overflow-hidden">
       {/* Background with gradient */}
       <div className="absolute inset-0 bg-gradient-to-r from-primary-500 via-primary-600 to-primary-500 opacity-10"></div>
-      
+
       {/* Animated border */}
       <div className="absolute inset-0 rounded-3xl border-2 border-primary-500/20 animate-pulse"></div>
-      
+
       <div className="relative">
         <h2 className="text-3xl md:text-5xl font-bold text-gray-900 mb-6">
           آماده برای <span className="text-primary-500">تغییر</span> زندگی؟
         </h2>
         <p className="text-xl text-gray-700 mb-8 max-w-2xl mx-auto leading-relaxed">
-          امروز اولین قدم رو بردار و ببین چطور آرام‌لند می‌تونه کیفیت زندگی‌ات رو متحول کنه
+          امروز اولین قدم رو بردار و ببین چطور آرام لند می‌تونه کیفیت زندگی‌ات رو متحول کنه
         </p>
-        
-        <div  className="flex flex-col sm:flex-row gap-4 justify-center items-center">
-          <button  onClick={() => scrollToSectionWithHeader('download')} className="bg-gradient-to-r from-primary-500 to-primary-600 text-white font-bold py-4 px-8 rounded-2xl hover:shadow-2xl transition-all duration-300 transform hover:scale-105 text-lg shadow-lg hover:shadow-primary-500/40 relative overflow-hidden group">
+
+        <div className="flex flex-col sm:flex-row gap-4 justify-center items-center">
+          <button onClick={() => scrollToSectionWithHeader('download')} className="bg-gradient-to-r from-primary-500 to-primary-600 text-white font-bold py-4 px-8 rounded-2xl hover:shadow-2xl transition-all duration-300 transform hover:scale-105 text-lg shadow-lg hover:shadow-primary-500/40 relative overflow-hidden group">
             <div className="absolute inset-0 bg-white/20 -translate-x-full group-hover:translate-x-full transition-transform duration-700"></div>
             <span className="relative">شروع سفر آرامش</span>
           </button>
@@ -27,8 +27,8 @@ function CallToAction() {
             بیشتر بدانید
           </button>
         </div>
-        
-    
+
+
       </div>
     </div>
   );
diff --git a/app/components/DownloadSection.jsx b/app/components/DownloadSection.jsx
index 3cc9211..de4a836 100644
--- a/app/components/DownloadSection.jsx
+++ b/app/components/DownloadSection.jsx
@@ -7,7 +7,7 @@ function DownloadSection() {
       icon: './images/cafe.png',
       title: "کافه بازار",
       description: "دانلود برای اندروید",
-      link:"https://cafebazaar.ir/app/com.approagency.meditation",
+      link: "https://cafebazaar.ir/app/com.approagency.meditation",
       // badge: "پرطرفدار",
       gradient: "from-primary-500/10 to-primary-600/10",
       border: "border-primary-500/20",
@@ -18,19 +18,19 @@ function DownloadSection() {
       title: "مایکت",
       link: "https://myket.ir/app/com.approagency.meditation",
       description: "دانلود برای اندروید",
-             gradient: "from-primary-500/10 to-primary-600/10",
+      gradient: "from-primary-500/10 to-primary-600/10",
       border: "border-primary-500/20",
       animation: "animate-fadeInUp delay-200"
     },
     {
-      icon:'./images/appstore.png',
+      icon: './images/appstore.png',
       title: "وب سایت",
       description: "نسخه وب برای تمام دستگاه‌ها",
-      link:'https://meditation.approagency.ir/web/',
+      link: 'https://meditation.approagency.ir/web/',
       badge: "",
       gradient: "from-primary-500/10 to-primary-600/10",
       animation: "animate-slideInRight delay-300",
-       border: "border-primary-500/20",
+      border: "border-primary-500/20",
     }
   ];
 
@@ -40,14 +40,14 @@ function DownloadSection() {
       <div className="absolute inset-0 opacity-4">
         <div className="absolute inset-0"></div>
       </div>
-      
+
       <div className="relative">
         <div className="text-center mb-12">
           <h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4 mt-8">
             همین حالا <span className="text-primary-500">شروع کنید</span>
           </h2>
           <p className="text-xl text-gray-600 max-w-2xl mx-auto">
-            آرام‌لند را روی دستگاه مورد علاقه‌تان نصب کنید
+            آرام لند را روی دستگاه مورد علاقه‌تان نصب کنید
           </p>
         </div>
 
@@ -60,13 +60,13 @@ function DownloadSection() {
             >
               {/* Shine effect */}
               {/* <div className="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"></div> */}
-              
+
               {option.badge && (
                 <div className="absolute -top-0 right-0 bg-primary-200  px-2 py-2 rounded text-xs font-bold">
                   {option.badge}
                 </div>
               )}
-              
+
               <div className="bg-white p-4 rounded-2xl mb-4 group-hover:scale-110 transition-transform duration-300">
                 <img src={option.icon} alt="Download" className="w-20 h-20 border border-transparent rounded-xl " />
                 {/* <option.icon className="w-8 h-8" /> */}
diff --git a/app/components/Footer.jsx b/app/components/Footer.jsx
index 8242939..d12bc25 100644
--- a/app/components/Footer.jsx
+++ b/app/components/Footer.jsx
@@ -2,13 +2,13 @@
 import { useScroll } from '../hooks/useScroll';
 
 function Footer() {
-   const { scrollToSectionWithHeader } = useScroll();
+  const { scrollToSectionWithHeader } = useScroll();
   return (
     <footer className="bg-white border-t border-gray-100">
       {/* Main Footer Content */}
       <div className="max-w-5xl mx-auto px-6 sm:px-8 lg:px-10 py-16">
         <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
-          
+
           {/* Brand Column */}
           <div className="lg:col-span-2">
             <div className="flex items-center gap-3 mb-6">
@@ -16,11 +16,11 @@ function Footer() {
                 <span className="text-white font-bold text-lg">آ</span>
               </div>
               <div className="text-2xl font-bold bg-gradient-to-r from-primary-500 to-primary-600 bg-clip-text text-transparent">
-                آرام‌لند
+                آرام لند
               </div>
             </div>
             <p className="text-gray-600 leading-relaxed mb-6 max-w-md">
-              همراه شما در مسیر رسیدن به آرامش درونی. با ابزارهای علمی و تخصصی 
+              همراه شما در مسیر رسیدن به آرامش درونی. با ابزارهای علمی و تخصصی
               برای زندگی بهتر و ذهنی آرام‌تر.
             </p>
             <div className="flex gap-4">
@@ -42,13 +42,13 @@ function Footer() {
             <h3 className="font-bold text-gray-900 mb-6 text-lg">لینک‌های سریع</h3>
             <ul className="space-y-3">
               {[
-                { name: 'ویژگی‌ها',  section: 'features'},
+                { name: 'ویژگی‌ها', section: 'features' },
                 { name: 'امکانات', section: 'what-you-can-do' },
-                { name: 'چرا آرام‌لند', section: 'why-aramland' },
+                { name: 'چرا آرام لند', section: 'why-aramland' },
                 { name: 'ارتباط با تیم', href: 'https://approagency.ir/' }
               ].map((link) => (
                 <li key={link.name}>
-                  <a 
+                  <a
                     href={link.href}
                     onClick={() => scrollToSectionWithHeader(link.section)}
                     target="_blank"
@@ -74,9 +74,9 @@ function Footer() {
                   <p className="text-sm text-gray-500">Approagency</p>
                 </div>
               </div>
-              
+
               <div className="space-y-3">
-                <a 
+                <a
                   href="mailto:approagency@gmail.com"
                   className="flex items-center gap-2 text-gray-600 hover:text-primary-500 transition-colors group"
                 >
@@ -85,8 +85,8 @@ function Footer() {
                   </div>
                   <span className="text-sm">approagency@gmail.com</span>
                 </a>
-                
-                <a 
+
+                <a
                   href="tel:+989362957108"
                   className="flex items-center gap-2 text-gray-600 hover:text-primary-500 transition-colors group"
                 >
@@ -107,13 +107,13 @@ function Footer() {
         <div className="flex flex-col md:flex-row justify-between items-center gap-4">
           <div className="text-center md:text-right">
             <p className="text-gray-600 mb-2">
-              © 1404 آرام‌لند - همراه تو برای یک زندگی آرام‌تر
+              © 1404 آرام لند - همراه تو برای یک زندگی آرام‌تر
             </p>
             <p className="text-gray-500 text-sm">
               ساخته شده با عشق برای مردم ایران
             </p>
           </div>
-          
+
           {/* Additional Links */}
           <div className="flex gap-6 text-sm">
             <a href="#" className="text-gray-500 hover:text-primary-500 transition-colors">
diff --git a/app/components/Header.jsx b/app/components/Header.jsx
index 21a3e3a..512c390 100644
--- a/app/components/Header.jsx
+++ b/app/components/Header.jsx
@@ -30,7 +30,7 @@ function Header() {
             <span className="text-white font-bold text-sm">آ</span>
           </div>
           <div className="text-xl sm:text-2xl font-bold bg-gradient-to-r from-primary-500 to-primary-600 bg-clip-text text-transparent">
-            آرام‌لند
+            آرام لند
           </div>
         </div>
 
@@ -39,12 +39,12 @@ function Header() {
           {navigationItems.map((item) => (
             <button
               key={item.id}
-              onClick={() =>{
-                  if (item.id === 'blog') {
-                    window.open('https://aramland.approagency.ir/blog/', '_blank');
-                  } else {
-                    handleNavClick(item.id);
-                  }
+              onClick={() => {
+                if (item.id === 'blog') {
+                  window.open('https://aramland.approagency.ir/blog/', '_blank');
+                } else {
+                  handleNavClick(item.id);
+                }
               }}
               className="text-gray-600 hover:text-primary-500 font-medium transition-colors duration-200 relative group text-sm lg:text-base"
             >
@@ -56,8 +56,8 @@ function Header() {
 
         {/* Desktop CTA Button */}
         <div className="hidden md:block">
-          <button 
-            onClick={() => handleNavClick('download')} 
+          <button
+            onClick={() => handleNavClick('download')}
             className="bg-gradient-to-r from-primary-500 to-primary-600 text-white font-medium py-2 px-4 lg:py-2 lg:px-6 rounded-xl hover:shadow-lg transition-all duration-300 transform hover:scale-105 text-sm lg:text-base"
           >
             شروع سفر آرامش
@@ -84,17 +84,23 @@ function Header() {
             {navigationItems.map((item) => (
               <button
                 key={item.id}
-                onClick={() => handleNavClick(item.id)}
+                onClick={() => {
+                  if (item.id === 'blog') {
+                    window.open('https://aramland.approagency.ir/blog/', '_blank');
+                  } else {
+                    handleNavClick(item.id);
+                  }
+                }}
                 className="block w-full text-right py-3 px-4 text-gray-700 hover:text-primary-500 hover:bg-primary-50 rounded-lg transition-all duration-200 font-medium border-b border-gray-100 last:border-b-0"
               >
                 {item.name}
               </button>
             ))}
-            
+
             {/* Mobile CTA Button */}
             <div className="pt-4 border-t border-gray-200">
-              <button 
-                onClick={() => handleNavClick('download')} 
+              <button
+                onClick={() => handleNavClick('download')}
                 className="w-full bg-gradient-to-r from-primary-500 to-primary-600 text-white font-medium py-3 px-4 rounded-xl hover:shadow-lg transition-all duration-300 transform hover:scale-105 text-center"
               >
                 شروع سفر آرامش
diff --git a/app/components/ScientificBenefits.jsx b/app/components/ScientificBenefits.jsx
index 2202f74..e8ce09e 100644
--- a/app/components/ScientificBenefits.jsx
+++ b/app/components/ScientificBenefits.jsx
@@ -2,7 +2,7 @@
 //   const benefits = [
 //     {
 //       title: "تکنیک‌های مبتنی بر علم اعصاب",
-//       description: "آرام‌لند از روش‌های اثبات‌شده علمی برای کاهش استرس و افزایش آرامش استفاده می‌کند",
+//       description: "آرام لند از روش‌های اثبات‌شده علمی برای کاهش استرس و افزایش آرامش استفاده می‌کند",
 //       icon: "🧠",
 //       items: [
 //         "بهبود خلق و خو در کمتر از ۵ دقیقه",
@@ -124,7 +124,7 @@
 //               📊 پشتیبانی شده توسط تحقیقات
 //             </h4>
 //             <p className="text-gray-700 leading-relaxed">
-//               تمام تکنیک‌های استفاده شده در آرام‌لند بر اساس مطالعات علمی معتبر در زمینه‌های 
+//               تمام تکنیک‌های استفاده شده در آرام لند بر اساس مطالعات علمی معتبر در زمینه‌های 
 //               روانشناسی، علوم اعصاب و پزشکی رفتاری طراحی شده‌اند.
 //             </p>
 //           </div>
diff --git a/app/components/WhyAramland.jsx b/app/components/WhyAramland.jsx
index 6ff5dd0..ac2db39 100644
--- a/app/components/WhyAramland.jsx
+++ b/app/components/WhyAramland.jsx
@@ -60,10 +60,10 @@ function WhyAramland() {
         <div className="text-center mb-16">
           <div className="inline-flex items-center gap-2 bg-primary-500/10 text-primary-500 px-4 py-2 rounded-full text-sm font-medium mb-4">
             <span className="text-lg">🚀</span>
-            برتری آرام‌لند
+            برتری آرام لند
           </div>
           <h2 className="text-4xl md:text-5xl font-bold text-gray-900 mb-4">
-            چرا <span className="text-primary-500">هزاران نفر</span> آرام‌لند را انتخاب می‌کنند؟
+            چرا <span className="text-primary-500">هزاران نفر</span> آرام لند را انتخاب می‌کنند؟
           </h2>
           <p className="text-xl text-gray-600 max-w-2xl mx-auto">
             تجربه‌ای متفاوت از آرامش، طراحی شده مخصوص فارسی‌زبانان
@@ -81,15 +81,15 @@ function WhyAramland() {
               <div className={`bg-gradient-to-br ${stat.gradient} w-20 h-20 rounded-2xl flex items-center justify-center mx-auto mb-4 group-hover:shadow-lg transition-all duration-300`}>
                 <span className="text-2xl text-white">{stat.icon}</span>
               </div>
-              
+
               {/* Number */}
               <div className="text-4xl font-bold bg-gradient-to-r from-primary-500 to-primary-600 bg-clip-text text-transparent mb-2">
                 {stat.number}
               </div>
-              
+
               {/* Main Text */}
               <h3 className="text-lg font-bold text-gray-900 mb-2">{stat.text}</h3>
-              
+
               {/* Description */}
               <p className="text-gray-600 text-sm leading-relaxed">
                 {stat.description}
@@ -129,7 +129,7 @@ function WhyAramland() {
         <div className="flex flex-col md:flex-row items-center justify-between gap-6">
           <div className="flex-1">
             <h4 className="text-2xl font-bold text-gray-900 mb-3">
-              👥 عضو جامعه هزاران نفری آرام‌لند شوید
+              👥 عضو جامعه هزاران نفری آرام لند شوید
             </h4>
             <p className="text-gray-700 leading-relaxed">
               به خانواده‌ای از کاربران خوشحال بپیوندید که هر روز قدمی به سمت آرامش برمی‌دارند
diff --git a/app/layout.tsx b/app/layout.tsx
index 487c439..a9a6561 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,13 +2,13 @@ import type { Metadata } from 'next';
 import './globals.css';
 
 export const metadata: Metadata = {
-  title: 'آرام‌لند | تمرین تنفسی و مدیتیشن',
+  title: 'آرام لند | تمرین تنفسی و مدیتیشن',
   description: 'لحظه‌ای آرام بگیر، زندگی را حس کن',
-  keywords: ['مدیتیشن فارسی', 'آرامش', 'تمرین تنفسی', 'کاهش استرس', 'ذهن‌آگاهی', 'مدیتیشن هدایت شده', 'سلامت روان', 'آرام‌لند'],
-  authors: [{ name: 'آرام‌لند' }],
-  creator: 'آرام‌لند',
-  publisher: 'آرام‌لند',
-    metadataBase: new URL('https://aramland.approagency.ir/'),
+  keywords: ['مدیتیشن فارسی', 'آرامش', 'تمرین تنفسی', 'کاهش استرس', 'ذهن‌آگاهی', 'مدیتیشن هدایت شده', 'سلامت روان', 'آرام لند'],
+  authors: [{ name: 'آرام لند' }],
+  creator: 'آرام لند',
+  publisher: 'آرام لند',
+  metadataBase: new URL('https://aramland.approagency.ir/'),
   formatDetection: {
     email: false,
     address: false,
@@ -23,32 +23,32 @@ export const metadata: Metadata = {
       'fa-IR': '/',
     },
   },
-   openGraph: {
-    title: 'آرام‌لند - دستیار آرامش و مدیتیشن فارسی',
-    description: 'اپلیکیشن آرام‌لند - همراه شما برای رسیدن به آرامش درونی با مدیتیشن‌های فارسی و تمرین‌های تنفسی',
-    url: 'https://aramland.com',
-    siteName: 'آرام‌لند',
+  openGraph: {
+    title: 'آرام لند - دستیار آرامش و مدیتیشن فارسی',
+    description: 'اپلیکیشن آرام لند - همراه شما برای رسیدن به آرامش درونی با مدیتیشن‌های فارسی و تمرین‌های تنفسی',
+    url: 'https://aramland.approagency.ir/',
+    siteName: 'آرام لند',
     images: [
       {
         url: '/og-image.png', // Create this image (1200x630px)
         width: 1200,
         height: 630,
-        alt: ' آرام‌لند - اپلیکیشن مدیتیشن و آرامش - تمرین تنفسی',
+        alt: ' آرام لند - اپلیکیشن مدیتیشن و آرامش - تمرین تنفسی',
       },
     ],
-    
+
     locale: 'fa_IR',
     type: 'website',
   },
 
-    twitter: {
+  twitter: {
     card: 'summary_large_image',
-    title: 'آرام‌لند - تمرین تنفسی و مدیتیشن',
-    description: 'اپلیکیشن آرام‌لند - همراه شما برای رسیدن به آرامش درونی',
+    title: 'آرام لند - تمرین تنفسی و مدیتیشن',
+    description: 'اپلیکیشن آرام لند - همراه شما برای رسیدن به آرامش درونی',
     images: ['/og-image.png'],
     creator: '@aramland', // Replace with your Twitter handle
   },
-   robots: {
+  robots: {
     index: true,
     follow: true,
     googleBot: {
@@ -73,20 +73,20 @@ export default function RootLayout({
 }) {
   return (
     <html lang="fa" dir="rtl">
-       <head>
-         <meta 
-          name="google-site-verification" 
-          content="HIKgdf_siYdPxbJ2P1792opMprpxci_QjE-quk9kyi8" 
+      <head>
+        <meta
+          name="google-site-verification"
+          content="HIKgdf_siYdPxbJ2P1792opMprpxci_QjE-quk9kyi8"
         />
         {/* Favicon */}
         <link rel="icon" href="/favicon.ico" sizes="any" />
         <link rel="icon" href="/icon?<generated>" type="image/<generated>" sizes="<generated>" />
         <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
-        
+
         {/* Preload critical resources */}
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
-        
+
         {/* Structured Data for SEO */}
         <script
           type="application/ld+json"
@@ -99,8 +99,8 @@ export default function RootLayout({
                 "ratingValue": "4.5",
                 "ratingCount": "1000"
               },
-              "name": "آرام‌لند",
-              "description": "اپلیکیشن آرام‌لند - همراه شما برای رسیدن به آرامش درونی با مدیتیشن‌های فارسی و تمرین‌های تنفسی",
+              "name": "آرام لند",
+              "description": "اپلیکیشن آرام لند - همراه شما برای رسیدن به آرامش درونی با مدیتیشن‌های فارسی و تمرین‌های تنفسی",
               "url": "https://aramland.approagency.ir/",
               "applicationCategory": "HealthApplication",
               "operatingSystem": "Android, iOS, Web",
@@ -111,7 +111,7 @@ export default function RootLayout({
               },
               "author": {
                 "@type": "Organization",
-                "name": "آرام‌لند"
+                "name": "آرام لند"
               }
             })
           }}
diff --git a/public/og-image.png b/public/og-image.png
new file mode 100644
index 0000000..18a89ee
Binary files /dev/null and b/public/og-image.png differ