Update src/app/page.tsx
This commit is contained in:
252
src/app/page.tsx
252
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Works",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Works", id: "product" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Artist Portfolio"
|
||||
/>
|
||||
@@ -54,18 +42,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Artist Portfolio"
|
||||
description="أرسم المشاعر قبل الملامح - حيث تتجسد الأحاسيس في لوحات رقيقة."
|
||||
buttons={[
|
||||
{
|
||||
text: "استعرض أعمالي",
|
||||
href: "#product",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-blooming-flowers_23-2149316669.jpg?_wi=1"
|
||||
buttons={[{ text: "استعرض أعمالي", href: "#product" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-blooming-flowers_23-2149316669.jpg"
|
||||
imageAlt="elegant romantic artist painting studio"
|
||||
/>
|
||||
</div>
|
||||
@@ -77,20 +58,11 @@ export default function LandingPage() {
|
||||
title="عن الفنانة"
|
||||
description="فنانة تعشق التفاصيل الرومانسية، تسعى دائماً لنقل المشاعر الإنسانية عبر فرشاة ناعمة وخطوط انسيابية."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "بداياتي",
|
||||
description: "بدأت مشواري الفني منذ الطفولة بتجربة الألوان المائية.",
|
||||
},
|
||||
{
|
||||
title: "أسلوبي",
|
||||
description: "أعتمد أسلوباً فنياً عاطفياً يعكس المشاعر الدفينة.",
|
||||
},
|
||||
{
|
||||
title: "هواياتي",
|
||||
description: "أهوى القراءة والموسيقى الكلاسيكية التي تلهم أعمالي.",
|
||||
},
|
||||
{ title: "بداياتي", description: "بدأت مشواري الفني منذ الطفولة بتجربة الألوان المائية." },
|
||||
{ title: "أسلوبي", description: "أعتمد أسلوباً فنياً عاطفياً يعكس المشاعر الدفينة." },
|
||||
{ title: "هواياتي", description: "أهوى القراءة والموسيقى الكلاسيكية التي تلهم أعمالي." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-posing-nature_23-2149080924.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-posing-nature_23-2149080924.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="young woman artist painting studio"
|
||||
/>
|
||||
@@ -103,29 +75,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "الرسم بالرصاص",
|
||||
description: "دقة متناهية في رسم الملامح وتفاصيل الظلال.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Feather,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-blooming-flowers_23-2149316726.jpg",
|
||||
imageAlt: "Close up on beautiful blooming flowers",
|
||||
title: "الرسم بالرصاص", description: "دقة متناهية في رسم الملامح وتفاصيل الظلال.", bentoComponent: "reveal-icon", icon: Feather
|
||||
},
|
||||
{
|
||||
title: "الرسم الرقمي",
|
||||
description: "دمج الألوان العصرية بلمسة كلاسيكية رومانسية.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-blooming-flowers_23-2149316669.jpg?_wi=2",
|
||||
imageAlt: "Close up on beautiful blooming flowers",
|
||||
title: "الرسم الرقمي", description: "دمج الألوان العصرية بلمسة كلاسيكية رومانسية.", bentoComponent: "reveal-icon", icon: Palette
|
||||
},
|
||||
{
|
||||
title: "البورتريه",
|
||||
description: "تصوير المشاعر الصادقة في كل وجه.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: User,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-nature_23-2149080924.jpg?_wi=2",
|
||||
imageAlt: "Close up on beautiful blooming flowers",
|
||||
},
|
||||
title: "البورتريه", description: "تصوير المشاعر الصادقة في كل وجه.", bentoComponent: "reveal-icon", icon: User
|
||||
}
|
||||
]}
|
||||
title="أسلوبي الفني"
|
||||
description="ما يميز أعمالي الفنية هو التركيز على الجانب العاطفي في كل تفصيلة."
|
||||
@@ -137,49 +94,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Portrait Sketch",
|
||||
price: "150$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-collage-with-woman-lifeline_23-2150169203.jpg?_wi=1",
|
||||
imageAlt: "artistic sketch portrait drawing pencil",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Charcoal Study",
|
||||
price: "200$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawings-about-legal-profession_23-2151190703.jpg?_wi=1",
|
||||
imageAlt: "pencil drawing detailed artistic sketch",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Digital Dream",
|
||||
price: "180$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665755.jpg?_wi=1",
|
||||
imageAlt: "digital art illustration floral dreamy",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pencil Art",
|
||||
price: "120$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-artist_23-2147781632.jpg",
|
||||
imageAlt: "sketch drawing minimalist pencil style",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Abstract Mood",
|
||||
price: "250$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ranunculus-grayscale-with-risograph-effect-remixed-media_53876-128768.jpg",
|
||||
imageAlt: "pencil illustration soft sketching art",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Soft Portrait",
|
||||
price: "220$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-date-garden-valentine-s-theme-hand-drawn-illustration_53876-108695.jpg",
|
||||
imageAlt: "digital drawing artistic soft colors",
|
||||
},
|
||||
{ id: "1", name: "Portrait Sketch", price: "150$", imageSrc: "http://img.b2bpic.net/free-photo/vintage-collage-with-woman-lifeline_23-2150169203.jpg", imageAlt: "artistic sketch portrait drawing pencil" },
|
||||
{ id: "2", name: "Charcoal Study", price: "200$", imageSrc: "http://img.b2bpic.net/free-photo/drawings-about-legal-profession_23-2151190703.jpg", imageAlt: "pencil drawing detailed artistic sketch" },
|
||||
{ id: "3", name: "Digital Dream", price: "180$", imageSrc: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665755.jpg", imageAlt: "digital art illustration floral dreamy" },
|
||||
{ id: "4", name: "Pencil Art", price: "120$", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-artist_23-2147781632.jpg", imageAlt: "sketch drawing minimalist pencil style" },
|
||||
{ id: "5", name: "Abstract Mood", price: "250$", imageSrc: "http://img.b2bpic.net/free-photo/ranunculus-grayscale-with-risograph-effect-remixed-media_53876-128768.jpg", imageAlt: "pencil illustration soft sketching art" },
|
||||
{ id: "6", name: "Soft Portrait", price: "220$", imageSrc: "http://img.b2bpic.net/free-photo/couple-date-garden-valentine-s-theme-hand-drawn-illustration_53876-108695.jpg", imageAlt: "digital drawing artistic soft colors" }
|
||||
]}
|
||||
title="أفضل الرسومات"
|
||||
description="مجموعة مختارة من أعمالي الفنية التي تحكي قصصاً من المشاعر."
|
||||
@@ -192,60 +114,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "سارة أحمد",
|
||||
date: "2023",
|
||||
title: "جامعة فنون",
|
||||
quote: "رسوماتها تلمس القلب مباشرة.",
|
||||
tag: "عميلة",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cute-female-artist-looking-happy-enjoyed_259150-60636.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-blooming-flowers_23-2149316669.jpg?_wi=3",
|
||||
imageAlt: "elegant portrait art collector woman",
|
||||
id: "1", name: "سارة أحمد", date: "2023", title: "جامعة فنون", quote: "رسوماتها تلمس القلب مباشرة.", tag: "عميلة", avatarSrc: "http://img.b2bpic.net/free-photo/cute-female-artist-looking-happy-enjoyed_259150-60636.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "خالد محمد",
|
||||
date: "2023",
|
||||
title: "مقتنٍ للفنون",
|
||||
quote: "أبدعت في تصوير مشاعري في هذه اللوحة.",
|
||||
tag: "عميل",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-drawing-notebook_23-2150182567.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-nature_23-2149080924.jpg?_wi=3",
|
||||
imageAlt: "elegant portrait art collector woman",
|
||||
id: "2", name: "خالد محمد", date: "2023", title: "مقتنٍ للفنون", quote: "أبدعت في تصوير مشاعري في هذه اللوحة.", tag: "عميل", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-drawing-notebook_23-2150182567.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "ليلى يوسف",
|
||||
date: "2024",
|
||||
title: "محبة للفن",
|
||||
quote: "ألوان هادئة وجمال لا يوصف.",
|
||||
tag: "عميلة",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-young-model-poses-looking-down-showing-eye-makeup-blue-tones_633478-392.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-collage-with-woman-lifeline_23-2150169203.jpg?_wi=2",
|
||||
imageAlt: "elegant portrait art collector woman",
|
||||
id: "3", name: "ليلى يوسف", date: "2024", title: "محبة للفن", quote: "ألوان هادئة وجمال لا يوصف.", tag: "عميلة", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-young-model-poses-looking-down-showing-eye-makeup-blue-tones_633478-392.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "ياسر علي",
|
||||
date: "2024",
|
||||
title: "مهتم بالفن",
|
||||
quote: "أعمال فنية تفوق التوقعات.",
|
||||
tag: "عميل",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-posing-studio_23-2151038799.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawings-about-legal-profession_23-2151190703.jpg?_wi=2",
|
||||
imageAlt: "elegant portrait art collector woman",
|
||||
id: "4", name: "ياسر علي", date: "2024", title: "مهتم بالفن", quote: "أعمال فنية تفوق التوقعات.", tag: "عميل", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-posing-studio_23-2151038799.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "منى نور",
|
||||
date: "2024",
|
||||
title: "فنانة",
|
||||
quote: "حساسية عالية في اختيار الخطوط.",
|
||||
tag: "عميلة",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mysterious-beauty-portrait-with-lace-veil_23-2152019597.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665755.jpg?_wi=2",
|
||||
imageAlt: "elegant portrait art collector woman",
|
||||
},
|
||||
id: "5", name: "منى نور", date: "2024", title: "فنانة", quote: "حساسية عالية في اختيار الخطوط.", tag: "عميلة", avatarSrc: "http://img.b2bpic.net/free-photo/mysterious-beauty-portrait-with-lace-veil_23-2152019597.jpg"
|
||||
}
|
||||
]}
|
||||
title="آراء المحبين"
|
||||
description="ماذا يقول الناس عن الأعمال الفنية التي أقدمها."
|
||||
@@ -261,45 +143,23 @@ export default function LandingPage() {
|
||||
description="كواليس العمل والأفكار التي تلهمني يومياً."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "كواليس",
|
||||
title: "كيف أختار موضوع لوحاتي؟",
|
||||
excerpt: "رحلة البحث عن الإلهام في أبسط التفاصيل.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painting-supplies-pictures-table_23-2147863711.jpg",
|
||||
authorName: "الفنانة",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-redhead-woman-near-magnolia-twig_8353-10753.jpg",
|
||||
date: "أكتوبر 2023",
|
||||
id: "1", category: "كواليس", title: "كيف أختار موضوع لوحاتي؟", excerpt: "رحلة البحث عن الإلهام في أبسط التفاصيل.", imageSrc: "http://img.b2bpic.net/free-photo/painting-supplies-pictures-table_23-2147863711.jpg", authorName: "الفنانة", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-redhead-woman-near-magnolia-twig_8353-10753.jpg", date: "أكتوبر 2023"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "أدوات",
|
||||
title: "أدواتي المفضلة",
|
||||
excerpt: "استعراض للأدوات التي تمنح أعمالي دقة أكبر.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/canvas-leaning-studio_23-2148014028.jpg",
|
||||
authorName: "الفنانة",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11434.jpg",
|
||||
date: "نوفمبر 2023",
|
||||
id: "2", category: "أدوات", title: "أدواتي المفضلة", excerpt: "استعراض للأدوات التي تمنح أعمالي دقة أكبر.", imageSrc: "http://img.b2bpic.net/free-photo/canvas-leaning-studio_23-2148014028.jpg", authorName: "الفنانة", authorAvatar: "http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11434.jpg", date: "نوفمبر 2023"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: "معارض",
|
||||
title: "تجربة العرض الأول",
|
||||
excerpt: "مشاعر العرض الفني الأول وكيف كان أثره.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wc-sign-city_23-2150039833.jpg",
|
||||
authorName: "الفنانة",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11433.jpg",
|
||||
date: "ديسمبر 2023",
|
||||
},
|
||||
id: "3", category: "معارض", title: "تجربة العرض الأول", excerpt: "مشاعر العرض الفني الأول وكيف كان أثره.", imageSrc: "http://img.b2bpic.net/free-photo/wc-sign-city_23-2150039833.jpg", authorName: "الفنانة", authorAvatar: "http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11433.jpg", date: "ديسمبر 2023"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="اتصل بنا"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="تواصل معي"
|
||||
description="هل تود طلب رسم خاص؟ لا تترددي في التواصل معي عبر الإيميل أو متابعتي على المنصات الاجتماعية."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11453.jpg"
|
||||
@@ -312,45 +172,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mocha-watercolor-floral-background_23-2151922918.jpg"
|
||||
logoText="Artist Portfolio"
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "من هي؟",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "الأعمال",
|
||||
items: [
|
||||
{
|
||||
label: "المعرض",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "الرسومات",
|
||||
href: "#product",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "تواصل",
|
||||
items: [
|
||||
{
|
||||
label: "واتساب",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "إنستغرام",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "من هي؟", href: "#about" }] },
|
||||
{ title: "الأعمال", items: [{ label: "المعرض", href: "#product" }, { label: "الرسومات", href: "#product" }] },
|
||||
{ title: "تواصل", items: [{ label: "واتساب", href: "#" }, { label: "إنستغرام", href: "#" }] }
|
||||
]}
|
||||
imageAlt="soft romantic floral art texture"
|
||||
/>
|
||||
@@ -358,4 +182,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user