bender/14df9bf6-fcd2-4d97-94de-45775cc81200
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_5 into main

Browse Source 
Merge version_5 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-05-19 23:39:42 +00:00
parent 96421ac05f 1f6edc21dd
commit d60c94d86a
3 changed files with 50 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

271
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "الرئيسية",
id: "hero",
},
{
name: "الشنط",
id: "products",
},
{
name: "عنا",
id: "about",
},
{
name: "اتصل بنا",
id: "contact",
},
{ name: "الرئيسية", id: "hero" },
{ name: "الشنط", id: "products" },
{ name: "عنا", id: "about" },
{ name: "اتصل بنا", id: "contact" },
]}
brandName="Anfal Shopping"
/>
@@ -55,42 +43,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Anfal Shopping | الرقي يبدأ هنا"
description="تجربة تسوق فاخرة تليق بذوقك الرفيع. اكتشفي أحدث صيحات الموضة من دور الأزياء العالمية."
buttons={[
{
text: "تسوقي الآن",
href: "#products",
},
]}
buttons={[{ text: "تسوقي الآن", href: "#products" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862184.jpg",
imageAlt: "luxury boutique interior mauve",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/winsome-brunette-woman-holding-hangers-with-sparkle-party-clothes_197531-7139.jpg",
imageAlt: "evening dress luxury display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-selecting-accessories-jewelry-section_107420-96188.jpg",
imageAlt: "luxury retail showcase minimalist",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-shopping-second-hand-market_23-2149353684.jpg",
imageAlt: "sophisticated fashion store display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046470.jpg",
imageAlt: "luxury handbag product photography",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mannequins-with-womenswear_1203-830.jpg",
imageAlt: "luxury evening dress boutique",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862184.jpg", imageAlt: "luxury boutique interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/winsome-brunette-woman-holding-hangers-with-sparkle-party-clothes_197531-7139.jpg", imageAlt: "evening dress" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-selecting-accessories-jewelry-section_107420-96188.jpg", imageAlt: "retail showcase" },
{ imageSrc: "http://img.b2bpic.net/free-photo/person-shopping-second-hand-market_23-2149353684.jpg", imageAlt: "fashion display" },
{ imageSrc: "http://img.b2bpic.net/free-photo/small-purse-studio-still-life_23-2151046470.jpg", imageAlt: "handbag photography" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mannequins-with-womenswear_1203-830.jpg", imageAlt: "boutique display" },
]}
/>
</div>
@@ -113,24 +76,8 @@ export default function LandingPage() {
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"تأخير في الشحن التقليدي",
"منتجات غير أصلية",
"خدمة عملاء بطيئة",
"أسعار مبالغ فيها",
"غياب ضمان الجودة",
],
}}
positiveCard={{
items: [
"توصيل فائق السرعة",
"ضمان الجودة والأصالة",
"دعم عملاء حصري 24/7",
"أسعار تنافسية",
"تجربة تسوق آمنة",
],
}}
negativeCard={{ items: ["تأخير في الشحن التقليدي", "منتجات غير أصلية", "خدمة عملاء بطيئة", "أسعار مبالغ فيها", "غياب ضمان الجودة"] }}
positiveCard={{ items: ["توصيل فائق السرعة", "ضمان الجودة والأصالة", "دعم عملاء حصري 24/7", "أسعار تنافسية", "تجربة تسوق آمنة"] }}
title="لماذا تختارين أنفال؟"
description="نقدم مزيجاً فريداً من الفخامة والخدمة الاحترافية التي تستحقينها."
/>
@@ -143,42 +90,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "1",
name: "حقيبة ديور الفاخرة",
price: "12,500 SAR",
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109772.jpg",
},
{
id: "2",
name: "حذاء غوتشي الكلاسيكي",
price: "4,200 SAR",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-stylish-shoes-store_627829-6034.jpg",
},
{
id: "3",
name: "فستان سهرة ملكي",
price: "8,900 SAR",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg",
},
{
id: "4",
name: "حقيبة لويس فيتون",
price: "14,000 SAR",
imageSrc: "http://img.b2bpic.net/free-photo/old-black-background-grunge-texture-dark-wallpaper-blackboard-chalkboard-concrete_1258-79076.jpg",
},
{
id: "5",
name: "حذاء فيندي الأنيق",
price: "5,500 SAR",
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551262.jpg",
},
{
id: "6",
name: "اكسسوارات فاخرة",
price: "2,100 SAR",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-luxurious-arrangement-table_23-2148229209.jpg",
},
{ id: "1", name: "حقيبة ديور الفاخرة", price: "12,500 SAR", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109772.jpg" },
{ id: "2", name: "حذاء غوتشي الكلاسيكي", price: "4,200 SAR", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-stylish-shoes-store_627829-6034.jpg" },
{ id: "3", name: "فستان سهرة ملكي", price: "8,900 SAR", imageSrc: "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg" },
{ id: "4", name: "حقيبة لويس فيتون", price: "14,000 SAR", imageSrc: "http://img.b2bpic.net/free-photo/old-black-background-grunge-texture-dark-wallpaper-blackboard-chalkboard-concrete_1258-79076.jpg" },
{ id: "5", name: "حذاء فيندي الأنيق", price: "5,500 SAR", imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551262.jpg" },
{ id: "6", name: "اكسسوارات فاخرة", price: "2,100 SAR", imageSrc: "http://img.b2bpic.net/free-photo/fashion-luxurious-arrangement-table_23-2148229209.jpg" },
]}
title="مجموعتنا الحصرية"
description="استعرضي أحدث ما وصل من دور الأزياء العالمية المختارة بعناية."
@@ -191,50 +108,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "silver",
name: "الفضية",
price: "999 SAR",
features: [
"خصم 5% دائم",
"توصيل مجاني",
],
buttons: [
{
text: "اشتركي الآن",
},
],
},
{
id: "gold",
name: "الذهبية",
price: "1,999 SAR",
features: [
"خصم 15% دائم",
"توصيل أولوية",
"دعم خاص",
],
buttons: [
{
text: "اشتركي الآن",
},
],
},
{
id: "platinum",
name: "البلاتينية",
price: "3,999 SAR",
features: [
"خصم 25% دائم",
"هدية خاصة",
"دعم حصري 24/7",
],
buttons: [
{
text: "اشتركي الآن",
},
],
},
{ id: "silver", name: "الفضية", price: "999 SAR", features: ["خصم 5% دائم", "توصيل مجاني"], buttons: [{ text: "اشتركي الآن" }] },
{ id: "gold", name: "الذهبية", price: "1,999 SAR", features: ["خصم 15% دائم", "توصيل أولوية", "دعم خاص"], buttons: [{ text: "اشتركي الآن" }] },
{ id: "platinum", name: "البلاتينية", price: "3,999 SAR", features: ["خصم 25% دائم", "هدية خاصة", "دعم حصري 24/7"], buttons: [{ text: "اشتركي الآن" }] },
]}
title="باقات العضوية الحصرية"
description="ارتقي بتجربة تسوقك مع باقاتنا المخصصة للنخبة."
@@ -248,26 +124,11 @@ export default function LandingPage() {
rating={5}
author="سارة المحمد"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
alt: "سارة",
},
{
src: "http://img.b2bpic.net/free-photo/fashion-expert-worker-selecting-variety-trendy-items-client_482257-118401.jpg",
alt: "نورة",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839615.jpg",
alt: "فاطمة",
},
{
src: "http://img.b2bpic.net/free-vector/women-clothing-store-square-flat-isolated-illustration_1284-57418.jpg",
alt: "هند",
},
{
src: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793881.jpg",
alt: "سلوى",
},
{ src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg", alt: "سارة" },
{ src: "http://img.b2bpic.net/free-photo/fashion-expert-worker-selecting-variety-trendy-items-client_482257-118401.jpg", alt: "نورة" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839615.jpg", alt: "فاطمة" },
{ src: "http://img.b2bpic.net/free-vector/women-clothing-store-square-flat-isolated-illustration_1284-57418.jpg", alt: "هند" },
{ src: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793881.jpg", alt: "سلوى" },
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
@@ -278,21 +139,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "هل المنتجات أصلية؟",
content: "نعم، جميع منتجاتنا أصلية 100% ومستوردة مباشرة من الوكلاء المعتمدين.",
},
{
id: "f2",
title: "سياسة الاسترجاع؟",
content: "نوفر سياسة استرجاع مرنة خلال 14 يوماً من استلام الطلب.",
},
{
id: "f3",
title: "كيف أتواصل معكم؟",
content: "يمكنكِ التواصل معنا عبر الواتساب أو البريد الإلكتروني في أي وقت.",
},
{ id: "f1", title: "هل المنتجات أصلية؟", content: "نعم، جميع منتجاتنا أصلية 100% ومستوردة مباشرة من الوكلاء المعتمدين." },
{ id: "f2", title: "سياسة الاسترجاع؟", content: "نوفر سياسة استرجاع مرنة خلال 14 يوماً من استلام الطلب." },
{ id: "f3", title: "كيف أتواصل معكم؟", content: "يمكنكِ التواصل معنا عبر الواتساب أو البريد الإلكتروني في أي وقت." },
]}
sideTitle="أسئلة شائعة"
faqsAnimation="slide-up"
@@ -300,56 +149,26 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactText
<ContactSplit
tag="اتصل بنا"
title="تواصل مع الفخامة"
description="نحن هنا لخدمتكِ دائماً، لا تترددي في التواصل معنا لأي استفسار."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
text="هل لديكِ استفسار؟ نحن هنا لخدمتكِ بكل رقي."
buttons={[
{
text: "تواصل معنا",
href: "#",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/luxury-fashion-store-design_23-2148767980.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "روابط سريعة",
items: [
{
label: "الرئيسية",
href: "#hero",
},
{
label: "المنتجات",
href: "#products",
},
],
},
{
title: "خدمة العملاء",
items: [
{
label: "اتصل بنا",
href: "#contact",
},
{
label: "الأسئلة",
href: "#faq",
},
],
},
]}
<FooterLogoEmphasis
logoText="أنفال شوبينق"
copyrightText="© 2025 Anfal Shopping. جميع الحقوق محفوظة."
columns={[
{ items: [{ label: "الرئيسية", href: "#nav" }, { label: "المنتجات", href: "#products" }] },
{ items: [{ label: "اتصل بنا", href: "#contact" }, { label: "الأسئلة", href: "#faq" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-lato), sans-serif;
font-family: var(--font-montserrat), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-lato), sans-serif;
font-family: var(--font-montserrat), sans-serif;
}

6
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #d6c6ae;
--background: #fdf8fb;
--card: #ffffff;
--foreground: #2d1b2d;
--primary-cta: #4a1e4a;
--primary-cta-text: #e69f9f;
--secondary-cta: #fdf8fb;
--secondary-cta: #e6d7e6;
--secondary-cta-text: #2d1b2d;
--accent: #f129f1;
--background-accent: #e6d7e6;
--background-accent: #fdf8fb;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);