Merge version_4 into main #4
201
src/app/page.tsx
201
src/app/page.tsx
@@ -7,15 +7,13 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ProductCart from '@/components/ecommerce/cart/ProductCart';
|
||||
|
||||
export default function LandingPage() {
|
||||
const [user] = useState({ role: 'admin' });
|
||||
const [user] = useState({ role: 'admin' });
|
||||
const isAdmin = user?.role === 'admin' || user?.role === 'manager';
|
||||
const [isCartOpen, setIsCartOpen] = useState(false);
|
||||
|
||||
@@ -33,111 +31,112 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "الرئيسية", id: "hero"},
|
||||
{ name: "الأقسام", id: "categories"},
|
||||
{ name: "العروض", id: "discounts"},
|
||||
{ name: "حساب الدعم", id: "contact"},
|
||||
{ name: "السلة", id: "cart", onClick: () => setIsCartOpen(true) }
|
||||
]}
|
||||
brandName="Sama Store"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "الرئيسية", id: "hero"},
|
||||
{ name: "الأقسام", id: "categories"},
|
||||
{ name: "العروض", id: "discounts"},
|
||||
{ name: "حساب الدعم", id: "contact"},
|
||||
{ name: "السلة", id: "cart"}
|
||||
]}
|
||||
brandName="Sama Store"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<ProductCart
|
||||
isOpen={isCartOpen}
|
||||
onClose={() => setIsCartOpen(false)}
|
||||
total="5000 IQD"
|
||||
items={[]}
|
||||
title="سلة التسوق"
|
||||
emptyMessage="سلتك فارغة حالياً. رسوم التوصيل: 5000 دينار عراقي."
|
||||
/>
|
||||
<ProductCart
|
||||
isOpen={isCartOpen}
|
||||
onClose={() => setIsCartOpen(false)}
|
||||
total="5000 IQD"
|
||||
items={[]}
|
||||
buttons={[{ text: "اتمام الطلب", onClick: () => {} }]}
|
||||
title="سلة التسوق"
|
||||
emptyMessage="سلتك فارغة حالياً. رسوم التوصيل: 5000 دينار عراقي."
|
||||
/>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Sama Store"
|
||||
description="تجربة تسوق فاخرة تليق بك. اكتشف مجموعتنا المختارة بعناية من أرقى المنتجات العالمية."
|
||||
buttons={[
|
||||
{ text: "تسوق الآن", href: "#products" },
|
||||
...(isAdmin ? [{ text: "لوحة الإدارة", href: "#admin" }] : [])
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-christmas-gifts-womans-holding-big-boxes-guy-little-one_176420-7393.jpg", imageAlt: "Luxury Gifts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scratched-metal-dark-carbon-fiber-background_1048-5869.jpg", imageAlt: "Automotive" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spring-marketing-sales_23-2151949778.jpg", imageAlt: "Cosmetics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/present-with-tag-fern-plant_23-2148370084.jpg", imageAlt: "Stationery" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-bags-season-black_1157-3443.jpg", imageAlt: "Fashion" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-bookshelf-with-pouf_105762-2177.jpg", imageAlt: "Furniture" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Sama Store"
|
||||
description="تجربة تسوق فاخرة تليق بك. اكتشف مجموعتنا المختارة بعناية من أرقى المنتجات العالمية."
|
||||
buttons={[
|
||||
{ text: "تسوق الآن", href: "#products" },
|
||||
...(isAdmin ? [{ text: "لوحة الإدارة", href: "#admin" }] : [])
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-christmas-gifts-womans-holding-big-boxes-guy-little-one_176420-7393.jpg", imageAlt: "Luxury Gifts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scratched-metal-dark-carbon-fiber-background_1048-5869.jpg", imageAlt: "Automotive" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spring-marketing-sales_23-2151949778.jpg", imageAlt: "Cosmetics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/present-with-tag-fern-plant_23-2148370084.jpg", imageAlt: "Stationery" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-bags-season-black_1157-3443.jpg", imageAlt: "Fashion" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-bookshelf-with-pouf_105762-2177.jpg", imageAlt: "Furniture" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="categories" data-section="categories">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="أقسام المتجر"
|
||||
description="تصفح عبر أكثر من ٢٥ قسماً متنوعاً تلبي كافة احتياجاتك اليومية والترفيهية."
|
||||
accordionItems={[
|
||||
{ id: "cat1", title: "الإلكترونيات", content: "هواتف، حواسيب، وأجهزة ذكية." },
|
||||
{ id: "cat2", title: "مستلزمات السيارات", content: "قطع غيار، إكسسوارات، وزينة سيارات." },
|
||||
{ id: "cat3", title: "الأزياء والعطور", content: "أحدث صيحات الموضة والعطور الفاخرة." },
|
||||
{ id: "cat4", title: "أثاث ومستلزمات منزلية", content: "أثاث عصري ومعدات منزلية متطورة." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="categories" data-section="categories">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="أقسام المتجر"
|
||||
description="تصفح عبر أكثر من ٢٥ قسماً متنوعاً تلبي كافة احتياجاتك اليومية والترفيهية."
|
||||
accordionItems={[
|
||||
{ id: "cat1", title: "الإلكترونيات", content: "هواتف، حواسيب، وأجهزة ذكية." },
|
||||
{ id: "cat2", title: "مستلزمات السيارات", content: "قطع غيار، إكسسوارات، وزينة سيارات." },
|
||||
{ id: "cat3", title: "الأزياء والعطور", content: "أحدث صيحات الموضة والعطور الفاخرة." },
|
||||
{ id: "cat4", title: "أثاث ومستلزمات منزلية", content: "أثاث عصري ومعدات منزلية متطورة." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "سماعات احترافية", price: "١٥٠ ريال", variant: "إلكترونيات", imageSrc: "http://img.b2bpic.net/free-photo/volume-control-knob-hi-fi-amplifier_1232-3570.jpg" },
|
||||
{ id: "p2", name: "هاتف ذكي", price: "٣٠٠٠ ريال", variant: "جوالات", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5163.jpg" },
|
||||
{ id: "p3", name: "محفظة جلدية", price: "٢٥٠ ريال", variant: "إكسسوارات", imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-composition-with-present-box_23-2147790827.jpg" },
|
||||
{ id: "p4", name: "مجموعة عناية", price: "٤٠٠ ريال", variant: "تجميل", imageSrc: "http://img.b2bpic.net/free-photo/foundation-bottles-stands_23-2149511226.jpg" },
|
||||
]}
|
||||
title="منتجات مميزة"
|
||||
description="أحدث المنتجات التي تم اختيارها خصيصاً لذوقك الرفيع."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "سماعات احترافية", price: "١٥٠ ريال", variant: "إلكترونيات", imageSrc: "http://img.b2bpic.net/free-photo/volume-control-knob-hi-fi-amplifier_1232-3570.jpg" },
|
||||
{ id: "p2", name: "هاتف ذكي", price: "٣٠٠٠ ريال", variant: "جوالات", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5163.jpg" },
|
||||
{ id: "p3", name: "محفظة جلدية", price: "٢٥٠ ريال", variant: "إكسسوارات", imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-composition-with-present-box_23-2147790827.jpg" },
|
||||
{ id: "p4", name: "مجموعة عناية", price: "٤٠٠ ريال", variant: "تجميل", imageSrc: "http://img.b2bpic.net/free-photo/foundation-bottles-stands_23-2149511226.jpg" },
|
||||
]}
|
||||
title="منتجات مميزة"
|
||||
description="أحدث المنتجات التي تم اختيارها خصيصاً لذوقك الرفيع."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="discounts" data-section="discounts">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "offer1", badge: "توفير", price: "٥٠٪", subtitle: "تخفيض على قسم الإلكترونيات", buttons: [{ text: "تسوق العرض" }], features: ["شحن مجاني", "ضمان سنتين"] },
|
||||
{ id: "offer2", badge: "توفير", price: "٣٠٪", subtitle: "تخفيض على الأزياء", buttons: [{ text: "تسوق العرض" }], features: ["استبدال سريع", "جودة عالية"] },
|
||||
]}
|
||||
title="عروض حصرية"
|
||||
description="خصومات كبرى لفترة محدودة على منتجات مختارة."
|
||||
/>
|
||||
</div>
|
||||
<div id="discounts" data-section="discounts">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "offer1", badge: "توفير", price: "٥٠٪", subtitle: "تخفيض على قسم الإلكترونيات", buttons: [{ text: "تسوق العرض" }], features: ["شحن مجاني", "ضمان سنتين"] },
|
||||
{ id: "offer2", badge: "توفير", price: "٣٠٪", subtitle: "تخفيض على الأزياء", buttons: [{ text: "تسوق العرض" }], features: ["استبدال سريع", "جودة عالية"] },
|
||||
]}
|
||||
title="عروض حصرية"
|
||||
description="خصومات كبرى لفترة محدودة على منتجات مختارة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="حساب الدعم"
|
||||
title="تواصل مع فريق الدعم"
|
||||
description="نحن هنا لمساعدتك على مدار الساعة في أي استفسار."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="حساب الدعم"
|
||||
title="تواصل مع فريق الدعم"
|
||||
description="نحن هنا لمساعدتك على مدار الساعة في أي استفسار."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sama Store"
|
||||
leftLink={{ text: "سياسة الخصوصية", href: "#" }}
|
||||
rightLink={{ text: "الشروط والأحكام", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sama Store"
|
||||
leftLink={{ text: "سياسة الخصوصية", href: "#" }}
|
||||
rightLink={{ text: "الشروط والأحكام", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user