Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-05-15 05:41:40 +00:00

View File

@@ -17,334 +17,177 @@ import { Milk, Star, Utensils } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeMediumTitles"
background="floatingGradient"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeMediumTitles"
background="floatingGradient"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "الرئيسية",
id: "#hero",
},
{
name: "المتجر",
id: "#products",
},
{
name: "الخدمات",
id: "#about",
},
{
name: "من نحن",
id: "#about",
},
]}
brandName="Supermarket Jerash"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "الرئيسية", id: "#hero" },
{ name: "المتجر", id: "#products" },
{ name: "الخدمات", id: "#about" },
{ name: "من نحن", id: "#about" },
]}
brandName="Supermarket Jerash"
button={{ text: "تسوق الآن", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
title="البان وأجبان جرش"
description="من قلب المزارع وبنكهة الأصالة، نجمع خلاصة الخيرات البلدية. استمتعوا بمذاق الألبان والأجبان الطازجة، وتذوقوا أصالة السمن البلدي والجميد الكركي الفاخر."
imageSrc="http://img.b2bpic.net/free-photo/buffet-catering_74190-2051.jpg?_wi=1"
imageAlt="fresh dairy products grocery store"
buttons={[
{
text: "تسوق الآن",
href: "#products",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{ variant: "gradient-bars" }}
title="البان وأجبان جرش"
description="من قلب المزارع وبنكهة الأصالة، نجمع خلاصة الخيرات البلدية. استمتعوا بمذاق الألبان والأجبان الطازجة، وتذوقوا أصالة السمن البلدي والجميد الكركي الفاخر."
imageSrc="http://img.b2bpic.net/free-photo/buffet-catering_74190-2051.jpg"
imageAlt="fresh dairy products grocery store"
buttons={[{ text: "تسوق الآن", href: "#products" }]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="من نحن"
description={[
"نحن في سوبر ماركت جرش نؤمن بأن الغذاء هو الأساس. منذ سنوات، نعتمد على شراكات مباشرة مع المزارعين المحليين لضمان وصول أجود أنواع الألبان، الأجبان، وزيت الزيتون البكر إلى مائدتكم.",
"نلتزم بأعلى معايير النظافة والجودة، ونفخر بكوننا وجهتكم المفضلة للمنتجات البلدية التي تعيد تعريف معنى الطعم الأصيل، مع تشكيلة واسعة من الاحتياجات اليومية المنزلية.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="من نحن"
description={[
"نحن في سوبر ماركت جرش نؤمن بأن الغذاء هو الأساس. منذ سنوات، نعتمد على شراكات مباشرة مع المزارعين المحليين لضمان وصول أجود أنواع الألبان، الأجبان، وزيت الزيتون البكر إلى مائدتكم.", "نلتزم بأعلى معايير النظافة والجودة، ونفخر بكوننا وجهتكم المفضلة للمنتجات البلدية التي تعيد تعريف معنى الطعم الأصيل، مع تشكيلة واسعة من الاحتياجات اليومية المنزلية."]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "ألبان وأجبان طازجة",
description: "منتجاتنا طازجة يومياً من المزرعة، خالية من المواد الحافظة.",
icon: Milk,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/milk-cottage-cheese-dairy-products_23-2148211409.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/glass-containers-filled-with-milk_23-2148239871.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/buffet-catering_74190-2051.jpg?_wi=2",
imageAlt: "fresh milk dairy carton produce",
},
{
title: "سمن وجميد كركي",
description: "جودة عالية ونكهة تقليدية أصيلة تناسب طبخاتكم العائلية.",
icon: Utensils,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/cheese-appetizer_23-2148145270.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-piece-cheese-with-knife_23-2148326115.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/seller-using-scale-checkout-counter_482257-96935.jpg?_wi=1",
imageAlt: "fresh milk dairy carton produce",
},
{
title: "لحوم ودواجن",
description: "أجود أنواع الدواجن واللحوم المجمدة والمبردة تحت رقابة صارمة.",
icon: Star,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-chicken-eggs_23-2148592136.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-white-chicken-eggs-inside-basket-with-towel-dark-surface_140725-103363.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-doing-groceries_23-2149284867.jpg",
imageAlt: "fresh milk dairy carton produce",
},
]}
title="منتجاتنا المميزة"
description="تشكيلة واسعة من الخيرات البلدية الطبيعية المقطوفة بحب والمجهزة بكل عناية."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="منتجاتنا المميزة"
description="تشكيلة واسعة من الخيرات البلدية الطبيعية المقطوفة بحب والمجهزة بكل عناية."
features={[
{
title: "ألبان وأجبان طازجة", description: "منتجاتنا طازجة يومياً من المزرعة، خالية من المواد الحافظة.", icon: Milk,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/milk-cottage-cheese-dairy-products_23-2148211409.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/glass-containers-filled-with-milk_23-2148239871.jpg" }
]
},
{
title: "سمن وجميد كركي", description: "جودة عالية ونكهة تقليدية أصيلة تناسب طبخاتكم العائلية.", icon: Utensils,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/cheese-appetizer_23-2148145270.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-piece-cheese-with-knife_23-2148326115.jpg" }
]
},
{
title: "لحوم ودواجن", description: "أجود أنواع الدواجن واللحوم المجمدة والمبردة تحت رقابة صارمة.", icon: Star,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-chicken-eggs_23-2148592136.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-white-chicken-eggs-inside-basket-with-towel-dark-surface_140725-103363.jpg" }
]
}
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "بلدي",
name: "جميد كركي",
price: "15 JOD",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dairy-products_23-2148610620.jpg",
},
{
id: "2",
brand: "جرش",
name: "زيت زيتون بكر",
price: "25 JOD",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pieces-mature-cheese_23-2148325919.jpg",
},
{
id: "3",
brand: "طازج",
name: "دجاج طازج",
price: "4 JOD",
rating: 4,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-eggs_23-2149456930.jpg",
},
{
id: "4",
brand: "بلدي",
name: "زعتر فلسطيني",
price: "5 JOD",
rating: 5,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/bottles-milk-arrangement-still-life_23-2150642906.jpg",
},
{
id: "5",
brand: "جرش",
name: "سمن بلدي",
price: "12 JOD",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-cheese-table_23-2150062684.jpg",
},
{
id: "6",
brand: "طازج",
name: "مكدوس",
price: "8 JOD",
rating: 4,
reviewCount: "70",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-chicken-eggs-dark-table_140725-137556.jpg",
},
]}
title="المتجر الإلكتروني"
description="تصفحوا مجموعتنا الكاملة من المنتجات البلدية والمنزلية."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="المتجر الإلكتروني"
description="تصفحوا مجموعتنا الكاملة من المنتجات البلدية والمنزلية."
products={[
{ id: "1", brand: "بلدي", name: "جميد كركي", price: "15 JOD", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dairy-products_23-2148610620.jpg" },
{ id: "2", brand: "جرش", name: "زيت زيتون بكر", price: "25 JOD", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pieces-mature-cheese_23-2148325919.jpg" },
{ id: "3", brand: "طازج", name: "دجاج طازج", price: "4 JOD", rating: 4, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-eggs_23-2149456930.jpg" },
{ id: "4", brand: "بلدي", name: "زعتر فلسطيني", price: "5 JOD", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/bottles-milk-arrangement-still-life_23-2150642906.jpg" },
{ id: "5", brand: "جرش", name: "سمن بلدي", price: "12 JOD", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-cheese-table_23-2150062684.jpg" },
{ id: "6", brand: "طازج", name: "مكدوس", price: "8 JOD", rating: 4, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-chicken-eggs-dark-table_140725-137556.jpg" },
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
description: "رضا عملائنا",
},
{
id: "m2",
value: "500+",
description: "منتج بلدي",
},
{
id: "m3",
value: "20+",
description: "عام من الخبرة",
},
]}
title="أرقام تدعو للفخر"
description="نحن ملتزمون دائماً بأعلى معايير الجودة والرضا لخدمة أهالي جرش والمناطق المجاورة."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "100%", description: "رضا عملائنا" },
{ id: "m2", value: "500+", description: "منتج بلدي" },
{ id: "m3", value: "20+", description: "عام من الخبرة" },
]}
title="أرقام تدعو للفخر"
description="نحن ملتزمون دائماً بأعلى معايير الجودة والرضا لخدمة أهالي جرش والمناطق المجاورة."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="أفضل جودة منتجات بلدية حصلت عليها في جرش، طعم أصيل ومميز جداً في كل مرة. خدمة العملاء أكثر من رائعة."
rating={5}
author="أحمد علي"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-women-doing-groceries_23-2149284867.jpg",
alt: "happy customer grocery store shopping",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-supermarket_169016-19496.jpg",
alt: "happy family grocery shopping",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-multiethnic-couple-grocery-store_23-2148216070.jpg",
alt: "smiling grocery store shopper",
},
{
src: "http://img.b2bpic.net/free-photo/happy-male-model-african-american-man-holds-fresh-produce_482257-115892.jpg",
alt: "satisfied local market customer",
},
{
src: "http://img.b2bpic.net/free-photo/young-adult-buying-products-quarantine_23-2148480505.jpg",
alt: "happy shopper local organic market",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="أفضل جودة منتجات بلدية حصلت عليها في جرش، طعم أصيل ومميز جداً في كل مرة. خدمة العملاء أكثر من رائعة."
rating={5}
author="أحمد علي"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/close-up-women-doing-groceries_23-2149284867.jpg", alt: "happy customer grocery store shopping" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-supermarket_169016-19496.jpg", alt: "happy family grocery shopping" },
{ src: "http://img.b2bpic.net/free-photo/cheerful-multiethnic-couple-grocery-store_23-2148216070.jpg", alt: "smiling grocery store shopper" },
{ src: "http://img.b2bpic.net/free-photo/happy-male-model-african-american-man-holds-fresh-produce_482257-115892.jpg", alt: "satisfied local market customer" },
{ src: "http://img.b2bpic.net/free-photo/young-adult-buying-products-quarantine_23-2148480505.jpg", alt: "happy shopper local organic market" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "هل المنتجات طازجة؟",
content: "نعم، نحن نوفر منتجات طازجة يومياً من مزارعنا المحلية ونتأكد من توريدها يومياً لضمان الجودة.",
},
{
id: "f2",
title: "هل يتوفر التوصيل؟",
content: "نعم، نوفر خدمة توصيل سريعة وموثوقة لكافة مناطق محافظة جرش وما حولها.",
},
{
id: "f3",
title: "كيف أضمن جودة الألبان؟",
content: "نحن نطبق أعلى معايير الجودة في الإنتاج والتغليف، حيث يتم فحص كل دفعة لضمان سلامة وجودة ما يصل لبيتك.",
},
]}
title="أسئلة شائعة"
description="كل ما تريد معرفته عن خدماتنا ومنتجاتنا."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/seller-using-scale-checkout-counter_482257-96935.jpg?_wi=2"
imageAlt="farm fresh dairy local supermarket"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "هل المنتجات طازجة؟", content: "نعم، نحن نوفر منتجات طازجة يومياً من مزارعنا المحلية ونتأكد من توريدها يومياً لضمان الجودة." },
{ id: "f2", title: "هل يتوفر التوصيل؟", content: "نعم، نوفر خدمة توصيل سريعة وموثوقة لكافة مناطق محافظة جرش وما حولها." },
{ id: "f3", title: "كيف أضمن جودة الألبان؟", content: "نحن نطبق أعلى معايير الجودة في الإنتاج والتغليف، حيث يتم فحص كل دفعة لضمان سلامة وجودة ما يصل لبيتك." },
]}
title="أسئلة شائعة"
description="كل ما تريد معرفته عن خدماتنا ومنتجاتنا."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/seller-using-scale-checkout-counter_482257-96935.jpg"
imageAlt="farm fresh dairy local supermarket"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="تواصل معنا"
title="ابق على اتصال"
description="يسعدنا دائماً سماع ملاحظاتكم واستفساراتكم. يمكنكم زيارة فرعنا أو الاتصال بنا مباشرة."
imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-farmer-selling-healthy-food-local-marketplace-showing-seasonal-fresh-fruits-veggies-farmers-market-young-vendor-preparing-sell-eco-organic-products_482257-62279.jpg"
mediaAnimation="slide-up"
imageAlt="friendly supermarket staff local store"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="تواصل معنا"
title="ابق على اتصال"
description="يسعدنا دائماً سماع ملاحظاتكم واستفساراتكم. يمكنكم زيارة فرعنا أو الاتصال بنا مباشرة."
imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-farmer-selling-healthy-food-local-marketplace-showing-seasonal-fresh-fruits-veggies-farmers-market-young-vendor-preparing-sell-eco-organic-products_482257-62279.jpg"
mediaAnimation="slide-up"
imageAlt="friendly supermarket staff local store"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Supermarket Jerash"
columns={[
{
title: "روابط سريعة",
items: [
{
label: "الرئيسية",
href: "/",
},
{
label: "المتجر",
href: "#products",
},
],
},
{
title: "تواصل معنا",
items: [
{
label: "صويلح، مقابل كازية توتال",
href: "#",
},
{
label: "+962 0770000110",
href: "tel:+9620770000110",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Supermarket Jerash"
columns={[
{ title: "روابط سريعة", items: [{ label: "الرئيسية", href: "/" }, { label: "المتجر", href: "#products" }] },
{ title: "تواصل معنا", items: [{ label: "صويلح، مقابل كازية توتال", href: "#" }, { label: "+962 0770000110", href: "tel:+9620770000110" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);