Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #2.
This commit is contained in:
204
src/app/page.tsx
204
src/app/page.tsx
@@ -3,15 +3,16 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, MapPin, Star } from "lucide-react";
|
||||
import ProductCardThree from '@/components/ecommerce/productDetail/ProductDetailCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import { ShoppingCart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,178 +32,97 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية", id: "#hero"},
|
||||
{
|
||||
name: "من نحن", id: "#about"},
|
||||
{
|
||||
name: "الأقسام", id: "#categories"},
|
||||
{
|
||||
name: "العروض", id: "#offers"},
|
||||
{
|
||||
name: "تواصل معنا", id: "#contact"},
|
||||
{ name: "الرئيسية", id: "#hero" },
|
||||
{ name: "من نحن", id: "#about" },
|
||||
{ name: "أقسامنا", id: "#categories" },
|
||||
{ name: "الطلبات", id: "#orders" },
|
||||
{ name: "تواصل معنا", id: "#contact" },
|
||||
]}
|
||||
brandName="أسواق الإسكندرية"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
<HeroLogoBillboard
|
||||
logoText="أسواق الإسكندرية"
|
||||
description="وجهتكم الأولى لأجود المنتجات الطازجة والسلع اليومية بأسعار تنافسية في القاهرة (شيراتون، النزهة). استمتع بتجربة تسوق فاخرة."
|
||||
description="تطبيقك الأذكى للتسوق في القاهرة. نوفر لك أفضل المنتجات الطازجة مع توصيل سريع وتفاعلي مباشرة إلى باب منزلك."
|
||||
buttons={[
|
||||
{
|
||||
text: "تسوق الآن", href: "#categories"},
|
||||
{ text: "تسوق الآن", href: "#categories" },
|
||||
{ text: "اطلب الآن", href: "#orders" }
|
||||
]}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assortment-organic-vegetables-wooden-basket_114579-76093.jpg"
|
||||
imageAlt="تسوق في أسواق الإسكندرية"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="categories" data-section="categories">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
<FeatureCardNineteen
|
||||
title="تصفح منتجاتنا"
|
||||
textboxLayout="inline-image"
|
||||
features={[
|
||||
{
|
||||
title: "الخضروات والفواكه", description: "منتجات طازجة يومياً من المزارع المحلية.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-supermarket_1339-7657.jpg", imageAlt: "خضروات وفواكه"},
|
||||
{
|
||||
title: "المخبوزات والحلويات", description: "مخبوزات طازجة يومياً بروائح شهية.", imageSrc: "http://img.b2bpic.net/free-photo/set-breads-stored-sale-consumption-supermarket_169016-49108.jpg", imageAlt: "مخبوزات"},
|
||||
{
|
||||
title: "اللحوم والدواجن", description: "لحوم طازجة تخضع لأعلى معايير الجودة.", imageSrc: "http://img.b2bpic.net/free-photo/racks-salmon-smoking-small-smoker_169016-36322.jpg", imageAlt: "لحوم"},
|
||||
{ tag: "طازج", title: "الخضروات", subtitle: "عضوي ومحلي", description: "كل ما تحتاجه من مزارعنا", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-supermarket_1339-7657.jpg" },
|
||||
{ tag: "سريع", title: "المخبوزات", subtitle: "طازجة يومياً", description: "مخبوزات ساخنة ولذيذة", imageSrc: "http://img.b2bpic.net/free-photo/set-breads-stored-sale-consumption-supermarket_169016-49108.jpg" }
|
||||
]}
|
||||
title="أقسامنا المميزة"
|
||||
description="تصفح تشكيلتنا الواسعة من المنتجات الطازجة والمواد الغذائية التي تلبي كافة احتياجاتك اليومية في القاهرة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="offers" data-section="offers">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "تفاح أحمر طازج", price: "25 EGP", variant: "1 KG", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151282025.jpg"},
|
||||
{
|
||||
id: "p2", name: "حليب كامل الدسم", price: "30 EGP", variant: "1 L", imageSrc: "http://img.b2bpic.net/free-photo/woman-protective-mask-supermarket_1157-34207.jpg"},
|
||||
{
|
||||
id: "p3", name: "دجاج مجمد", price: "95 EGP", variant: "1.2 KG", imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-meats-sliced-pepper-cutting-board-burlap-blue-background_114579-45645.jpg"},
|
||||
{
|
||||
id: "p4", name: "خبز بلدي", price: "10 EGP", variant: "5 قطع", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-breakfast-with-pancakes-croisasant-stacked-cookies-beautiful-gift-boxes-dark-surface_140725-94277.jpg"},
|
||||
{
|
||||
id: "p5", name: "زبادي طبيعي", price: "15 EGP", variant: "120g", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-chicken-eggs_23-2148592146.jpg"},
|
||||
{
|
||||
id: "p6", name: "جبنة بيضاء", price: "55 EGP", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-with-mask_23-2149445489.jpg"},
|
||||
]}
|
||||
title="عروضنا الأسبوعية"
|
||||
description="لا تفوت عروضنا الحصرية وخصومات نهاية الأسبوع في فروعنا بالقاهرة."
|
||||
/>
|
||||
<div id="orders" data-section="orders">
|
||||
<PricingCardNine
|
||||
title="مركز الطلبات الذكي"
|
||||
description="اختر باقة الطلب المفضلة لديك أو ابدأ طلبك المخصص فوراً."
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "basic", title: "طلب يومي", price: "99 EGP", period: "للطلب", features: ["توصيل في نفس اليوم", "تغليف طازج", "دعم فني"], button: { text: "اطلب الآن" } },
|
||||
{ id: "pro", title: "طلب أسبوعي", price: "599 EGP", period: "أسبوعياً", features: ["توصيل مجاني", "أولوية الطلب", "عروض حصرية"], button: { text: "اشترك الآن" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "قصتنا في أسواق القاهرة"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "اقرأ المزيد", href: "#"},
|
||||
]}
|
||||
/>
|
||||
<TextSplitAbout
|
||||
title="أسواق الإسكندرية التفاعلية"
|
||||
description={["تأسسنا لتقديم تجربة تسوق مبتكرة تتناسب مع نمط حياتك العصري.", "استخدم خريطتنا التفاعلية للعثور على أقرب فرع لك وتتبع طلبك في الوقت الفعلي."]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "15+", title: "سنوات من الخبرة", description: "في خدمة العملاء", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "50K+", title: "عميل سعيد", description: "نخدمهم كل يوم", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "2", title: "فروعنا في القاهرة", description: "شيراتون والنزهة", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
title="أرقام تعكس ثقتكم"
|
||||
description="نحن فخورون بخدمة مجتمعنا في شيراتون والنزهة بالقاهرة لسنوات طويلة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "أحمد محمد", imageSrc: "http://img.b2bpic.net/free-photo/happy-multiracial-pair-choosing-goods-supermarket_23-2148216069.jpg"},
|
||||
{
|
||||
id: "t2", name: "سارة محمود", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-shopping-grocery-store_23-2149483174.jpg"},
|
||||
{
|
||||
id: "t3", name: "خالد عمر", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-reading-label_23-2149081057.jpg"},
|
||||
{
|
||||
id: "t4", name: "ليلى يوسف", imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hands-cutting-peach-with-knife-sliced-peach-cut-pear-cutting-board-plate-pancakes-with-apricots-wooden-background_141793-25335.jpg"},
|
||||
{
|
||||
id: "t5", name: "ياسين علي", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-food-market_23-2149082594.jpg"},
|
||||
]}
|
||||
cardTitle="ماذا يقول عملاؤنا عنا"
|
||||
cardTag="آراء العملاء"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
<MetricCardTwo
|
||||
title="ثقة تزداد يومياً"
|
||||
description="أرقامنا التفاعلية"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
metrics={[
|
||||
{ id: "m1", value: "100%", description: "رضا العملاء" },
|
||||
{ id: "m2", value: "15 مين", description: "متوسط وقت الاستجابة" },
|
||||
{ id: "m3", value: "500+", description: "طلبات يومية" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="تواصل معنا"
|
||||
title="هل تحتاج إلى مساعدة؟"
|
||||
description="فريقنا في فروع شيراتون والنزهة جاهز لمساعدتك في أي وقت."
|
||||
buttons={[
|
||||
{
|
||||
text: "اتصل بنا", href: "tel:021234567"},
|
||||
]}
|
||||
/>
|
||||
tag="مركز خدمة العملاء"
|
||||
title="نحن في خدمتك"
|
||||
description="اتصل بنا لأي استفسار أو للحصول على مساعدة في طلبك الحالي. رقمنا متاح 24/7."
|
||||
buttons={[{ text: "اتصل بنا: 02 22699836", href: "tel:0222699836" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة", items: [
|
||||
{
|
||||
label: "الرئيسية", href: "#hero"},
|
||||
{
|
||||
label: "فروعنا (شيراتون، النزهة)", href: "#"},
|
||||
{
|
||||
label: "الطلب أونلاين", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "خدمة العملاء", items: [
|
||||
{
|
||||
label: "اتصل بنا", href: "#contact"},
|
||||
{
|
||||
label: "الأسئلة الشائعة", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "الطلبات", href: "#orders" }] },
|
||||
{ title: "دعم", items: [{ label: "02 22699836", href: "tel:0222699836" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 جميع الحقوق محفوظة لأسواقنا."
|
||||
bottomRightText="صنع بـ ❤️ لخدمة أهلنا في القاهرة."
|
||||
bottomLeftText="© 2025 أسواق الإسكندرية"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user