This commit is contained in:
28
app/page.js
28
app/page.js
@ -2,7 +2,6 @@
|
|||||||
|
|
||||||
import { useState, useRef, useEffect } from 'react';
|
import { useState, useRef, useEffect } from 'react';
|
||||||
import { motion, AnimatePresence } from 'framer-motion';
|
import { motion, AnimatePresence } from 'framer-motion';
|
||||||
import { useTranslation } from 'react-i18next';
|
|
||||||
import {
|
import {
|
||||||
ShieldCheck,
|
ShieldCheck,
|
||||||
Lock,
|
Lock,
|
||||||
@ -25,14 +24,12 @@ import {
|
|||||||
Heart,
|
Heart,
|
||||||
MessageCircle
|
MessageCircle
|
||||||
} from 'lucide-react';
|
} from 'lucide-react';
|
||||||
import './i18n/config';
|
|
||||||
import HeroSearch from './components/home/HeroSearch';
|
import HeroSearch from './components/home/HeroSearch';
|
||||||
import PropertyMap from './components/home/PropertyMap';
|
import PropertyMap from './components/home/PropertyMap';
|
||||||
import Link from 'next/link';
|
import Link from 'next/link';
|
||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
|
|
||||||
export default function HomePage() {
|
export default function HomePage() {
|
||||||
const { t } = useTranslation();
|
|
||||||
const mapSectionRef = useRef(null);
|
const mapSectionRef = useRef(null);
|
||||||
const [searchFilters, setSearchFilters] = useState(null);
|
const [searchFilters, setSearchFilters] = useState(null);
|
||||||
const [showMap, setShowMap] = useState(false);
|
const [showMap, setShowMap] = useState(false);
|
||||||
@ -338,7 +335,7 @@ export default function HomePage() {
|
|||||||
visible: { opacity: 1, y: 0 }
|
visible: { opacity: 1, y: 0 }
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{t("heroTitleLine1")}<br />
|
إيجاد منزلك الجديد<br />
|
||||||
<motion.span
|
<motion.span
|
||||||
className="text-amber-400"
|
className="text-amber-400"
|
||||||
animate={{
|
animate={{
|
||||||
@ -350,7 +347,7 @@ export default function HomePage() {
|
|||||||
ease: "easeInOut"
|
ease: "easeInOut"
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{t("heroTitleLine2")}
|
أصبح سهلاً
|
||||||
</motion.span>
|
</motion.span>
|
||||||
</motion.h1>
|
</motion.h1>
|
||||||
<motion.p
|
<motion.p
|
||||||
@ -360,7 +357,7 @@ export default function HomePage() {
|
|||||||
visible: { opacity: 1, y: 0 }
|
visible: { opacity: 1, y: 0 }
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{t("heroSubtitle")}
|
نوفر قوائم عقارات عالية الجودة لمساعدتك في إيجاد المنزل المثالي
|
||||||
</motion.p>
|
</motion.p>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
@ -546,14 +543,11 @@ export default function HomePage() {
|
|||||||
viewport={{ once: true }}
|
viewport={{ once: true }}
|
||||||
transition={{ duration: 0.6 }}
|
transition={{ duration: 0.6 }}
|
||||||
>
|
>
|
||||||
<div className="inline-block px-4 py-1 bg-amber-100 text-amber-700 rounded-full text-sm font-medium mb-4">
|
|
||||||
لماذا نحن؟
|
|
||||||
</div>
|
|
||||||
<h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4 tracking-tight">
|
<h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4 tracking-tight">
|
||||||
{t("whyChooseUsTitle")}
|
لماذا تختار سويت هوم؟
|
||||||
</h2>
|
</h2>
|
||||||
<p className="text-gray-600 max-w-2xl mx-auto text-lg">
|
<p className="text-gray-600 max-w-2xl mx-auto text-lg">
|
||||||
{t("whyChooseUsSubtitle")}
|
نجعل عملية إيجاد منزلك المثالي سهلة وسريعة وخالية من التوتر
|
||||||
</p>
|
</p>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
@ -571,12 +565,12 @@ export default function HomePage() {
|
|||||||
<ShieldCheck className="w-6 h-6 text-amber-600" />
|
<ShieldCheck className="w-6 h-6 text-amber-600" />
|
||||||
</div>
|
</div>
|
||||||
<h3 className="text-lg font-bold text-gray-900">
|
<h3 className="text-lg font-bold text-gray-900">
|
||||||
{t("feature1Title")}
|
قوائم موثوقة
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p className="text-gray-600 text-sm leading-relaxed">
|
<p className="text-gray-600 text-sm leading-relaxed">
|
||||||
{t("feature1Description")}
|
كل عقار يتم التحقق منه بدقة لضمان الدقة والجودة. لا مفاجآت، فقط منازل حقيقية.
|
||||||
</p>
|
</p>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
@ -593,12 +587,12 @@ export default function HomePage() {
|
|||||||
<Lock className="w-6 h-6 text-blue-600" />
|
<Lock className="w-6 h-6 text-blue-600" />
|
||||||
</div>
|
</div>
|
||||||
<h3 className="text-lg font-bold text-gray-900">
|
<h3 className="text-lg font-bold text-gray-900">
|
||||||
{t("feature2Title")}
|
عمليات آمنة
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p className="text-gray-600 text-sm leading-relaxed">
|
<p className="text-gray-600 text-sm leading-relaxed">
|
||||||
{t("feature2Description")}
|
سلامتك هي أولويتنا. نوفر معاملات آمنة ونحمي معلوماتك الشخصية.
|
||||||
</p>
|
</p>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
@ -615,12 +609,12 @@ export default function HomePage() {
|
|||||||
<Zap className="w-6 h-6 text-green-600" />
|
<Zap className="w-6 h-6 text-green-600" />
|
||||||
</div>
|
</div>
|
||||||
<h3 className="text-lg font-bold text-gray-900">
|
<h3 className="text-lg font-bold text-gray-900">
|
||||||
{t("feature3Title")}
|
نتائج سريعة
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p className="text-gray-600 text-sm leading-relaxed">
|
<p className="text-gray-600 text-sm leading-relaxed">
|
||||||
{t("feature3Description")}
|
اعثر على منزلك المثالي في دقائق باستخدام خوارزميات البحث والمطابقة المتقدمة لدينا.
|
||||||
</p>
|
</p>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user