270 lines
13 KiB
TypeScript
270 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Award, MapPin, Package, Phone, ShoppingCart, Smile, Star, Truck, Wallet } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "الرئيسية", id: "#hero"},
|
|
{
|
|
name: "عنا", id: "#about"},
|
|
{
|
|
name: "المنتجات", id: "/products-catalog"},
|
|
{
|
|
name: "لماذا نحن", id: "#why-us"},
|
|
{
|
|
name: "التقييمات", id: "#reviews"},
|
|
{
|
|
name: "المعلومات", id: "#info"},
|
|
{
|
|
name: "اتصل بنا", id: "#contact"},
|
|
]}
|
|
brandName="Ahmad AlMasry Est."
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="مؤسسة أحمد المصري"
|
|
description="جودة، أسعار مناسبة، وخدمة مميزة. اكتشف مجموعتنا الأنيقة الآن."
|
|
buttons={[
|
|
{
|
|
text: "تسوق الآن", href: "#products"},
|
|
{
|
|
text: "اتصل بنا", href: "#contact"},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/slim-young-woman-with-long-brown-hair-shiny-grey-clothes-posing-grey-background_613910-11045.jpg", imageAlt: "Elegant women's clothing collection"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19713.jpg", imageAlt: "Stylish men's thobe collection"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-with-traditional-asian-clothing_23-2151022392.jpg", imageAlt: "Cute kids' traditional clothing"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashion-model-coral-jacket-black-shawl-with-white-pants_114579-8561.jpg", imageAlt: "Seasonal fashion collection"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-essentials-bead-working-with-scissors_23-2148815805.jpg", imageAlt: "Fashionable accessories for outfits"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300904.jpg", imageAlt: "Interior of a modern clothing store"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="من نحن"
|
|
metrics={[
|
|
{
|
|
icon: Star,
|
|
label: "سمعة طيبة", value: "في الأردن"},
|
|
{
|
|
icon: Award,
|
|
label: "منتجات عالية الجودة", value: "مضمونة"},
|
|
{
|
|
icon: Wallet,
|
|
label: "أسعار مناسبة", value: "لجميع"},
|
|
{
|
|
icon: Smile,
|
|
label: "رضا العملاء", value: "أولويتنا"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "ثوب رجالي فاخر", price: "دينار اردني 350", imageSrc: "http://img.b2bpic.net/free-photo/fashion-model-trendy-yellow-trenchcoat-outdoor_114579-8599.jpg", imageAlt: "Men's Luxury Thobe", rating: 5,
|
|
},
|
|
{
|
|
id: "p2", name: "عباية نسائية عصرية", price: "دينار اردني 420", imageSrc: "http://img.b2bpic.net/free-photo/elegant-brunette-woman-posing-egyptian-desert-sand-dunes_273443-3028.jpg", imageAlt: "Modern Women's Abaya", rating: 5,
|
|
},
|
|
{
|
|
id: "p3", name: "فستان أطفال أنيق", price: "دينار اردني 180", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-holy-month-blog-banner_53876-128623.jpg", imageAlt: "Elegant Kids' Dress", rating: 4,
|
|
},
|
|
{
|
|
id: "p4", name: "وشاح حريري مطبوع", price: "دينار اردني 95", imageSrc: "http://img.b2bpic.net/free-photo/girl-linen-dress-with-wreath-flowers-her-head_72229-248.jpg", imageAlt: "Printed Silk Scarf", rating: 4,
|
|
},
|
|
{
|
|
id: "p5", name: "حذاء رجالي جلدي", price: "دينار اردني 280", imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-8424.jpg", imageAlt: "Men's Leather Shoes", rating: 5,
|
|
},
|
|
{
|
|
id: "p6", name: "ساعة يد كلاسيكية", price: "دينار اردني 550", imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day-with-accessories_23-2147790926.jpg", imageAlt: "Classic Wrist Watch", rating: 5,
|
|
},
|
|
]}
|
|
title="منتجاتنا المميزة"
|
|
description="اكتشف أحدث مجموعاتنا من الملابس الرجالية والنسائية وملابس الأطفال، بالإضافة إلى تشكيلات موسمية وإكسسوارات أنيقة."
|
|
buttons={[
|
|
{
|
|
text: "عرض جميع المنتجات", href: "/products-catalog"
|
|
}
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "f1", title: "أسعار تنافسية", subtitle: "منتجات عالية الجودة بأسعار تناسب الجميع.", category: "قيمة مميزة", value: ""},
|
|
{
|
|
id: "f2", title: "تشكيلة واسعة", subtitle: "مجموعة متنوعة من الملابس والإكسسوارات لكل الأذواق.", category: "خيارات لا حصر لها", value: ""},
|
|
{
|
|
id: "f3", title: "خدمة عملاء ممتازة", subtitle: "فريقنا مستعد لمساعدتك في كل خطوة.", category: "دعم متميز", value: ""},
|
|
{
|
|
id: "f4", title: "توصيل سريع", subtitle: "استلم طلباتك بسرعة وأمان إلى باب منزلك.", category: "راحة وسهولة", value: ""},
|
|
{
|
|
id: "f5", title: "استلام من المتجر", subtitle: "اختر ما يناسبك واستلم طلبك من متجرنا بسهولة.", category: "مرونة في التسوق", value: ""},
|
|
]}
|
|
title="لماذا تختار مؤسسة أحمد المصري؟"
|
|
description="نقدم لك تجربة تسوق لا مثيل لها تجمع بين الجودة والراحة والقيمة."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="جميل جدا يوجد تشكيلة مميزة وأسعارهم في متناول الجميع، وحسن المعاملة."
|
|
rating={4.1}
|
|
author="عميل راضٍ (49 تقييم)"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/glad-dark-skinned-young-woman-clenches-fist-holds-takeaway-coffee-wears-optical-glasses_273609-27058.jpg", alt: "Sarah Johnson"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-non-binary-man-musician-smiling-confident-sitting-chair-music-studio_839833-10419.jpg", alt: "Michael Chen"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Emily Rodriguez"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg", alt: "David Kim"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-girl-beach-close-up-view_23-2147641430.jpg", alt: "Aisha Khalid"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="info" data-section="info">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: MapPin,
|
|
title: "العنوان", value: "مقابل كهرباء الأندلس، شارع الأميرة هيا، عمان، الأردن"},
|
|
{
|
|
id: "m2", icon: Phone,
|
|
title: "رقم الهاتف", value: "+962 7 9121 3502"},
|
|
{
|
|
id: "m3", icon: ShoppingCart,
|
|
title: "تسوق في المتجر", value: "متوفر"},
|
|
{
|
|
id: "m4", icon: Package,
|
|
title: "استلام من المتجر", value: "متوفر"},
|
|
{
|
|
id: "m5", icon: Truck,
|
|
title: "خدمة التوصيل", value: "متوفر"},
|
|
]}
|
|
title="معلومات المتجر والخدمات"
|
|
description="نحن هنا لخدمتكم، سواء في المتجر أو عبر خدمات التوصيل والاستلام."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="تواصل معنا"
|
|
title="نحن هنا لمساعدتك"
|
|
description="للاستفسارات أو المساعدة، لا تتردد في الاتصال بنا. فريقنا مستعد لخدمتك."
|
|
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-travel-set-with-magnifying-glass-map_23-2149554717.jpg"
|
|
imageAlt="Location on Google Maps"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="أدخل بريدك الإلكتروني"
|
|
buttonText="إرسال الرسالة"
|
|
termsText="بالنقر على إرسال، أنت تؤكد موافقتك على شروطنا وأحكامنا."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "روابط سريعة", items: [
|
|
{
|
|
label: "الرئيسية", href: "#hero"},
|
|
{
|
|
label: "عنا", href: "#about"},
|
|
{
|
|
label: "المنتجات", href: "/products-catalog"},
|
|
{
|
|
label: "اتصل بنا", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "المعلومات", items: [
|
|
{
|
|
label: "لماذا نحن", href: "#why-us"},
|
|
{
|
|
label: "الشروط والأحكام", href: "#"},
|
|
{
|
|
label: "سياسة الخصوصية", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "خدمة العملاء", items: [
|
|
{
|
|
label: "الأسئلة الشائعة", href: "#"},
|
|
{
|
|
label: "المساعدة", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2023 مؤسسة أحمد المصري. جميع الحقوق محفوظة."
|
|
bottomRightText="تصميم وتطوير ويبيلد"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |