Merge version_2 into main #2
268
src/app/page.tsx
268
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ShopEase"
|
||||
/>
|
||||
@@ -59,69 +47,29 @@ export default function LandingPage() {
|
||||
description="اكتشف مجموعتنا المختارة بعناية من المنتجات الفاخرة التي تجمع بين الجودة والأناقة."
|
||||
testimonials={[
|
||||
{
|
||||
name: "سارة محمد",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "تجربة تسوق رائعة، جودة المنتجات ممتازة!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cardboard-organic-dinnerware_23-2149542142.jpg?_wi=1",
|
||||
imageAlt: "elegant shopping lifestyle photography",
|
||||
},
|
||||
name: "سارة محمد", handle: "@sarah_m", testimonial: "تجربة تسوق رائعة، جودة المنتجات ممتازة!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cardboard-organic-dinnerware_23-2149542142.jpg", imageAlt: "elegant shopping lifestyle photography"},
|
||||
{
|
||||
name: "أحمد علي",
|
||||
handle: "@ahmed_a",
|
||||
testimonial: "خدمة عملاء ممتازة وسرعة في التوصيل.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg?_wi=1",
|
||||
imageAlt: "elegant shopping lifestyle photography",
|
||||
},
|
||||
name: "أحمد علي", handle: "@ahmed_a", testimonial: "خدمة عملاء ممتازة وسرعة في التوصيل.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg", imageAlt: "elegant shopping lifestyle photography"},
|
||||
{
|
||||
name: "مريم حسن",
|
||||
handle: "@maryam_h",
|
||||
testimonial: "أحببت تنوع المنتجات، سأكرر التجربة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-with-photo-camera_23-2148666259.jpg?_wi=1",
|
||||
imageAlt: "elegant shopping lifestyle photography",
|
||||
},
|
||||
name: "مريم حسن", handle: "@maryam_h", testimonial: "أحببت تنوع المنتجات، سأكرر التجربة.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-with-photo-camera_23-2148666259.jpg", imageAlt: "elegant shopping lifestyle photography"},
|
||||
{
|
||||
name: "خالد عمر",
|
||||
handle: "@khaled_o",
|
||||
testimonial: "أسعار تنافسية ومنتجات فاخرة حقاً.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ferromagnetic-liquid-metal-with-copy-space-pink-background_23-2148253525.jpg?_wi=1",
|
||||
imageAlt: "elegant shopping lifestyle photography",
|
||||
},
|
||||
name: "خالد عمر", handle: "@khaled_o", testimonial: "أسعار تنافسية ومنتجات فاخرة حقاً.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ferromagnetic-liquid-metal-with-copy-space-pink-background_23-2148253525.jpg", imageAlt: "elegant shopping lifestyle photography"},
|
||||
{
|
||||
name: "ليلى يوسف",
|
||||
handle: "@layla_y",
|
||||
testimonial: "أفضل متجر إلكتروني تعاملت معه حتى الآن.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172380.jpg?_wi=1",
|
||||
imageAlt: "elegant shopping lifestyle photography",
|
||||
},
|
||||
name: "ليلى يوسف", handle: "@layla_y", testimonial: "أفضل متجر إلكتروني تعاملت معه حتى الآن.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172380.jpg", imageAlt: "elegant shopping lifestyle photography"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-cardboard-organic-dinnerware_23-2149542142.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-cardboard-organic-dinnerware_23-2149542142.jpg"
|
||||
imageAlt="متجر تسوق عصري"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-successful-businessman-suit-showing-okay-sign-looking-satisfied-standing-against-white-ba_1258-162874.jpg",
|
||||
alt: "عميل 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-asian-female-black-outfit-smiling-gently_181624-25536.jpg",
|
||||
alt: "عميل 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-businesswoman_23-2148326933.jpg",
|
||||
alt: "عميل 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-wearing-white-tshirt-showing-okay-signs-praise_1258-179342.jpg",
|
||||
alt: "عميل 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/assertive-good-looking-woman-with-afro-bushy-hairstyle-shows-okay-gesture_273609-30439.jpg",
|
||||
alt: "عميل 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-successful-businessman-suit-showing-okay-sign-looking-satisfied-standing-against-white-ba_1258-162874.jpg", alt: "عميل 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-asian-female-black-outfit-smiling-gently_181624-25536.jpg", alt: "عميل 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-businesswoman_23-2148326933.jpg", alt: "عميل 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-wearing-white-tshirt-showing-okay-signs-praise_1258-179342.jpg", alt: "عميل 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/assertive-good-looking-woman-with-afro-bushy-hairstyle-shows-okay-gesture_273609-30439.jpg", alt: "عميل 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,9 +79,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="قصتنا في عالم التسوق"
|
||||
description={[
|
||||
"نحن نؤمن بأن التسوق يجب أن يكون تجربة ممتعة وسهلة. نسعى دائماً لتوفير الأفضل لعملائنا.",
|
||||
"تأسس متجرنا برؤية تقديم المنتجات الأكثر تميزاً بأسعار تناسب الجميع.",
|
||||
]}
|
||||
"نحن نؤمن بأن التسوق يجب أن يكون تجربة ممتعة وسهلة. نسعى دائماً لتوفير الأفضل لعملائنا.", "تأسس متجرنا برؤية تقديم المنتجات الأكثر تميزاً بأسعار تناسب الجميع."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,40 +90,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "توصيل سريع",
|
||||
description: "نوصل طلباتكم في أسرع وقت ممكن.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-with-photo-camera_23-2148666259.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ferromagnetic-liquid-metal-with-copy-space-pink-background_23-2148253525.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cardboard-organic-dinnerware_23-2149542142.jpg?_wi=3",
|
||||
imageAlt: "premium lifestyle accessory photography",
|
||||
title: "توصيل سريع", description: "نوصل طلباتكم في أسرع وقت ممكن.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-with-photo-camera_23-2148666259.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/ferromagnetic-liquid-metal-with-copy-space-pink-background_23-2148253525.jpg" },
|
||||
},
|
||||
{
|
||||
title: "جودة مضمونة",
|
||||
description: "جميع منتجاتنا خاضعة لأعلى معايير الرقابة.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172380.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-cardboard-circle_23-2148835352.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg?_wi=2",
|
||||
imageAlt: "premium lifestyle accessory photography",
|
||||
title: "جودة مضمونة", description: "جميع منتجاتنا خاضعة لأعلى معايير الرقابة.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172380.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-cardboard-circle_23-2148835352.jpg" },
|
||||
},
|
||||
{
|
||||
title: "دعم فني",
|
||||
description: "فريقنا مستعد لمساعدتكم في أي وقت.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fedora-hats-arrangement-studio-top-view_23-2150737109.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-with-eco-friendly-objects_23-2148289781.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazed-entrepreneur-showing-okay-sign-looking-happy-satisfied-with-product-standing-white-b_1258-113924.jpg",
|
||||
imageAlt: "premium lifestyle accessory photography",
|
||||
title: "دعم فني", description: "فريقنا مستعد لمساعدتكم في أي وقت.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/fedora-hats-arrangement-studio-top-view_23-2150737109.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/bag-with-eco-friendly-objects_23-2148289781.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -193,42 +115,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "منتج فاخر أ",
|
||||
price: "٩٩$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046474.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "منتج فاخر ب",
|
||||
price: "١٤٩$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-shopping-bags-with-copy-space_23-2148316150.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "منتج فاخر ج",
|
||||
price: "١٩٩$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741770.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "منتج فاخر د",
|
||||
price: "٨٩$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-still-life-composition-with-white-bowls_23-2148869766.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "منتج فاخر هـ",
|
||||
price: "١٢٩$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109772.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "منتج فاخر و",
|
||||
price: "١٥٩$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-shopping-bags-laptop-table_23-2148577078.jpg",
|
||||
},
|
||||
{ id: "1", name: "منتج فاخر أ", price: "٩٩$", imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046474.jpg" },
|
||||
{ id: "2", name: "منتج فاخر ب", price: "١٤٩$", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-shopping-bags-with-copy-space_23-2148316150.jpg" },
|
||||
{ id: "3", name: "منتج فاخر ج", price: "١٩٩$", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741770.jpg" },
|
||||
{ id: "4", name: "منتج فاخر د", price: "٨٩$", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-still-life-composition-with-white-bowls_23-2148869766.jpg" },
|
||||
{ id: "5", name: "منتج فاخر هـ", price: "١٢٩$", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109772.jpg" },
|
||||
{ id: "6", name: "منتج فاخر و", price: "١٥٩$", imageSrc: "http://img.b2bpic.net/free-photo/front-view-shopping-bags-laptop-table_23-2148577078.jpg" },
|
||||
]}
|
||||
title="منتجاتنا الأكثر مبيعاً"
|
||||
description="أحدث التشكيلات التي نالت إعجاب عملائنا."
|
||||
@@ -241,24 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "عميل سعيد",
|
||||
value: "١٠,٠٠٠+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "منتج متاح",
|
||||
value: "٥,٠٠٠+",
|
||||
icon: Package,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "مدينة مغطاة",
|
||||
value: "٥٠+",
|
||||
icon: MapPin,
|
||||
},
|
||||
{ id: "m1", title: "عميل سعيد", value: "١٠,٠٠٠+", icon: CheckCircle },
|
||||
{ id: "m2", title: "منتج متاح", value: "٥,٠٠٠+", icon: Package },
|
||||
{ id: "m3", title: "مدينة مغطاة", value: "٥٠+", icon: MapPin },
|
||||
]}
|
||||
title="أرقام تدعو للفخر"
|
||||
description="ثقتكم هي وقود نجاحنا المستمر."
|
||||
@@ -272,26 +149,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="خالد عبد الله"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/amazed-entrepreneur-showing-okay-sign-looking-happy-satisfied-with-product-standing-white-b_1258-113924.jpg",
|
||||
alt: "عميل 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg",
|
||||
alt: "عميل 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg",
|
||||
alt: "عميل 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4722.jpg",
|
||||
alt: "عميل 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-pretty-woman-with-closed-ears-pink-wall_179666-2501.jpg",
|
||||
alt: "عميل 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/amazed-entrepreneur-showing-okay-sign-looking-happy-satisfied-with-product-standing-white-b_1258-113924.jpg", alt: "عميل 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg", alt: "عميل 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg", alt: "عميل 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4722.jpg", alt: "عميل 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-pretty-woman-with-closed-ears-pink-wall_179666-2501.jpg", alt: "عميل 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -303,21 +165,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "هل يمكن استرجاع المنتجات؟",
|
||||
content: "نعم، لدينا سياسة استرجاع مرنة خلال 14 يوماً.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "ما هي طرق الدفع المتاحة؟",
|
||||
content: "نقبل البطاقات الائتمانية و Apple Pay والدفع عند الاستلام.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "كيف أتبع شحنتي؟",
|
||||
content: "سنرسل لك رابط التتبع عبر البريد الإلكتروني بمجرد شحن طلبك.",
|
||||
},
|
||||
{ id: "q1", title: "هل يمكن استرجاع المنتجات؟", content: "نعم، لدينا سياسة استرجاع مرنة خلال 14 يوماً." },
|
||||
{ id: "q2", title: "ما هي طرق الدفع المتاحة؟", content: "نقبل البطاقات الائتمانية و Apple Pay والدفع عند الاستلام." },
|
||||
{ id: "q3", title: "كيف أتبع شحنتي؟", content: "سنرسل لك رابط التتبع عبر البريد الإلكتروني بمجرد شحن طلبك." },
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
description="إجابات على الأسئلة التي قد تتبادر لذهنكم."
|
||||
@@ -328,9 +178,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="اشترك للحصول على أحدث العروض"
|
||||
description="انضم لقائمتنا البريدية وكن أول من يعرف بجديد منتجاتنا."
|
||||
tag="النشرة الإخبارية"
|
||||
@@ -342,29 +190,15 @@ export default function LandingPage() {
|
||||
logoText="ShopEase"
|
||||
columns={[
|
||||
{
|
||||
title: "الشركة",
|
||||
items: [
|
||||
{
|
||||
label: "عن المتجر",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "الوظائف",
|
||||
href: "#",
|
||||
},
|
||||
title: "الشركة", items: [
|
||||
{ label: "عن المتجر", href: "#about" },
|
||||
{ label: "الوظائف", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "الدعم",
|
||||
items: [
|
||||
{
|
||||
label: "اتصل بنا",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "الأسئلة الشائعة",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "الدعم", items: [
|
||||
{ label: "اتصل بنا", href: "#contact" },
|
||||
{ label: "الأسئلة الشائعة", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user