Amirmahdi/aramejan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: rebrans

Browse Source
This commit is contained in:
Amirmahdi
2025-11-28 17:53:12 +03:30
parent abc3f89195
commit c40356568f
9 changed files with 114 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/app.tsx
+25 -25
View File
@@ -14,44 +14,44 @@ function App() {
return ( return (
<> <>
<SEOHead <SEOHead
title="آرام‌لند - تمرین تنفسی و مدیتیشن" title="آرام لند - تمرین تنفسی و مدیتیشن"
description="اپلیکیشن آرام‌لند - همراه شما برای رسیدن به آرامش درونی با مدیتیشن‌های فارسی، تمرین‌های تنفسی و موسیقی آرامش‌بخش" description="اپلیکیشن آرام لند - همراه شما برای رسیدن به آرامش درونی با مدیتیشن‌های فارسی، تمرین‌های تنفسی و موسیقی آرامش‌بخش"
canonical="/" ogImage="../app/og-image.png" /> 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"> <div className="min-h-screen bg-gradient-to-b from-blue-50 via-white to-green-50" dir="rtl">
<Header /> <Header />
<main className="max-w-5xl mx-auto px-6 sm:px-8 lg:px-10 py-24 space-y-32"> <main className="max-w-5xl mx-auto px-6 sm:px-8 lg:px-10 py-24 space-y-32">
<div id="download"> <div id="download">
<Hero /> <Hero />
</div> </div>
<div id="features"> <div id="features">
<Features /> <Features />
</div> </div>
<div id="what-you-can-do"> <div id="what-you-can-do">
<WhatYouCanDo /> <WhatYouCanDo />
</div> </div>
<div id="why-aramland"> <div id="why-aramland">
<WhyAramland /> <WhyAramland />
</div> </div>
<div id="free-trial"> <div id="free-trial">
<FreeTrial /> <FreeTrial />
</div> </div>
<div id="call-to-action"> <div id="call-to-action">
<CallToAction /> <CallToAction />
</div>
</main>
<div id='footer'>
<Footer />
</div> </div>
</main>
<div id='footer'>
<Footer />
</div> </div>
</div>
</> </>
); );
} }
app/components/CallToAction.jsx
+3 -3
View File
@@ -15,11 +15,11 @@ function CallToAction() {
آماده برای <span className="text-primary-500">تغییر</span> زندگی؟ آماده برای <span className="text-primary-500">تغییر</span> زندگی؟
</h2> </h2>
<p className="text-xl text-gray-700 mb-8 max-w-2xl mx-auto leading-relaxed"> <p className="text-xl text-gray-700 mb-8 max-w-2xl mx-auto leading-relaxed">
امروز اولین قدم رو بردار و ببین چطور آرام‌لند می‌تونه کیفیت زندگی‌ات رو متحول کنه امروز اولین قدم رو بردار و ببین چطور آرام لند می‌تونه کیفیت زندگی‌ات رو متحول کنه
</p> </p>
<div className="flex flex-col sm:flex-row gap-4 justify-center items-center"> <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"> <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> <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> <span className="relative">شروع سفر آرامش</span>
</button> </button>
app/components/DownloadSection.jsx
+6 -6
View File
@@ -7,7 +7,7 @@ function DownloadSection() {
icon: './images/cafe.png', icon: './images/cafe.png',
title: "کافه بازار", title: "کافه بازار",
description: "دانلود برای اندروید", description: "دانلود برای اندروید",
link:"https://cafebazaar.ir/app/com.approagency.meditation", link: "https://cafebazaar.ir/app/com.approagency.meditation",
// badge: "پرطرفدار", // badge: "پرطرفدار",
gradient: "from-primary-500/10 to-primary-600/10", gradient: "from-primary-500/10 to-primary-600/10",
border: "border-primary-500/20", border: "border-primary-500/20",
@@ -18,19 +18,19 @@ function DownloadSection() {
title: "مایکت", title: "مایکت",
link: "https://myket.ir/app/com.approagency.meditation", link: "https://myket.ir/app/com.approagency.meditation",
description: "دانلود برای اندروید", description: "دانلود برای اندروید",
gradient: "from-primary-500/10 to-primary-600/10", gradient: "from-primary-500/10 to-primary-600/10",
border: "border-primary-500/20", border: "border-primary-500/20",
animation: "animate-fadeInUp delay-200" animation: "animate-fadeInUp delay-200"
}, },
{ {
icon:'./images/appstore.png', icon: './images/appstore.png',
title: "وب سایت", title: "وب سایت",
description: "نسخه وب برای تمام دستگاه‌ها", description: "نسخه وب برای تمام دستگاه‌ها",
link:'https://meditation.approagency.ir/web/', link: 'https://meditation.approagency.ir/web/',
badge: "", badge: "",
gradient: "from-primary-500/10 to-primary-600/10", gradient: "from-primary-500/10 to-primary-600/10",
animation: "animate-slideInRight delay-300", animation: "animate-slideInRight delay-300",
border: "border-primary-500/20", border: "border-primary-500/20",
} }
]; ];
@@ -47,7 +47,7 @@ function DownloadSection() {
همین حالا <span className="text-primary-500">شروع کنید</span> همین حالا <span className="text-primary-500">شروع کنید</span>
</h2> </h2>
<p className="text-xl text-gray-600 max-w-2xl mx-auto"> <p className="text-xl text-gray-600 max-w-2xl mx-auto">
آرام‌لند را روی دستگاه مورد علاقه‌تان نصب کنید آرام لند را روی دستگاه مورد علاقه‌تان نصب کنید
</p> </p>
</div> </div>
app/components/Footer.jsx
+5 -5
View File
@@ -2,7 +2,7 @@
import { useScroll } from '../hooks/useScroll'; import { useScroll } from '../hooks/useScroll';
function Footer() { function Footer() {
const { scrollToSectionWithHeader } = useScroll(); const { scrollToSectionWithHeader } = useScroll();
return ( return (
<footer className="bg-white border-t border-gray-100"> <footer className="bg-white border-t border-gray-100">
{/* Main Footer Content */} {/* Main Footer Content */}
@@ -16,7 +16,7 @@ function Footer() {
<span className="text-white font-bold text-lg">آ</span> <span className="text-white font-bold text-lg">آ</span>
</div> </div>
<div className="text-2xl font-bold bg-gradient-to-r from-primary-500 to-primary-600 bg-clip-text text-transparent"> <div className="text-2xl font-bold bg-gradient-to-r from-primary-500 to-primary-600 bg-clip-text text-transparent">
آرام‌لند آرام لند
</div> </div>
</div> </div>
<p className="text-gray-600 leading-relaxed mb-6 max-w-md"> <p className="text-gray-600 leading-relaxed mb-6 max-w-md">
@@ -42,9 +42,9 @@ function Footer() {
<h3 className="font-bold text-gray-900 mb-6 text-lg">لینک‌های سریع</h3> <h3 className="font-bold text-gray-900 mb-6 text-lg">لینک‌های سریع</h3>
<ul className="space-y-3"> <ul className="space-y-3">
{[ {[
{ name: 'ویژگی‌ها', section: 'features'}, { name: 'ویژگی‌ها', section: 'features' },
{ name: 'امکانات', section: 'what-you-can-do' }, { name: 'امکانات', section: 'what-you-can-do' },
{ name: 'چرا آرام‌لند', section: 'why-aramland' }, { name: 'چرا آرام لند', section: 'why-aramland' },
{ name: 'ارتباط با تیم', href: 'https://approagency.ir/' } { name: 'ارتباط با تیم', href: 'https://approagency.ir/' }
].map((link) => ( ].map((link) => (
<li key={link.name}> <li key={link.name}>
@@ -107,7 +107,7 @@ function Footer() {
<div className="flex flex-col md:flex-row justify-between items-center gap-4"> <div className="flex flex-col md:flex-row justify-between items-center gap-4">
<div className="text-center md:text-right"> <div className="text-center md:text-right">
<p className="text-gray-600 mb-2"> <p className="text-gray-600 mb-2">
© 1404 آرام‌لند - همراه تو برای یک زندگی آرام‌تر © 1404 آرام لند - همراه تو برای یک زندگی آرام‌تر
</p> </p>
<p className="text-gray-500 text-sm"> <p className="text-gray-500 text-sm">
ساخته شده با عشق برای مردم ایران ساخته شده با عشق برای مردم ایران
app/components/Header.jsx
+14 -8
View File
@@ -30,7 +30,7 @@ function Header() {
<span className="text-white font-bold text-sm">آ</span> <span className="text-white font-bold text-sm">آ</span>
</div> </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 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>
</div> </div>
@@ -39,12 +39,12 @@ function Header() {
{navigationItems.map((item) => ( {navigationItems.map((item) => (
<button <button
key={item.id} key={item.id}
onClick={() =>{ onClick={() => {
if (item.id === 'blog') { if (item.id === 'blog') {
window.open('https://aramland.approagency.ir/blog/', '_blank'); window.open('https://aramland.approagency.ir/blog/', '_blank');
} else { } else {
handleNavClick(item.id); handleNavClick(item.id);
} }
}} }}
className="text-gray-600 hover:text-primary-500 font-medium transition-colors duration-200 relative group text-sm lg:text-base" className="text-gray-600 hover:text-primary-500 font-medium transition-colors duration-200 relative group text-sm lg:text-base"
> >
@@ -84,7 +84,13 @@ function Header() {
{navigationItems.map((item) => ( {navigationItems.map((item) => (
<button <button
key={item.id} 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" 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} {item.name}
app/components/ScientificBenefits.jsx
+2 -2
View File
@@ -2,7 +2,7 @@
// const benefits = [ // const benefits = [
// { // {
// title: "تکنیک‌های مبتنی بر علم اعصاب", // title: "تکنیک‌های مبتنی بر علم اعصاب",
// description: "آرام‌لند از روش‌های اثبات‌شده علمی برای کاهش استرس و افزایش آرامش استفاده می‌کند", // description: "آرام لند از روش‌های اثبات‌شده علمی برای کاهش استرس و افزایش آرامش استفاده می‌کند",
// icon: "🧠", // icon: "🧠",
// items: [ // items: [
// "بهبود خلق و خو در کمتر از ۵ دقیقه", // "بهبود خلق و خو در کمتر از ۵ دقیقه",
@@ -124,7 +124,7 @@
// 📊 پشتیبانی شده توسط تحقیقات // 📊 پشتیبانی شده توسط تحقیقات
// </h4> // </h4>
// <p className="text-gray-700 leading-relaxed"> // <p className="text-gray-700 leading-relaxed">
// تمام تکنیک‌های استفاده شده در آرام‌لند بر اساس مطالعات علمی معتبر در زمینه‌های // تمام تکنیک‌های استفاده شده در آرام لند بر اساس مطالعات علمی معتبر در زمینه‌های
// روانشناسی، علوم اعصاب و پزشکی رفتاری طراحی شده‌اند. // روانشناسی، علوم اعصاب و پزشکی رفتاری طراحی شده‌اند.
// </p> // </p>
// </div> // </div>
app/components/WhyAramland.jsx
+3 -3
View File
@@ -60,10 +60,10 @@ function WhyAramland() {
<div className="text-center mb-16"> <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"> <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> <span className="text-lg">🚀</span>
برتری آرام‌لند برتری آرام لند
</div> </div>
<h2 className="text-4xl md:text-5xl font-bold text-gray-900 mb-4"> <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> </h2>
<p className="text-xl text-gray-600 max-w-2xl mx-auto"> <p className="text-xl text-gray-600 max-w-2xl mx-auto">
تجربه‌ای متفاوت از آرامش، طراحی شده مخصوص فارسی‌زبانان تجربه‌ای متفاوت از آرامش، طراحی شده مخصوص فارسی‌زبانان
@@ -129,7 +129,7 @@ function WhyAramland() {
<div className="flex flex-col md:flex-row items-center justify-between gap-6"> <div className="flex flex-col md:flex-row items-center justify-between gap-6">
<div className="flex-1"> <div className="flex-1">
<h4 className="text-2xl font-bold text-gray-900 mb-3"> <h4 className="text-2xl font-bold text-gray-900 mb-3">
👥 عضو جامعه هزاران نفری آرام‌لند شوید 👥 عضو جامعه هزاران نفری آرام لند شوید
</h4> </h4>
<p className="text-gray-700 leading-relaxed"> <p className="text-gray-700 leading-relaxed">
به خانواده‌ای از کاربران خوشحال بپیوندید که هر روز قدمی به سمت آرامش برمی‌دارند به خانواده‌ای از کاربران خوشحال بپیوندید که هر روز قدمی به سمت آرامش برمی‌دارند
app/layout.tsx
+21 -21
View File
@@ -2,13 +2,13 @@ import type { Metadata } from 'next';
import './globals.css'; import './globals.css';
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'آرام‌لند | تمرین تنفسی و مدیتیشن', title: 'آرام لند | تمرین تنفسی و مدیتیشن',
description: 'لحظه‌ای آرام بگیر، زندگی را حس کن', description: 'لحظه‌ای آرام بگیر، زندگی را حس کن',
keywords: ['مدیتیشن فارسی', 'آرامش', 'تمرین تنفسی', 'کاهش استرس', 'ذهن‌آگاهی', 'مدیتیشن هدایت شده', 'سلامت روان', 'آرام‌لند'], keywords: ['مدیتیشن فارسی', 'آرامش', 'تمرین تنفسی', 'کاهش استرس', 'ذهن‌آگاهی', 'مدیتیشن هدایت شده', 'سلامت روان', 'آرام لند'],
authors: [{ name: 'آرام‌لند' }], authors: [{ name: 'آرام لند' }],
creator: 'آرام‌لند', creator: 'آرام لند',
publisher: 'آرام‌لند', publisher: 'آرام لند',
metadataBase: new URL('https://aramland.approagency.ir/'), metadataBase: new URL('https://aramland.approagency.ir/'),
formatDetection: { formatDetection: {
email: false, email: false,
address: false, address: false,
@@ -23,17 +23,17 @@ export const metadata: Metadata = {
'fa-IR': '/', 'fa-IR': '/',
}, },
}, },
openGraph: { openGraph: {
title: 'آرام‌لند - دستیار آرامش و مدیتیشن فارسی', title: 'آرام لند - دستیار آرامش و مدیتیشن فارسی',
description: 'اپلیکیشن آرام‌لند - همراه شما برای رسیدن به آرامش درونی با مدیتیشن‌های فارسی و تمرین‌های تنفسی', description: 'اپلیکیشن آرام لند - همراه شما برای رسیدن به آرامش درونی با مدیتیشن‌های فارسی و تمرین‌های تنفسی',
url: 'https://aramland.com', url: 'https://aramland.approagency.ir/',
siteName: 'آرام‌لند', siteName: 'آرام لند',
images: [ images: [
{ {
url: '/og-image.png', // Create this image (1200x630px) url: '/og-image.png', // Create this image (1200x630px)
width: 1200, width: 1200,
height: 630, height: 630,
alt: ' آرام‌لند - اپلیکیشن مدیتیشن و آرامش - تمرین تنفسی', alt: ' آرام لند - اپلیکیشن مدیتیشن و آرامش - تمرین تنفسی',
}, },
], ],
@@ -41,14 +41,14 @@ export const metadata: Metadata = {
type: 'website', type: 'website',
}, },
twitter: { twitter: {
card: 'summary_large_image', card: 'summary_large_image',
title: 'آرام‌لند - تمرین تنفسی و مدیتیشن', title: 'آرام لند - تمرین تنفسی و مدیتیشن',
description: 'اپلیکیشن آرام‌لند - همراه شما برای رسیدن به آرامش درونی', description: 'اپلیکیشن آرام لند - همراه شما برای رسیدن به آرامش درونی',
images: ['/og-image.png'], images: ['/og-image.png'],
creator: '@aramland', // Replace with your Twitter handle creator: '@aramland', // Replace with your Twitter handle
}, },
robots: { robots: {
index: true, index: true,
follow: true, follow: true,
googleBot: { googleBot: {
@@ -73,8 +73,8 @@ export default function RootLayout({
}) { }) {
return ( return (
<html lang="fa" dir="rtl"> <html lang="fa" dir="rtl">
<head> <head>
<meta <meta
name="google-site-verification" name="google-site-verification"
content="HIKgdf_siYdPxbJ2P1792opMprpxci_QjE-quk9kyi8" content="HIKgdf_siYdPxbJ2P1792opMprpxci_QjE-quk9kyi8"
/> />
@@ -99,8 +99,8 @@ export default function RootLayout({
"ratingValue": "4.5", "ratingValue": "4.5",
"ratingCount": "1000" "ratingCount": "1000"
}, },
"name": "آرام‌لند", "name": "آرام لند",
"description": "اپلیکیشن آرام‌لند - همراه شما برای رسیدن به آرامش درونی با مدیتیشن‌های فارسی و تمرین‌های تنفسی", "description": "اپلیکیشن آرام لند - همراه شما برای رسیدن به آرامش درونی با مدیتیشن‌های فارسی و تمرین‌های تنفسی",
"url": "https://aramland.approagency.ir/", "url": "https://aramland.approagency.ir/",
"applicationCategory": "HealthApplication", "applicationCategory": "HealthApplication",
"operatingSystem": "Android, iOS, Web", "operatingSystem": "Android, iOS, Web",
@@ -111,7 +111,7 @@ export default function RootLayout({
}, },
"author": { "author": {
"@type": "Organization", "@type": "Organization",
"name": "آرام‌لند" "name": "آرام لند"
} }
}) })
}} }}
public/og-image.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB