Merge version_2 into main #1
245
src/app/page.tsx
245
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Recipes",
|
||||
id: "recipes",
|
||||
},
|
||||
name: "Recipes", id: "recipes"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Algerian Kitchen"
|
||||
/>
|
||||
@@ -54,57 +46,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
variant: "cell-wave"}}
|
||||
title="نكهات الجزائر الأصيلة في مطبخك"
|
||||
description="استكشف أسرار المطبخ الجزائري العريق، من الكسكسي التقليدي إلى الطواجن والحلويات، مع شروحات رسومية مبسطة لكل خطوة."
|
||||
description="استكشف أسرار المطبخ الجزائري العريق، مع توثيق بصري دقيق لكل خطوة من خطوات التحضير."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-plov-with-different-raisins-dark-space_140725-97889.jpg"
|
||||
imageAlt="traditional algerian couscous dish"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/quinoa-salad-near-cup-table_23-2148081056.jpg",
|
||||
alt: "Quinoa salad near cup on table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/quinoa-salad-near-cup-table_23-2148081056.jpg", alt: "Quinoa salad near cup on table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/from-pilaf-with-meet-dried-fruits-chestnut-spoon-round-plate_176474-2644.jpg",
|
||||
alt: "From above pilaf with meet and dried fruits and chestnut and spoon in round plate",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/from-pilaf-with-meet-dried-fruits-chestnut-spoon-round-plate_176474-2644.jpg", alt: "From above pilaf with meet and dried fruits and chestnut and spoon in round plate"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indian-food-arrangement-high-angle_23-2148747620.jpg",
|
||||
alt: "Indian food arrangement high angle",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indian-food-arrangement-high-angle_23-2148747620.jpg", alt: "Indian food arrangement high angle"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-fried-chicken-with-onions-bulgur-vegetable-salad-with-soup-table_141793-12997.jpg",
|
||||
alt: "Side view fried chicken with onions bulgur and vegetable salad with soup on the table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-fried-chicken-with-onions-bulgur-vegetable-salad-with-soup-table_141793-12997.jpg", alt: "Side view fried chicken with onions bulgur and vegetable salad with soup on the table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/diy-activity-online-content-craft-creation_23-2151515922.jpg",
|
||||
alt: "Diy activity for online content and craft creation",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/diy-activity-online-content-craft-creation_23-2151515922.jpg", alt: "Diy activity for online content and craft creation"},
|
||||
]}
|
||||
avatarText="انضم إلى 50,000 طباخ"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "طواجن تقليدية",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "حلويات جزائرية",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "أطباق عصرية",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "شوربات شعبية",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "مقبلات لذيذة",
|
||||
},
|
||||
{ type: "text", text: "طواجن تقليدية" },
|
||||
{ type: "text", text: "حلويات جزائرية" },
|
||||
{ type: "text", text: "أطباق عصرية" },
|
||||
{ type: "text", text: "شوربات شعبية" },
|
||||
{ type: "text", text: "مقبلات لذيذة" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,20 +79,11 @@ export default function LandingPage() {
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="إرث الطهي الجزائري"
|
||||
description="نحن نشارك تقاليدنا العريقة لضمان استمرار نكهاتنا عبر الأجيال، حيث نمزج بين الخبرة والتكنولوجيا لتبسيط الطهي المنزلي."
|
||||
description="نحن نشارك تقاليدنا العريقة لضمان استمرار نكهاتنا عبر الأجيال، مع دليل بصري شامل لتبسيط مراحل الطبخ المعقدة."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "وصفة تقليدية",
|
||||
},
|
||||
{
|
||||
value: "50K+",
|
||||
title: "طباخ سعيد",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
title: "سنوات من التراث",
|
||||
},
|
||||
{ value: "100+", title: "وصفة تقليدية" },
|
||||
{ value: "50K+", title: "طباخ سعيد" },
|
||||
{ value: "10+", title: "سنوات من التراث" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-putting-ingredients-bowl_23-2148491238.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -142,45 +99,15 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "طاجين لحم بالبرقوق",
|
||||
price: "التحضير: 45 دقيقة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijan-dish-served-with-yogurt-wooden-board-with-cutlery_114579-4522.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "الكسكسي العاصمي",
|
||||
price: "التحضير: 60 دقيقة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-dried-raisins-inside-round-plate-colorful-designed-carpet-pink_140725-24422.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "شربة فريك",
|
||||
price: "التحضير: 30 دقيقة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creamy-soup-with-herbs-spices_114579-3423.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "شكشوكة جزائرية",
|
||||
price: "التحضير: 20 دقيقة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-pisto-manchego-with-tomatoes-zucchini-peppers-onions-eggplant-egg-served-frying-pan_123827-31605.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "مقروط اللوز",
|
||||
price: "التحضير: 40 دقيقة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oatmeal-cookies-wooden-basket-tray-with-ingredients-around_114579-23327.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "البوراك الجزائري",
|
||||
price: "التحضير: 25 دقيقة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cottage-cheese-casserole-with-raisins-semolina_114579-8428.jpg",
|
||||
},
|
||||
{ id: "1", name: "طاجين لحم بالبرقوق", price: "رسوم تعليمية: 45 دقيقة", imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijan-dish-served-with-yogurt-wooden-board-with-cutlery_114579-4522.jpg" },
|
||||
{ id: "2", name: "الكسكسي العاصمي", price: "رسوم تعليمية: 60 دقيقة", imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-dried-raisins-inside-round-plate-colorful-designed-carpet-pink_140725-24422.jpg" },
|
||||
{ id: "3", name: "شربة فريك", price: "رسوم تعليمية: 30 دقيقة", imageSrc: "http://img.b2bpic.net/free-photo/creamy-soup-with-herbs-spices_114579-3423.jpg" },
|
||||
{ id: "4", name: "شكشوكة جزائرية", price: "رسوم تعليمية: 20 دقيقة", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-pisto-manchego-with-tomatoes-zucchini-peppers-onions-eggplant-egg-served-frying-pan_123827-31605.jpg" },
|
||||
{ id: "5", name: "مقروط اللوز", price: "رسوم تعليمية: 40 دقيقة", imageSrc: "http://img.b2bpic.net/free-photo/oatmeal-cookies-wooden-basket-tray-with-ingredients-around_114579-23327.jpg" },
|
||||
{ id: "6", name: "البوراك الجزائري", price: "رسوم تعليمية: 25 دقيقة", imageSrc: "http://img.b2bpic.net/free-photo/cottage-cheese-casserole-with-raisins-semolina_114579-8428.jpg" },
|
||||
]}
|
||||
title="وصفاتنا المختارة"
|
||||
description="اكتشف مجموعتنا المختارة من الأطباق الجزائرية التي يسهل تحضيرها في المنزل."
|
||||
description="اكتشف أطباقنا الجزائرية، الآن مع رسوم توضيحية احترافية لكل خطوة من خطوات الإعداد لضمان النجاح."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -190,21 +117,9 @@ export default function LandingPage() {
|
||||
title="مطبخنا في أرقام"
|
||||
tag="حقائق"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000",
|
||||
description: "خطوة مصورة لكل وصفة",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150",
|
||||
description: "وصفة جزائرية أصلية",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "نسبة نجاح الطهاة الهواة",
|
||||
},
|
||||
{ id: "m1", value: "5000+", description: "رسم توضيحي لخطوات الطبخ" },
|
||||
{ id: "m2", value: "150", description: "وصفة جزائرية أصلية" },
|
||||
{ id: "m3", value: "98%", description: "نسبة دقة التنفيذ البصري" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -213,31 +128,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "فاطمة الزهراء",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-retro-man-doing-housework-household-chores_23-2151448554.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "ياسين كريم",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cooking-some-healthy-food_23-2149028640.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "مريم بوجلال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-holding-bowls_23-2148965338.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "سفيان مراد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-cook-white-cook-suit-white-head-cap-posing_140725-15535.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "الحاجة زهرة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-haired-mature-senior-woman-stylish-knitted-jumper-expressing-excitement-joy-looking-with-broad-beaming-smile-holding-hands-as-if-squeezing-something-human-reactions-feelings_343059-2690.jpg",
|
||||
},
|
||||
{ id: "1", name: "فاطمة الزهراء", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-retro-man-doing-housework-household-chores_23-2151448554.jpg" },
|
||||
{ id: "2", name: "ياسين كريم", imageSrc: "http://img.b2bpic.net/free-photo/woman-cooking-some-healthy-food_23-2149028640.jpg" },
|
||||
{ id: "3", name: "مريم بوجلال", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-holding-bowls_23-2148965338.jpg" },
|
||||
{ id: "4", name: "سفيان مراد", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-cook-white-cook-suit-white-head-cap-posing_140725-15535.jpg" },
|
||||
{ id: "5", name: "الحاجة زهرة", imageSrc: "http://img.b2bpic.net/free-photo/gray-haired-mature-senior-woman-stylish-knitted-jumper-expressing-excitement-joy-looking-with-broad-beaming-smile-holding-hands-as-if-squeezing-something-human-reactions-feelings_343059-2690.jpg" },
|
||||
]}
|
||||
cardTitle="ماذا يقول طهاتنا؟"
|
||||
cardTag="آراء"
|
||||
@@ -250,24 +145,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "هل الوصفات مناسبة للمبتدئين؟",
|
||||
content: "نعم، كل وصفاتنا تحتوي على شرح رسومي مبسط لكل خطوة لضمان النجاح.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "هل المكونات متوفرة؟",
|
||||
content: "نعم، معظم المكونات بسيطة ومتوفرة في كل بيت جزائري.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "كيف أشارك وصفتي الخاصة؟",
|
||||
content: "يمكنك التواصل معنا عبر نموذج الاتصال لإرسال وصفتك.",
|
||||
},
|
||||
{ id: "f1", title: "كيف تساعد الرسوم التوضيحية؟", content: "الرسوم توضح لك الحالة البصرية لكل مرحلة في الوصفة، مما يزيل الحيرة ويضمن نتيجة مثالية." },
|
||||
{ id: "f2", title: "هل المكونات متوفرة؟", content: "نعم، نركز على المكونات المتوفرة في كل بيت جزائري مع تبسيط طرق استخدامها." },
|
||||
{ id: "f3", title: "كيف أشارك وصفتي الخاصة؟", content: "تواصل معنا عبر نموذج الاتصال، وسنسعد بتقديم رسوم توضيحية لوصفتك." },
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
description="لديك سؤال؟ إليك إجابات عن أهم الاستفسارات حول الطبخ الجزائري."
|
||||
description="استفسارات شائعة حول تجربتنا التعليمية البصرية في المطبخ."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -276,26 +159,12 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="اتصل بنا"
|
||||
description="يسعدنا تلقي استفساراتك أو مشاركاتك حول الوصفات."
|
||||
description="استفسر عن رسوماتنا التوضيحية أو شاركنا ملاحظاتك."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "الاسم الكامل",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "البريد الإلكتروني",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "الاسم الكامل", required: true },
|
||||
{ name: "email", type: "email", placeholder: "البريد الإلكتروني", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "رسالتك",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "رسالتك", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-living-farmhouse_23-2150642361.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -304,32 +173,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Algerian Kitchen"
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "وصفات",
|
||||
href: "#recipes",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "تواصل",
|
||||
items: [
|
||||
{
|
||||
label: "اتصل بنا",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "الخصوصية",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "وصفات", href: "#recipes" }] },
|
||||
{ title: "تواصل", items: [{ label: "اتصل بنا", href: "#contact" }, { label: "الخصوصية", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user