Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e0bf1aed7b | |||
| 5614a98b4e | |||
| 3cf9274523 |
@@ -50,18 +50,18 @@ export default function LandingPage() {
|
|||||||
const [searchQuery, setSearchQuery] = useState('');
|
const [searchQuery, setSearchQuery] = useState('');
|
||||||
|
|
||||||
const allArtists = [
|
const allArtists = [
|
||||||
{ id: "artist-1", title: "الفنان X", descriptions: ["استمع إلى أحدث إصداراته. موسيقى إلكترونية تجريبية."], imageSrc: resolveAsset("artist-profile-1"), imageAlt: resolveAssetAlt("artist-profile-1", "Artist X profile") },
|
{ id: "artist-1", title: "ليلى الساحرة", descriptions: ["اكتشف أغانيها التي تتصدر المخططات. بوب وآر أند بي."], imageSrc: resolveAsset("artist-profile-2"), imageAlt: resolveAssetAlt("artist-profile-2", "Laila Al-Sahira profile") },
|
||||||
{ id: "artist-2", title: "الفنانة Y", descriptions: ["اكتشف أغانيها التي تتصدر المخططات. بوب وآر أند بي."], imageSrc: resolveAsset("artist-profile-2"), imageAlt: resolveAssetAlt("artist-profile-2", "Artist Y profile") },
|
{ id: "artist-2", title: "صوت الصحراء", descriptions: ["موسيقى روك بديلة مميزة. ألبومات حائزة على جوائز."], imageSrc: resolveAsset("artist-profile-3"), imageAlt: resolveAssetAlt("artist-profile-3", "Sawt Al-Sahra profile") },
|
||||||
{ id: "artist-3", title: "فرقة Z", descriptions: ["موسيقى روك بديلة مميزة. ألبومات حائزة على جوائز."], imageSrc: resolveAsset("artist-profile-3"), imageAlt: resolveAssetAlt("artist-profile-3", "Band Z profile") }
|
{ id: "artist-3", title: "نغمات المستقبل", descriptions: ["استمع إلى أحدث إصداراته. موسيقى إلكترونية تجريبية."], imageSrc: resolveAsset("artist-profile-1"), imageAlt: resolveAssetAlt("artist-profile-1", "Naghamat Al-Mustaqbal profile") }
|
||||||
];
|
];
|
||||||
|
|
||||||
const allAlbums = [
|
const allAlbums = [
|
||||||
{ id: "album-1", brand: "الفنان X", name: "أصداء المستقبل", price: "تنزيل مجاني", rating: 5, reviewCount: "1.2K", imageSrc: resolveAsset("album-cover-1"), imageAlt: resolveAssetAlt("album-cover-1", "Future Echoes album cover") },
|
{ id: "song-1", brand: "ليلى الساحرة", name: "نجوم الليل", price: "1.99 دولار", rating: 5, reviewCount: "1.2K", imageSrc: resolveAsset("album-cover-1"), imageAlt: resolveAssetAlt("album-cover-1", "Night Stars album cover") },
|
||||||
{ id: "album-2", brand: "الفنانة Y", name: "ألوان الحياة", price: "تنزيل مجاني", rating: 4, reviewCount: "800", imageSrc: resolveAsset("album-cover-2"), imageAlt: resolveAssetAlt("album-cover-2", "Colors of Life album cover") },
|
{ id: "song-2", brand: "صوت الصحراء", name: "صدى الوديان", price: "2.49 دولار", rating: 4, reviewCount: "800", imageSrc: resolveAsset("album-cover-4"), imageAlt: resolveAssetAlt("album-cover-4", "Echo of Valleys album cover") },
|
||||||
{ id: "album-3", brand: "فرقة Z", name: "اللحن الخفي", price: "تنزيل مجاني", rating: 5, reviewCount: "1.5K", imageSrc: resolveAsset("album-cover-3"), imageAlt: resolveAssetAlt("album-cover-3", "Hidden Melody album cover") },
|
{ id: "song-3", brand: "نغمات المستقبل", name: "أبعاد جديدة", price: "تنزيل مجاني", rating: 5, reviewCount: "1.5K", imageSrc: resolveAsset("album-cover-3"), imageAlt: resolveAssetAlt("album-cover-3", "New Dimensions album cover") },
|
||||||
{ id: "album-4", brand: "الفنان X", name: "نبض المدينة", price: "تنزيل مجاني", rating: 4, reviewCount: "650", imageSrc: resolveAsset("album-cover-4"), imageAlt: resolveAssetAlt("album-cover-4", "City Pulse album cover") },
|
{ id: "song-4", brand: "ليلى الساحرة", name: "سحر الغروب", price: "1.99 دولار", rating: 4, reviewCount: "650", imageSrc: resolveAsset("album-cover-2"), imageAlt: resolveAssetAlt("album-cover-2", "Sunset Magic album cover") },
|
||||||
{ id: "album-5", brand: "الفنانة Y", name: "رحلة النجوم", price: "تنزيل مجاني", rating: 5, reviewCount: "920", imageSrc: resolveAsset("album-cover-5"), imageAlt: resolveAssetAlt("album-cover-5", "Star Journey album cover") },
|
{ id: "song-5", brand: "صوت الصحراء", name: "شمس منتصف الليل", price: "2.49 دولار", rating: 5, reviewCount: "920", imageSrc: resolveAsset("album-cover-5"), imageAlt: resolveAssetAlt("album-cover-5", "Midnight Sun album cover") },
|
||||||
{ id: "album-6", brand: "فرقة Z", name: "شروق جديد", price: "تنزيل مجاني", rating: 4, reviewCount: "780", imageSrc: resolveAsset("album-cover-6"), imageAlt: resolveAssetAlt("album-cover-6", "New Dawn album cover") }
|
{ id: "song-6", brand: "نغمات المستقبل", name: "طريق الفضاء", price: "تنزيل مجاني", rating: 4, reviewCount: "780", imageSrc: resolveAsset("album-cover-6"), imageAlt: resolveAssetAlt("album-cover-6", "Space Road album cover") }
|
||||||
];
|
];
|
||||||
|
|
||||||
const filteredArtists = allArtists.filter(artist =>
|
const filteredArtists = allArtists.filter(artist =>
|
||||||
@@ -95,7 +95,7 @@ export default function LandingPage() {
|
|||||||
navItems={[
|
navItems={[
|
||||||
{ name: "الرئيسية", id: "#hero" },
|
{ name: "الرئيسية", id: "#hero" },
|
||||||
{ name: "الفنانون", id: "#features" },
|
{ name: "الفنانون", id: "#features" },
|
||||||
{ name: "الألبومات", id: "#products" },
|
{ name: "أغاني رائجة", id: "#products" },
|
||||||
{ name: "الأسئلة الشائعة", id: "#faq" },
|
{ name: "الأسئلة الشائعة", id: "#faq" },
|
||||||
{ name: "حولنا", id: "#about" }
|
{ name: "حولنا", id: "#about" }
|
||||||
]}
|
]}
|
||||||
@@ -105,8 +105,7 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogo
|
<HeroLogo
|
||||||
logoText="M. Download"
|
logoText="M. Download"
|
||||||
description="اكتشف وقم بتنزيل الموسيقى المرخصة بـ Creative Commons من مكتبة Jamendo. ابحث عن فنانيك وألبوماتك المفضلة الآن!"
|
description="اكتشف وقم بتنزيل الأغاني والفنانين الأكثر شعبية المرخصة بـ Creative Commons من مكتبة Jamendo. ابحث عن فنانيك وأغانيك المفضلة الآن!" buttons={[
|
||||||
buttons={[
|
|
||||||
{ text: "بدء البحث", href: "#search-bar" }
|
{ text: "بدء البحث", href: "#search-bar" }
|
||||||
]}
|
]}
|
||||||
imageSrc={resolveAsset("vinyl-record")}
|
imageSrc={resolveAsset("vinyl-record")}
|
||||||
@@ -124,8 +123,7 @@ export default function LandingPage() {
|
|||||||
value={searchQuery}
|
value={searchQuery}
|
||||||
onChange={setSearchQuery}
|
onChange={setSearchQuery}
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="ابحث عن فنان أو ألبوم..."
|
placeholder="ابحث عن فنان أو أغنية..." ariaLabel="Search for artists or songs"
|
||||||
ariaLabel="Search for artists or albums"
|
|
||||||
className="w-full max-w-md mx-auto"
|
className="w-full max-w-md mx-auto"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -133,8 +131,8 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTwentySeven
|
<FeatureCardTwentySeven
|
||||||
title={searchQuery ? `نتائج البحث عن الفنانين: "${searchQuery}"` : "ابحث عن فنانك المفضل"}
|
title={searchQuery ? `نتائج البحث عن الفنانين: "${searchQuery}"` : "الفنانون الأكثر شعبية"}
|
||||||
description={searchQuery ? `وجدنا ${filteredArtists.length} فنانين مطابقين.` : "استخدم شريط البحث أعلاه لاستكشاف ملايين الأغاني والألبومات المرخصة."}
|
description={searchQuery ? `وجدنا ${filteredArtists.length} فنانين مطابقين.` : "استخدم شريط البحث أعلاه لاستكشاف ملايين الأغاني والفنانين المرخصين."}
|
||||||
features={filteredArtists.length > 0 ? filteredArtists : [
|
features={filteredArtists.length > 0 ? filteredArtists : [
|
||||||
{ id: "no-results", title: "لا توجد نتائج", descriptions: ["حاول البحث عن شيء آخر."], imageSrc: "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=?_wi=1", imageAlt: "No results" } // Placeholder for no results
|
{ id: "no-results", title: "لا توجد نتائج", descriptions: ["حاول البحث عن شيء آخر."], imageSrc: "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=?_wi=1", imageAlt: "No results" } // Placeholder for no results
|
||||||
]}
|
]}
|
||||||
@@ -146,8 +144,8 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
title={searchQuery ? `نتائج البحث عن الألبومات: "${searchQuery}"` : "ألبومات رائجة"}
|
title={searchQuery ? `نتائج البحث عن الأغاني: "${searchQuery}"` : "أغاني رائجة"}
|
||||||
description={searchQuery ? `وجدنا ${filteredAlbums.length} ألبومات مطابقة.` : "استكشف أحدث وأشهر الألبومات من فنانين مستقلين حول العالم."}
|
description={searchQuery ? `وجدنا ${filteredAlbums.length} أغاني مطابقة.` : "استكشف أحدث وأشهر الأغاني من فنانين مستقلين حول العالم."}
|
||||||
products={filteredAlbums.length > 0 ? filteredAlbums : [
|
products={filteredAlbums.length > 0 ? filteredAlbums : [
|
||||||
{ id: "no-results", brand: "", name: "لا توجد نتائج", price: "", rating: 0, reviewCount: "", imageSrc: "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=?_wi=2", imageAlt: "No results" } // Placeholder for no results
|
{ id: "no-results", brand: "", name: "لا توجد نتائج", price: "", rating: 0, reviewCount: "", imageSrc: "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=?_wi=2", imageAlt: "No results" } // Placeholder for no results
|
||||||
]}
|
]}
|
||||||
@@ -235,7 +233,7 @@ export default function LandingPage() {
|
|||||||
imageSrc={resolveAsset("footer-music-waves")}
|
imageSrc={resolveAsset("footer-music-waves")}
|
||||||
imageAlt={resolveAssetAlt("footer-music-waves", "Abstract music sound waves")}
|
imageAlt={resolveAssetAlt("footer-music-waves", "Abstract music sound waves")}
|
||||||
columns={[
|
columns={[
|
||||||
{ title: "الموقع", items: [{ label: "الرئيسية", href: "#hero" }, { label: "الفنانون", href: "#features" }, { label: "الألبومات", href: "#products" }] },
|
{ title: "الموقع", items: [{ label: "الرئيسية", href: "#hero" }, { label: "الفنانون", href: "#features" }, { label: "أغاني رائجة", href: "#products" }] },
|
||||||
{ title: "المساعدة", items: [{ label: "الأسئلة الشائعة", href: "#faq" }, { label: "تواصل معنا", href: "#contact" }] },
|
{ title: "المساعدة", items: [{ label: "الأسئلة الشائعة", href: "#faq" }, { label: "تواصل معنا", href: "#contact" }] },
|
||||||
{ title: "قانوني", items: [{ label: "تراخيص CC", href: "#about" }, { label: "سياسة الخصوصية", href: "#" }, { label: "شروط الخدمة", href: "#" }] }
|
{ title: "قانوني", items: [{ label: "تراخيص CC", href: "#about" }, { label: "سياسة الخصوصية", href: "#" }, { label: "شروط الخدمة", href: "#" }] }
|
||||||
]}
|
]}
|
||||||
@@ -244,4 +242,4 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user