Merge version_4 into main #3
207
src/app/page.tsx
207
src/app/page.tsx
@@ -3,16 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { MapPin, ShoppingBag, Users } from "lucide-react";
|
||||
import { MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,14 +26,8 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "عن الشركة", id: "about"},
|
||||
{
|
||||
name: "خدماتنا", id: "features"},
|
||||
{
|
||||
name: "تواصل معنا", id: "contact"},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "تواصل معنا", id: "contact" },
|
||||
]}
|
||||
brandName="الفاروق للتسوق"
|
||||
/>
|
||||
@@ -47,182 +35,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="الفاروق للتسوق – وجهتك الأولى للتميز"
|
||||
description="تجربة تسوق فريدة تجمع بين الجودة العالمية والأسعار التنافسية. نحن هنا لنقدم لك الأفضل دائماً."
|
||||
buttons={[
|
||||
{
|
||||
text: "تسوق الآن", href: "#features"},
|
||||
]}
|
||||
buttons={[{ text: "تواصل معنا", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indoor-hotel-view_1417-1566.jpg"
|
||||
imageAlt="تجربة تسوق الفاروق"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-shopping-bags-mall-against-mannequins-showwindow_627829-8550.jpg", alt: "متسوق سعيد"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-retail-store_1203-8734.jpg", alt: "متسوق سعيد"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/seller-shows-client-exclusive-men-s-watch-standing-open-showcase-luxury-jewelry-store_613910-20411.jpg", alt: "متسوق سعيد"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-women-looking-something-phone_23-2149122959.jpg", alt: "متسوق سعيد"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-billboard-manikins_23-2148225582.jpg", alt: "متسوق سعيد"},
|
||||
]}
|
||||
avatarText="أكثر من 50,000 عميل سعيد"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "جودة عالمية"},
|
||||
{
|
||||
type: "text", text: "توصيل سريع"},
|
||||
{
|
||||
type: "text", text: "أمان تام"},
|
||||
{
|
||||
type: "text", text: "أسعار تنافسية"},
|
||||
{
|
||||
type: "text", text: "دعم 24/7"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split-actions"
|
||||
useInvertedBackground={false}
|
||||
title="نعتز بثقتكم ونلتزم بالجودة"
|
||||
description="في الفاروق للتسوق، نؤمن بأن كل عميل يستحق تجربة استثنائية. بدأنا لنغير مفهوم التسوق المحلي من خلال توفير منتجات مختارة بعناية تلبي كافة احتياجاتك اليومية. اكتشف كيف نضع احتياجاتك في صدارة أولوياتنا مع التزامنا الدائم بتقديم أفضل الخدمات."
|
||||
buttons={[
|
||||
{
|
||||
text: "تعرف على ميزاتنا", href: "#features"
|
||||
}
|
||||
]}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "جودة لا تضاهى", description: "منتجاتنا تمر عبر اختبارات جودة دقيقة لضمان رضاكم."},
|
||||
{
|
||||
title: "توصيل سريع", description: "نوفر خدمات شحن وتوصيل تغطي كافة المناطق بفاعلية."},
|
||||
{
|
||||
title: "أسعار تنافسية", description: "نقدم أفضل العروض والأسعار التي تناسب ميزانيتكم."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg"
|
||||
imageAlt="عن الفاروق للتسوق"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "تنوع المنتجات", subtitle: "تشكيلة واسعة من الاحتياجات", category: "تنوع", value: "1000+", buttons: [
|
||||
{
|
||||
text: "عرض المنتجات", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2", title: "دعم فني مستمر", subtitle: "نحن هنا لخدمتك 24/7", category: "دعم", value: "100%", buttons: [
|
||||
{
|
||||
text: "تواصل معنا", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3", title: "أمان الدفع", subtitle: "خيارات دفع آمنة ومتنوعة", category: "أمان", value: "مضمون", buttons: [
|
||||
{
|
||||
text: "سياسة الأمان", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="ما يميزنا في الفاروق"
|
||||
description="نقدم لكم خدمات تسوق متكاملة تضمن الراحة والأمان في كل عملية شراء."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", title: "عميل سعيد", value: "50,000+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2", title: "منتج متميز", value: "15,000+", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m3", title: "مدينة نخدمها", value: "40+", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
title="أرقام تعكس نجاحنا معكم"
|
||||
description="فخورون بالثقة التي منحتمونا إياها على مدار السنوات الماضية."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"العلامة 1", "العلامة 2", "العلامة 3", "العلامة 4", "العلامة 5", "العلامة 6", "العلامة 7"]}
|
||||
title="شركاؤنا في النجاح"
|
||||
description="نعمل مع كبرى العلامات التجارية العالمية لضمان تقديم أجود المنتجات."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="تجربة شراء رائعة، التوصيل كان سريعاً والمنتجات مطابقة للوصف تماماً. بالتأكيد سأعود للتسوق من جديد."
|
||||
rating={5}
|
||||
author="أحمد السالم"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg", alt: "أحمد السالم"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-lovely-woman-holding-shopping-bags_1262-5665.jpg", alt: "سارة محمد"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-girl-with-shopping-bags_23-2148225670.jpg", alt: "خالد عمر"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-young-man-with-red-hair-glasses-walking-with-shopping-bag-looking-his-shoulder-w_1258-147167.jpg", alt: "نورة العلي"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "عمر الفاروق"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "كيف يمكنني تتبع طلبي؟", content: "يمكنك تتبع طلبك بسهولة من خلال لوحة تحكم حسابك باستخدام رقم التتبع المرسل لك."},
|
||||
{
|
||||
id: "q2", title: "ما هي سياسة الاسترجاع؟", content: "نوفر سياسة استرجاع مرنة خلال 14 يوماً من استلام المنتج بشرط أن يكون بحالته الأصلية."},
|
||||
{
|
||||
id: "q3", title: "هل يتوفر شحن دولي؟", content: "نعم، نوفر خدمات الشحن الدولي للعديد من الدول حول العالم."},
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
description="هل لديك استفسار؟ ربما تجد الإجابة هنا."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="تواصل معنا"
|
||||
title="ابقى على اطلاع بجديدنا"
|
||||
description="اشترك في قائمتنا البريدية لتكون أول من يعرف عن عروضنا الحصرية وخصوماتنا القادمة."
|
||||
title="موقعنا الجغرافي"
|
||||
description="يسعدنا استقبالكم في مقرنا. تفضلوا بزيارتنا عبر الرابط أدناه للحصول على الاتجاهات."
|
||||
/>
|
||||
<div className="flex justify-center p-8">
|
||||
<a href="https://maps.app.goo.gl/1f7TjMGK9gH1M3SP6" target="_blank" className="flex items-center gap-2 text-lg font-semibold hover:text-primary-cta">
|
||||
<MapPin />
|
||||
اضغط هنا للتوجه لموقعنا الجغرافي
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
@@ -232,18 +67,8 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة", items: [
|
||||
{
|
||||
label: "الرئيسية", href: "#hero"},
|
||||
{
|
||||
label: "عن الشركة", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "الدعم", items: [
|
||||
{
|
||||
label: "الأسئلة الشائعة", href: "#faq"},
|
||||
{
|
||||
label: "تواصل معنا", href: "#contact"},
|
||||
{ label: "الرئيسية", href: "#hero" },
|
||||
{ label: "تواصل معنا", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user