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/components/CallToAction.jsx
+8 -8
View File
@@ -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>
);
app/components/DownloadSection.jsx
+9 -9
View File
@@ -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" /> */}
app/components/Footer.jsx
+13 -13
View File
@@ -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">
app/components/Header.jsx
+19 -13
View File
@@ -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"
>
شروع سفر آرامش
app/components/ScientificBenefits.jsx
+2 -2
View File
@@ -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>
app/components/WhyAramland.jsx
+6 -6
View File
@@ -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">
به خانواده‌ای از کاربران خوشحال بپیوندید که هر روز قدمی به سمت آرامش برمی‌دارند