diff --git a/src/app/listings/page.tsx b/src/app/listings/page.tsx new file mode 100644 index 0000000..d893ff0 --- /dev/null +++ b/src/app/listings/page.tsx @@ -0,0 +1,129 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; +import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog"; +import React from "react"; + +export default function ListingsPage() { + const whatsappMessage = 'مرحبًا، أود الاستفسار عن أحد العقارات المعروضة على منصة النجوم السبعة للعقارات.'; + const whatsappNumber = '971501234567'; // Placeholder for office WhatsApp + const encodedWhatsappMessage = encodeURIComponent(whatsappMessage); + const whatsappLink = `https://wa.me/${whatsappNumber}?text=${encodedWhatsappMessage}`; + + const sampleProperties = [ + { + id: "prop1", category: "Villa", name: "فيلا فاخرة في دبي هيلز", price: "15,000,000 درهم", rating: 5, + reviewCount: "42", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041530379-villa-interior-1.jpg?_wi=2", imageAlt: "Luxury villa in Dubai Hills"}, + { + id: "prop2", category: "Apartment", name: "شقة بنتهاوس مطلة على البحر", price: "8,500,000 درهم", rating: 4, + reviewCount: "28", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041531235-penthouse-view-2.jpg?_wi=2", imageAlt: "Sea view penthouse apartment"}, + { + id: "prop3", category: "Townhouse", name: "تاون هاوس عصري في المرابع العربية", price: "4,200,000 درهم", rating: 4, + reviewCount: "19", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041532057-townhouse-exterior-3.jpg?_wi=2", imageAlt: "Modern townhouse in Arabian Ranches"}, + { + id: "prop4", category: "Villa", name: "فيلا شاطئية في نخلة جميرا", price: "30,000,000 درهم", rating: 5, + reviewCount: "55", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041532822-beach-villa-interior-4.jpg?_wi=2", imageAlt: "Beachfront villa in Palm Jumeirah"}, + { + id: "prop5", category: "Apartment", name: "شقة استوديو في وسط مدينة دبي", price: "1,500,000 درهم", rating: 3, + reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041533681-apartment-bedroom-5.jpg?_wi=2", imageAlt: "Studio apartment in Downtown Dubai"}, + { + id: "prop6", category: "Commercial", name: "مكتب تجاري في مركز دبي المالي", price: "7,000,000 درهم", rating: 4, + reviewCount: "20", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041534440-villa-pool-6.jpg?_wi=2", imageAlt: "Commercial office in DIFC"}, + { + id: "prop7", category: "Villa", name: "فيلا عائلية في البراري", price: "18,000,000 درهم", rating: 4, + reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/house-with-green-garden_1203-3467.jpg", imageAlt: "Family villa in Al Barari"}, + { + id: "prop8", category: "Apartment", name: "شقة بغرفتي نوم في دبي مارينا", price: "2,800,000 درهم", rating: 5, + reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-building_1203-3636.jpg", imageAlt: "Two-bedroom apartment in Dubai Marina"} + ]; + + const [searchQuery, setSearchQuery] = React.useState(""); + const [selectedCategory, setSelectedCategory] = React.useState("All"); + const [selectedSort, setSelectedSort] = React.useState("Price: Low to High"); + + const categories = ["All", "Villa", "Apartment", "Townhouse", "Commercial"]; + const sortOptions = ["Price: Low to High", "Price: High to Low", "Rating: High to Low"]; + + const filters = [ + { + label: "الفئة", options: categories, + selected: selectedCategory, + onChange: setSelectedCategory, + }, + { + label: "الترتيب حسب", options: sortOptions, + selected: selectedSort, + onChange: setSelectedSort, + }, + ]; + + const filteredAndSortedProducts = React.useMemo(() => { + return sampleProperties + .filter((product) => + selectedCategory === "All" || product.category === selectedCategory + ) + .filter((product) => + product.name.toLowerCase().includes(searchQuery.toLowerCase()) || + product.category?.toLowerCase().includes(searchQuery.toLowerCase()) + ) + .sort((a, b) => { + if (selectedSort === "Price: Low to High") { + return parseFloat(a.price.replace(/[^0-9.]/g, '')) - parseFloat(b.price.replace(/[^0-9.]/g, '')); + } + if (selectedSort === "Price: High to Low") { + return parseFloat(b.price.replace(/[^0-9.]/g, '')) - parseFloat(a.price.replace(/[^0-9.]/g, '')); + } + if (selectedSort === "Rating: High to Low") { + return b.rating - a.rating; + } + return 0; + }); + }, [searchQuery, selectedCategory, selectedSort]); + + return ( + + + + +
+ +
+ + + ); +} diff --git a/src/app/new-projects/page.tsx b/src/app/new-projects/page.tsx new file mode 100644 index 0000000..7b3445e --- /dev/null +++ b/src/app/new-projects/page.tsx @@ -0,0 +1,66 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import FooterCard from '@/components/sections/footer/FooterCard'; +import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react"; + +export default function NewProjectsPage() { + const whatsappMessage = 'مرحبًا، أود الاستفسار عن أحد العقارات المعروضة على منصة النجوم السبعة للعقارات.'; + const whatsappNumber = '971501234567'; + const encodedWhatsappMessage = encodeURIComponent(whatsappMessage); + const whatsappLink = `https://wa.me/${whatsappNumber}?text=${encodedWhatsappMessage}`; + + return ( + + + + +
+

صفحة المشاريع الجديدة

+

اكتشف أحدث المشاريع العقارية الواعدة.

+
+ + + + + ); +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 8ccd2e3..3fdc23e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -216,8 +216,7 @@ export default function LandingPage() { value: "4.8/5", label: "متوسط التقييم" }, { - value: "", label: "وكالات موثوقة" - } + value: "✓", label: "وكالات موثوقة"} ]} title="الوسطاء والوكالات المعتمدة" description="تعرف على فريقنا من الخبراء العقاريين المعتمدين والوكالات الموثوقة لدينا، مع تقييماتهم الحقيقية من العملاء." diff --git a/src/app/properties/page.tsx b/src/app/properties/page.tsx index 933b56b..480ea5b 100644 --- a/src/app/properties/page.tsx +++ b/src/app/properties/page.tsx @@ -2,14 +2,16 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactCTA from '@/components/sections/contact/ContactCTA'; -import FooterCard from '@/components/sections/footer/FooterCard'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; -import ProductCardFour from '@/components/sections/product/ProductCardFour'; -import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; +import FooterCard from '@/components/sections/footer/FooterCard'; import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react"; -export default function LandingPage() { +export default function PropertiesPage() { + const whatsappMessage = 'مرحبًا، أود الاستفسار عن أحد العقارات المعروضة على منصة النجوم السبعة للعقارات.'; + const whatsappNumber = '971501234567'; + const encodedWhatsappMessage = encodeURIComponent(whatsappMessage); + const whatsappLink = `https://wa.me/${whatsappNumber}?text=${encodedWhatsappMessage}`; + return ( - + -
- -
+
+

صفحة العقارات

+

اكتشف مجموعتنا الواسعة من العقارات المعروضة.

+
-
- -
- -
- -
- - + ); -} +} \ No newline at end of file diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 05141e7..3c6009c 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -11,7 +11,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-libre-baskerville), sans-serif; + font-family: var(--font-cairo), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-libre-baskerville), serif; + font-family: var(--font-cairo), serif; }