diff --git a/app/app.tsx b/app/app.tsx index 5b803d7..31fe95a 100644 --- a/app/app.tsx +++ b/app/app.tsx @@ -16,17 +16,33 @@ function App() {
- - - - - - - {/* */} - -
+
+ +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + ); } diff --git a/app/components/CallToAction.jsx b/app/components/CallToAction.jsx index 0f42b58..f8eda3b 100644 --- a/app/components/CallToAction.jsx +++ b/app/components/CallToAction.jsx @@ -1,4 +1,7 @@ +"use client"; +import { useScroll } from '../hooks/useScroll'; function CallToAction() { + const { scrollToSectionWithHeader } = useScroll(); return (
{/* Background with gradient */} @@ -15,12 +18,12 @@ function CallToAction() { امروز اولین قدم رو بردار و ببین چطور آرام‌لند می‌تونه کیفیت زندگی‌ات رو متحول کنه

-
- -
diff --git a/app/components/DownloadSection.jsx b/app/components/DownloadSection.jsx index ef285ab..56b6cfa 100644 --- a/app/components/DownloadSection.jsx +++ b/app/components/DownloadSection.jsx @@ -3,40 +3,43 @@ import { Download, Globe, PlayCircle } from 'lucide-react'; function DownloadSection() { const downloadOptions = [ { - icon: Download, + icon: './images/cafe.png', title: "کافه بازار", description: "دانلود برای اندروید", - badge: "پرطرفدار", - gradient: "from-primary-500 to-primary-600", + // badge: "پرطرفدار", + gradient: "from-primary-500/10 to-primary-600/10", + border: "border-primary-500/20", animation: "animate-slideInLeft delay-100" }, { - icon: PlayCircle, + icon: './images/myket.png', title: "مایکت", description: "دانلود برای اندروید", - gradient: "from-primary-500 to-primary-600", + gradient: "from-primary-500/10 to-primary-600/10", + border: "border-primary-500/20", animation: "animate-fadeInUp delay-200" }, { - icon: Globe, + icon:'./images/appstore.png', title: "وب سایت", description: "نسخه وب برای تمام دستگاه‌ها", - badge: "جدید", - gradient: "from-primary-500 to-primary-600", - animation: "animate-slideInRight delay-300" + badge: "", + gradient: "from-primary-500/10 to-primary-600/10", + animation: "animate-slideInRight delay-300", + border: "border-primary-500/20", } ]; return ( -
+
{/* Background pattern */} -
-
+
+
-

+

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

@@ -44,27 +47,28 @@ function DownloadSection() {

-
+
{downloadOptions.map((option, index) => ( {/* Shine effect */}
{option.badge && ( -
+
{option.badge}
)} - diff --git a/app/components/Features.jsx b/app/components/Features.jsx index 1f0374b..1337a32 100644 --- a/app/components/Features.jsx +++ b/app/components/Features.jsx @@ -27,7 +27,7 @@ function Features() { ]; return ( -
+
✨ diff --git a/app/components/Footer.jsx b/app/components/Footer.jsx index 5213169..8242939 100644 --- a/app/components/Footer.jsx +++ b/app/components/Footer.jsx @@ -1,8 +1,148 @@ +"use client"; +import { useScroll } from '../hooks/useScroll'; + function Footer() { + const { scrollToSectionWithHeader } = useScroll(); return ( -
-

© ۱۴۰۳ آرام‌لند - همراه تو برای یک زندگی آرام‌تر

-

ساخته شده با عشق برای مردم ایران

+
+ {/* Main Footer Content */} +
+
+ + {/* Brand Column */} +
+
+
+ آ +
+
+ آرام‌لند +
+
+

+ همراه شما در مسیر رسیدن به آرامش درونی. با ابزارهای علمی و تخصصی + برای زندگی بهتر و ذهنی آرام‌تر. +

+
+ {/* Social Media Icons - You can add actual links later */} +
+ 📱 +
+
+ 💬 +
+
+ 📸 +
+
+
+ + {/* Quick Links */} +
+

لینک‌های سریع

+ +
+ + {/* Agency Contact */} +
+

توسعه‌دهنده

+
+
+
+ AP +
+
+

اپرو‌اجنسی

+

Approagency

+
+
+ + +
+
+
+ + {/* Divider */} +
+ + {/* Bottom Section */} +
+
+

+ © 1404 آرام‌لند - همراه تو برای یک زندگی آرام‌تر +

+

+ ساخته شده با عشق برای مردم ایران +

+
+ + {/* Additional Links */} + +
+
+ + {/* Floating CTA */} +
+
+
+
+

آماده شروع سفر آرامش؟

+

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

+
+ +
+
+
); } diff --git a/app/components/FreeTrial.jsx b/app/components/FreeTrial.jsx index 552b1fa..989fe4e 100644 --- a/app/components/FreeTrial.jsx +++ b/app/components/FreeTrial.jsx @@ -1,4 +1,7 @@ +"use client"; + import { useScroll } from '../hooks/useScroll'; function FreeTrial() { + const { scrollToSectionWithHeader } = useScroll(); return (
{/* Background Pattern */} @@ -26,8 +29,8 @@ function FreeTrial() { {/* Description */}

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

{/* Features */} @@ -35,7 +38,10 @@ function FreeTrial() { {[ "تمامی مدیتیشن‌ها", "موسیقی‌های انحصاری", - "مشاوره هوش مصنوعی" + "مشاوره هوش مصنوعی", + "تمرین تنفسی دلخواه", + "اطلاعات آموزشی", + "رابط کاربری ساده", ].map((feature, index) => (
@@ -47,14 +53,14 @@ function FreeTrial() {
{/* CTA Button */} - {/* Footer Note */}

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

diff --git a/app/components/Header.jsx b/app/components/Header.jsx index 9282891..78312c7 100644 --- a/app/components/Header.jsx +++ b/app/components/Header.jsx @@ -1,4 +1,7 @@ +"use client"; +import { useScroll } from '../hooks/useScroll'; function Header() { + const { scrollToSectionWithHeader } = useScroll(); return ( diff --git a/app/components/Hero.jsx b/app/components/Hero.jsx index 029d4c9..a151307 100644 --- a/app/components/Hero.jsx +++ b/app/components/Hero.jsx @@ -1,9 +1,12 @@ -import { motion } from "framer-motion"; +"use client"; +import DownloadSection from "./DownloadSection"; +import { useScroll } from '../hooks/useScroll'; function Hero() { + const { scrollToSectionWithHeader } = useScroll(); return ( -
+
{/* Background decoration */} -
+
@@ -11,27 +14,22 @@ function Hero() {
- ✨ +
-

+

آرامش را در هر لحظه تجربه کنید

- -

- آرام‌لند دستیار شخصی شما برای یافتن آرامش درونی. با مدیتیشن‌های اختصاصی، - موسیقی آرامش‌بخش و راهنمایی‌های حرفه‌ای. -

- +
- - */} +
@@ -40,11 +38,11 @@ function Hero() {

مورد اعتماد هزاران کاربر

-
★ ۴.۹
-
-
+۱۰۰۰ دانلود
-
-
۹۸٪ رضایت
+
★ ۴.۹
+
+
+۱۰۰۰ دانلود
+
+
۹۸٪ رضایت
diff --git a/app/components/WhatYouCanDo.jsx b/app/components/WhatYouCanDo.jsx index 8c9df0d..99b5b7d 100644 --- a/app/components/WhatYouCanDo.jsx +++ b/app/components/WhatYouCanDo.jsx @@ -49,7 +49,7 @@ function WhatYouCanDo() { ]; return ( -
+
{/* Section Header */}
@@ -57,7 +57,7 @@ function WhatYouCanDo() { قابلیت‌های اصلی

- هر آنچه برای آرامش نیاز داری + اینجا زندگی آسون تر میشه

ابزارهای متنوع و تخصصی برای رسیدن به آرامش در هر شرایطی @@ -109,14 +109,14 @@ function WhatYouCanDo() {

{/* Bottom CTA */} -
+ {/*

بیش از ۱۰۰۰ کاربر از این ویژگی‌ها استفاده می‌کنند

-
+
*/}
); } diff --git a/app/favicon.ico b/app/favicon.ico deleted file mode 100644 index 718d6fe..0000000 Binary files a/app/favicon.ico and /dev/null differ diff --git a/app/hooks/useScroll.js b/app/hooks/useScroll.js new file mode 100644 index 0000000..3b8d22f --- /dev/null +++ b/app/hooks/useScroll.js @@ -0,0 +1,40 @@ +// hooks/useScroll.js +import { useCallback } from 'react'; + +export const useScroll = () => { + const scrollToSection = useCallback((sectionId, offset = 0) => { + if (typeof window === 'undefined') return; + + const element = document.getElementById(sectionId); + + if (element) { + const elementPosition = element.getBoundingClientRect().top; + const offsetPosition = elementPosition + window.pageYOffset - offset; + + window.scrollTo({ + top: offsetPosition, + behavior: 'smooth' + }); + } + }, []); + + const scrollToSectionWithHeader = useCallback((sectionId) => { + const headerOffset = 80; // Adjust based on your header height + scrollToSection(sectionId, headerOffset); + }, [scrollToSection]); + + const scrollToTop = useCallback(() => { + if (typeof window === 'undefined') return; + + window.scrollTo({ + top: 0, + behavior: 'smooth' + }); + }, []); + + return { + scrollToSection, + scrollToSectionWithHeader, + scrollToTop + }; +}; \ No newline at end of file diff --git a/app/layout.tsx b/app/layout.tsx index 9b470e0..ad1d947 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -4,13 +4,11 @@ import './globals.css'; export const metadata: Metadata = { title: 'آرام‌لند | تمرین تنفسی و مدیتیشن', description: 'لحظه‌ای آرام بگیر، زندگی را حس کن', + icons: { + icon: '/favicon.png', + }, }; - + export default function RootLayout({ children, }: { diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 0000000..f717562 Binary files /dev/null and b/public/favicon.png differ diff --git a/public/images/appstore.png b/public/images/appstore.png new file mode 100644 index 0000000..3ef9867 Binary files /dev/null and b/public/images/appstore.png differ diff --git a/public/images/cafe.png b/public/images/cafe.png new file mode 100644 index 0000000..69a6fda Binary files /dev/null and b/public/images/cafe.png differ diff --git a/public/images/myket.png b/public/images/myket.png new file mode 100644 index 0000000..9e55faa Binary files /dev/null and b/public/images/myket.png differ