From a6980bc35b988ece55411a8266818f89f1249fba Mon Sep 17 00:00:00 2001 From: AmirmahdiNourkazemi Date: Thu, 6 Nov 2025 20:41:26 +0330 Subject: [PATCH] style: some styles are change --- app/app.tsx | 2 +- app/components/CallToAction.jsx | 37 ++++-- app/components/DownloadSection.jsx | 64 ++++++--- app/components/Features.jsx | 75 +++++------ app/components/FreeTrial.jsx | 65 ++++++++-- app/components/Header.jsx | 31 ++++- app/components/Hero.jsx | 57 +++++++-- app/components/ScientificBenefits.jsx | 178 +++++++++++++++++++++----- app/components/WhatYouCanDo.jsx | 99 ++++++++++---- app/components/WhyAramland.jsx | 175 +++++++++++++++++++++++-- app/favicon.png | Bin 0 -> 691928 bytes app/globals.css | 1 + app/layout.tsx | 9 +- package-lock.json | 43 +++++++ package.json | 1 + tailwind.config.ts | 48 ++++++- 16 files changed, 708 insertions(+), 177 deletions(-) create mode 100644 app/favicon.png diff --git a/app/app.tsx b/app/app.tsx index 8586891..d959abc 100644 --- a/app/app.tsx +++ b/app/app.tsx @@ -14,7 +14,7 @@ function App() {
-
+
diff --git a/app/components/CallToAction.jsx b/app/components/CallToAction.jsx index 75b36a0..51b8d41 100644 --- a/app/components/CallToAction.jsx +++ b/app/components/CallToAction.jsx @@ -1,15 +1,32 @@ function CallToAction() { return ( -
-

- آماده برای یک زندگی آرام‌تر؟ -

-

- امروز اولین قدم رو بردار و ببین چطور آرام‌لند می‌تونه در تغییر کیفیت زندگی‌ات کمک‌ کنه. -

- +
+ {/* Background with gradient */} +
+ + {/* Animated border */} +
+ +
+

+ آماده برای تغییر زندگی؟ +

+

+ امروز اولین قدم رو بردار و ببین چطور آرام‌لند می‌تونه کیفیت زندگی‌ات رو متحول کنه +

+ +
+ + +
+ + +
); } diff --git a/app/components/DownloadSection.jsx b/app/components/DownloadSection.jsx index b2a2551..8e2f363 100644 --- a/app/components/DownloadSection.jsx +++ b/app/components/DownloadSection.jsx @@ -6,46 +6,70 @@ function DownloadSection() { icon: Download, title: "کافه بازار", description: "دانلود برای اندروید", - gradient: "from-teal-500 to-teal-600", + badge: "پرطرفدار", + gradient: "from-[#C3C7FF] to-[#A8B1FF]", animation: "animate-slideInLeft delay-100" }, { icon: PlayCircle, title: "گوگل پلی", description: "دانلود برای اندروید", - gradient: "from-green-500 to-green-600", + gradient: "from-[#C3C7FF] to-[#A8B1FF]", animation: "animate-fadeInUp delay-200" }, { icon: Globe, title: "وب اپلیکیشن", description: "استفاده آنلاین", - gradient: "from-blue-500 to-blue-600", + badge: "جدید", + gradient: "from-[#C3C7FF] to-[#A8B1FF]", animation: "animate-slideInRight delay-300" } ]; return ( -
-

- آرام‌لند رو از کجا دانلود کنم؟ -

+
+ {/* Background pattern */} +
+
+
+ +
+
+

+ همین حالا شروع کنید +

+

+ آرام‌لند را روی دستگاه مورد علاقه‌تان نصب کنید +

+
-
); } - export default DownloadSection; \ No newline at end of file diff --git a/app/components/Features.jsx b/app/components/Features.jsx index c95a6d7..dc53971 100644 --- a/app/components/Features.jsx +++ b/app/components/Features.jsx @@ -3,75 +3,60 @@ function Features() { { emoji: "💨", title: "تمرین تنفسی هوشمند", - description: "یک تنفس عمیق و استرس‌ات نابود شه. الگوریتم هوشمند برای هر لحظه.", - gradient: "from-teal-50 to-teal-100", + description: "الگوریتم هوشمند برای هر لحظه، یک تنفس عمیق و استرس‌ات نابود شه", + gradient: "from-[#C3C7FF]/10 to-[#A8B1FF]/10", + border: "border-[#C3C7FF]/20", delay: "delay-100" }, { emoji: "🎛️", title: "الگوی تنفسی انتخابی", - description: "تمرین‌های تنفسی خود را طراحی کنید و تمام خاصیت‌ها را کنترل کنید.", - gradient: "from-green-50 to-green-100", + description: "تمرین‌های تنفسی خود را طراحی کنید و تمام خاصیت‌ها را کنترل کنید", + gradient: "from-[#C3C7FF]/10 to-[#A8B1FF]/10", + border: "border-[#C3C7FF]/20", delay: "delay-200" }, { emoji: "📦", title: "صندوق دغدغه‌ها", - description: "دغدغه‌هایت رو در یک صندوق خیالی بگذار و ذهنت رو سبک‌تر کن.", - gradient: "from-blue-50 to-blue-100", + description: "دغدغه‌هایت رو در یک صندوق خیالی بگذار و ذهنت رو سبک‌تر کن", + gradient: "from-[#C3C7FF]/10 to-[#A8B1FF]/10", + border: "border-[#C3C7FF]/20", delay: "delay-300" - }, - { - emoji: "🤖", - title: "مشاور هوش مصنوعی", - description: "همراه هوشمندی که همیشه کنار توست برای پاسخ‌گویی به سوالات.", - gradient: "from-purple-50 to-purple-100", - delay: "delay-400" - }, - { - emoji: "💬", - title: "چت بدون حد", - description: "هر وقت، هر‌قدر که بخواهی صحبت کن. با خرید اشتراک نامحدود.", - gradient: "from-pink-50 to-pink-100", - delay: "delay-100" - }, - { - emoji: "🎶", - title: "موسیقی آرام‌بخش انحصاری", - description: "موسیقی‌ای که مستقیم بر روی آرامش‌ت تأثیر می‌گذاره.", - gradient: "from-yellow-50 to-yellow-100", - delay: "delay-200" } ]; return ( -
-

- ✨ ویژگی‌های خاص آرام‌لند -

+
+
+
+ ✨ + ویژگی‌های منحصر بفرد +
+

+ هر آنچه برای آرامش نیاز دارید +

+

+ تمام ابزارهای لازم برای رسیدن به آرامش درونی در یک پلتفرم +

+
-
+
{features.map((feature, index) => (
-
- {feature.emoji} -

{feature.title}

+
+
+ {feature.emoji} +
+

{feature.title}

-

{feature.description}

+

{feature.description}

))}
- -
-

- سفر به سمت آرامش از همین امروز شروع می‌شه. -
- آماده‌ای؟ -

-
); } diff --git a/app/components/FreeTrial.jsx b/app/components/FreeTrial.jsx index d18a59b..4a7ea58 100644 --- a/app/components/FreeTrial.jsx +++ b/app/components/FreeTrial.jsx @@ -1,13 +1,62 @@ function FreeTrial() { return ( -
-

شروع یک هفته رایگان

-

- تمام ویژگی‌های پریمیوم رو برای یک هفته کامل تجربه کن، بدون هیچ‌گونه ایراد. -

- +
+ {/* Background Pattern */} +
+
+
+
+ + {/* Animated Border */} +
+ + {/* Content */} +
+ {/* Badge */} +
+ + پیشنهاد ویژه +
+ + {/* Heading */} +

+ یک هفته رایگان + تجربه تمام ویژگی‌ها +

+ + {/* Description */} +

+ تمام ویژگی‌های پریمیوم رو برای یک هفته کامل تجربه کن، + بدون نیاز به کارت اعتباری +

+ + {/* Features */} +
+ {[ + "تمامی مدیتیشن‌ها", + "موسیقی‌های انحصاری", + "مشاوره هوش مصنوعی" + ].map((feature, index) => ( +
+ + + + {feature} +
+ ))} +
+ + {/* CTA Button */} + + + {/* Footer Note */} +

+ هیچ تعهدی ندارد • هر زمان می‌توانی لغو کنی +

+
); } diff --git a/app/components/Header.jsx b/app/components/Header.jsx index 7c12f29..c9465a1 100644 --- a/app/components/Header.jsx +++ b/app/components/Header.jsx @@ -1,8 +1,35 @@ function Header() { return ( -