Merge version_1 into main #2
302
src/app/page.tsx
302
src/app/page.tsx
@@ -20,35 +20,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "عن المؤلف",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "كتالوج الكتب",
|
||||
id: "books",
|
||||
},
|
||||
{
|
||||
name: "الخدمات",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "المدونة",
|
||||
id: "blog",
|
||||
},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "عن المؤلف", id: "about" },
|
||||
{ name: "كتالوج الكتب", id: "books" },
|
||||
{ name: "الخدمات", id: "services" },
|
||||
{ name: "المدونة", id: "blog" },
|
||||
{ name: "تواصل معنا", id: "contact" },
|
||||
]}
|
||||
brandName="الكاتب العربي"
|
||||
/>
|
||||
@@ -56,22 +45,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="الكاتب العربي"
|
||||
description="استكشف عالمًا من الأدب والفكر. كتب ومقالات وخدمات أدبية احترافية."
|
||||
buttons={[
|
||||
{
|
||||
text: "تصفح الكتب",
|
||||
href: "#books",
|
||||
},
|
||||
{
|
||||
text: "تواصل معنا",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "تصفح الكتب", href: "#books" },
|
||||
{ text: "تواصل معنا", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workplace-items-assortment-view_23-2148975806.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workplace-items-assortment-view_23-2148975806.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -81,9 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="عن المؤلف"
|
||||
description={[
|
||||
"كاتب وأديب عربي يسعى لتقديم محتوى إبداعي يثري العقل والوجدان.",
|
||||
"خبرة تزيد عن عشر سنوات في كتابة المقالات، تأليف الكتب، وتقديم الاستشارات الأدبية.",
|
||||
]}
|
||||
"كاتب وأديب عربي يسعى لتقديم محتوى إبداعي يثري العقل والوجدان.", "خبرة تزيد عن عشر سنوات في كتابة المقالات، تأليف الكتب، وتقديم الاستشارات الأدبية."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,60 +73,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "الأدب العربي",
|
||||
name: "مدارات الفكر",
|
||||
price: "150 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-leaning-open-books_23-2147690532.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "الرواية",
|
||||
name: "حكايات الغروب",
|
||||
price: "120 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-digital-art_23-2151358142.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "الشعر",
|
||||
name: "ترانيم الروح",
|
||||
price: "90 ريال",
|
||||
rating: 4,
|
||||
reviewCount: "64",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastel-terrazzo-background_23-2151939753.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "الفكر",
|
||||
name: "مستقبل المعرفة",
|
||||
price: "180 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-surface-with-two-vertical-books_23-2147615019.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "قصص",
|
||||
name: "أحلام صغيرة",
|
||||
price: "70 ريال",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-stack-books-with-we-did-it-message_23-2151966290.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "مقالات",
|
||||
name: "رؤى أدبية",
|
||||
price: "110 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "105",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/magic-fairy-tale-book-illustration-with-silhouette-which-forest-night_23-2150133034.jpg",
|
||||
},
|
||||
{ id: "1", brand: "الأدب العربي", name: "مدارات الفكر", price: "150 ريال", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/two-leaning-open-books_23-2147690532.jpg" },
|
||||
{ id: "2", brand: "الرواية", name: "حكايات الغروب", price: "120 ريال", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-digital-art_23-2151358142.jpg" },
|
||||
{ id: "3", brand: "الشعر", name: "ترانيم الروح", price: "90 ريال", rating: 4, reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/pastel-terrazzo-background_23-2151939753.jpg" },
|
||||
{ id: "4", brand: "الفكر", name: "مستقبل المعرفة", price: "180 ريال", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/blue-surface-with-two-vertical-books_23-2147615019.jpg" },
|
||||
{ id: "5", brand: "قصص", name: "أحلام صغيرة", price: "70 ريال", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/colorful-stack-books-with-we-did-it-message_23-2151966290.jpg" },
|
||||
{ id: "6", brand: "مقالات", name: "رؤى أدبية", price: "110 ريال", rating: 5, reviewCount: "105", imageSrc: "http://img.b2bpic.net/free-photo/magic-fairy-tale-book-illustration-with-silhouette-which-forest-night_23-2150133034.jpg" },
|
||||
]}
|
||||
title="مؤلفاتي"
|
||||
description="اكتشف مجموعة من أحدث إصداراتي الأدبية والفكرية."
|
||||
@@ -160,51 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "تحرير أدبي",
|
||||
description: "تدقيق لغوي وتحرير فني للنصوص.",
|
||||
icon: PenTool,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/brand-strategy-proposal-magazine-cover-template_23-2151998132.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588372.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workplace-items-assortment-view_23-2148975806.jpg?_wi=2",
|
||||
imageAlt: "arabic book cover design",
|
||||
},
|
||||
{
|
||||
title: "استشارات",
|
||||
description: "جلسات توجيه للمؤلفين الجدد.",
|
||||
icon: Lightbulb,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicate-floral-arrangement-antique-paper_23-2152005005.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bookmark-coffee-cup-assortment_23-2149894322.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-glasses-private-tutor-teaching-student-online-pointing-his_1258-245376.jpg",
|
||||
imageAlt: "arabic book cover design",
|
||||
},
|
||||
{
|
||||
title: "ترجمة أدبية",
|
||||
description: "ترجمة نصوص إبداعية بأعلى جودة.",
|
||||
icon: Globe,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/books-arrangement-with-glasses-cup_23-2148917258.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-painted-liquid-marble-covers-collection_23-2149015845.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-leaning-open-books_23-2147690532.jpg?_wi=2",
|
||||
imageAlt: "arabic book cover design",
|
||||
},
|
||||
{ title: "تحرير أدبي", description: "تدقيق لغوي وتحرير فني للنصوص.", icon: PenTool, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-psd/brand-strategy-proposal-magazine-cover-template_23-2151998132.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588372.jpg" }] },
|
||||
{ title: "استشارات", description: "جلسات توجيه للمؤلفين الجدد.", icon: Lightbulb, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/delicate-floral-arrangement-antique-paper_23-2152005005.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-bookmark-coffee-cup-assortment_23-2149894322.jpg" }] },
|
||||
{ title: "ترجمة أدبية", description: "ترجمة نصوص إبداعية بأعلى جودة.", icon: Globe, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/books-arrangement-with-glasses-cup_23-2148917258.jpg" }, { imageSrc: "http://img.b2bpic.net/free-vector/hand-painted-liquid-marble-covers-collection_23-2149015845.jpg" }] },
|
||||
]}
|
||||
title="خدماتي الأدبية"
|
||||
description="نقدم خدمات متنوعة لدعم الكتاب والمؤسسات الأدبية."
|
||||
@@ -218,46 +107,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "أحمد سالم",
|
||||
role: "قارئ نهم",
|
||||
company: "الرياض",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-laying-floor-top-view_23-2149645173.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "نورة المنصور",
|
||||
role: "كاتبة",
|
||||
company: "جدة",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-working-from-home_23-2148816829.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "خالد عمر",
|
||||
role: "ناقد أدبي",
|
||||
company: "القاهرة",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-book-club_23-2150062132.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "سارة محمد",
|
||||
role: "مديرة نادي كتاب",
|
||||
company: "دبي",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379424.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "عمر الشريف",
|
||||
role: "باحث",
|
||||
company: "بيروت",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-listening-music-reading-book_23-2147777290.jpg",
|
||||
},
|
||||
{ id: "1", name: "أحمد سالم", role: "قارئ نهم", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-laying-floor-top-view_23-2149645173.jpg" },
|
||||
{ id: "2", name: "نورة المنصور", role: "كاتبة", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-working-from-home_23-2148816829.jpg" },
|
||||
{ id: "3", name: "خالد عمر", role: "ناقد أدبي", company: "القاهرة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-book-club_23-2150062132.jpg" },
|
||||
{ id: "4", name: "سارة محمد", role: "مديرة نادي كتاب", company: "دبي", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379424.jpg" },
|
||||
{ id: "5", name: "عمر الشريف", role: "باحث", company: "بيروت", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teenager-listening-music-reading-book_23-2147777290.jpg" },
|
||||
]}
|
||||
title="ماذا يقول القراء؟"
|
||||
description="آراء وتجارب قرائي الأعزاء حول أعمالي."
|
||||
@@ -272,36 +126,9 @@ export default function LandingPage() {
|
||||
title="المدونة"
|
||||
description="مقالات دورية عن الأدب، الفلسفة، وتجارب الحياة."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "أدب",
|
||||
title: "جماليات اللغة العربية",
|
||||
excerpt: "رحلة في بحور اللغة العربية وروائعها.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-business-cover-collection_23-2148837538.jpg",
|
||||
authorName: "المؤلف",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-glasses-private-tutor-teaching-student-online-pointing-his_1258-245376.jpg",
|
||||
date: "2024-05-10",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "نقد",
|
||||
title: "واقع الرواية العربية",
|
||||
excerpt: "تحليل لأبرز الظواهر في الرواية المعاصرة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-digital-art_23-2151358109.jpg",
|
||||
authorName: "المؤلف",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-holding-red-folder_1298-179.jpg",
|
||||
date: "2024-05-15",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: "فكر",
|
||||
title: "تحديات الكتابة",
|
||||
excerpt: "صعوبات يواجهها الكتاب المبتدئون.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/party-flyer-template-with-shiny-shapes_23-2147603181.jpg",
|
||||
authorName: "المؤلف",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/elegant-old-man-portrait_23-2148831060.jpg",
|
||||
date: "2024-05-20",
|
||||
},
|
||||
{ id: "1", category: "أدب", title: "جماليات اللغة العربية", excerpt: "رحلة في بحور اللغة العربية وروائعها.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-business-cover-collection_23-2148837538.jpg", authorName: "المؤلف", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-glasses-private-tutor-teaching-student-online-pointing-his_1258-245376.jpg", date: "2024-05-10" },
|
||||
{ id: "2", category: "نقد", title: "واقع الرواية العربية", excerpt: "تحليل لأبرز الظواهر في الرواية المعاصرة.", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-digital-art_23-2151358109.jpg", authorName: "المؤلف", authorAvatar: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-holding-red-folder_1298-179.jpg", date: "2024-05-15" },
|
||||
{ id: "3", category: "فكر", title: "تحديات الكتابة", excerpt: "صعوبات يواجهها الكتاب المبتدئون.", imageSrc: "http://img.b2bpic.net/free-vector/party-flyer-template-with-shiny-shapes_23-2147603181.jpg", authorName: "المؤلف", authorAvatar: "http://img.b2bpic.net/free-photo/elegant-old-man-portrait_23-2148831060.jpg", date: "2024-05-20" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "كيف يمكنني شراء الكتب؟",
|
||||
content: "يمكنك الشراء عبر الموقع أو من خلال دور النشر.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "هل تقدم خدمات استشارية؟",
|
||||
content: "نعم، أقدم استشارات أدبية خاصة عبر تواصل معي.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "هل يمكن توقيع كتاب؟",
|
||||
content: "بالتأكيد، تابع الإعلانات لمعرفة مواعيد حفلات التوقيع.",
|
||||
},
|
||||
{ id: "1", title: "كيف يمكنني شراء الكتب؟", content: "يمكنك الشراء عبر الموقع أو من خلال دور النشر." },
|
||||
{ id: "2", title: "هل تقدم خدمات استشارية؟", content: "نعم، أقدم استشارات أدبية خاصة عبر تواصل معي." },
|
||||
{ id: "3", title: "هل يمكن توقيع كتاب؟", content: "بالتأكيد، تابع الإعلانات لمعرفة مواعيد حفلات التوقيع." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-desk-arrangement-flat-lay_23-2148975789.jpg"
|
||||
title="الأسئلة الشائعة"
|
||||
@@ -337,18 +152,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="تواصل معي"
|
||||
title="هل لديك استفسار؟"
|
||||
description="يسعدني دائماً سماع تعليقاتكم أو استفساراتكم الأدبية."
|
||||
buttons={[
|
||||
{
|
||||
text: "أرسل رسالة",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "أرسل رسالة", href: "mailto:hello@example.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -357,32 +165,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/textured-background-white-tone_53876-128610.jpg"
|
||||
logoText="الكاتب العربي"
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
{
|
||||
label: "عن المؤلف",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "الكتب",
|
||||
href: "#books",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "تواصل",
|
||||
items: [
|
||||
{
|
||||
label: "البريد الإلكتروني",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
{
|
||||
label: "تويتر",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "روابط سريعة", items: [{ label: "عن المؤلف", href: "#about" }, { label: "الكتب", href: "#books" }] },
|
||||
{ title: "تواصل", items: [{ label: "البريد الإلكتروني", href: "mailto:hello@example.com" }, { label: "تويتر", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | جميع الحقوق محفوظة"
|
||||
/>
|
||||
@@ -390,4 +174,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user