Update src/app/page.tsx
This commit is contained in:
211
src/app/page.tsx
211
src/app/page.tsx
@@ -12,7 +12,7 @@ import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Diamond, Quote, RotateCcw, ShieldCheck, Sparkles, Star, Truck, Wrench } from "lucide-react";
|
||||
import { Diamond, Quote, RotateCcw, ShieldCheck, Sparkles, Star, Truck, Wrench, Users, Award, Clock } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,42 +33,30 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "الرئيسية", id: "#hero"},
|
||||
{
|
||||
name: "المتجر",
|
||||
id: "#products",
|
||||
},
|
||||
name: "المتجر", id: "#products"},
|
||||
{
|
||||
name: "من نحن",
|
||||
id: "#about",
|
||||
},
|
||||
name: "من نحن", id: "#about"},
|
||||
{
|
||||
name: "اتصل بنا",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "اتصل بنا", id: "#contact"},
|
||||
]}
|
||||
brandName="موبيليا"
|
||||
button={{ text: "تواصل معنا", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
variant: "downward-rays-animated"}}
|
||||
logoText="أثث منزلك"
|
||||
description="نقدم لك أثاثًا فاخرًا وعصريًا يحول منزلك إلى مساحة أحلامك. اكتشف مجموعتنا المختارة بعناية لتجربة تسوق لا تُنسى."
|
||||
buttons={[
|
||||
{
|
||||
text: "تسوق الآن 🛋️",
|
||||
href: "#products",
|
||||
},
|
||||
text: "تسوق الآن 🛋️", href: "#products"},
|
||||
{
|
||||
text: "من نحن",
|
||||
href: "#about",
|
||||
},
|
||||
text: "من نحن", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-modern-photorealistic-lamp_23-2151039001.jpg"
|
||||
@@ -85,24 +73,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Truck,
|
||||
title: "توصيل مجاني",
|
||||
description: "نقدم خدمة توصيل مجانية وسريعة لجميع طلبات الأثاث إلى باب منزلك.",
|
||||
},
|
||||
title: "توصيل مجاني", description: "نقدم خدمة توصيل مجانية وسريعة لجميع طلبات الأثاث إلى باب منزلك."},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "تركيب احترافي",
|
||||
description: "فريقنا المتخصص يقوم بتركيب أثاثك بكفاءة ودقة لضمان راحتك.",
|
||||
},
|
||||
title: "تركيب احترافي", description: "فريقنا المتخصص يقوم بتركيب أثاثك بكفاءة ودقة لضمان راحتك."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "ضمان الجودة",
|
||||
description: "استمتع بضمان لمدة 5 سنوات على جميع منتجاتنا، لراحة بال تامة.",
|
||||
},
|
||||
title: "ضمان الجودة", description: "استمتع بضمان لمدة 5 سنوات على جميع منتجاتنا، لراحة بال تامة."},
|
||||
{
|
||||
icon: RotateCcw,
|
||||
title: "سياسة إرجاع",
|
||||
description: "يمكنك إرجاع المنتجات خلال 30 يومًا من تاريخ الشراء، بكل سهولة ويسر.",
|
||||
},
|
||||
title: "سياسة إرجاع", description: "يمكنك إرجاع المنتجات خلال 30 يومًا من تاريخ الشراء، بكل سهولة ويسر."},
|
||||
]}
|
||||
title="لماذا تختار موبيليا؟"
|
||||
description="نلتزم بتقديم أفضل تجربة تسوق لعملائنا، بدءًا من جودة المنتجات وصولاً إلى خدمة ما بعد البيع."
|
||||
@@ -118,47 +98,17 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "prod1",
|
||||
name: "كنب كلاسيك ملكي",
|
||||
price: "6,500 ر.س",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-provence-living-room-with-vintage-brown-sofa-near-fireplace-with-flowers-candles_8353-8480.jpg",
|
||||
imageAlt: "كنب كلاسيك ملكي فاخر",
|
||||
},
|
||||
id: "prod1", name: "كنب كلاسيك ملكي", price: "6,500 ر.س", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-provence-living-room-with-vintage-brown-sofa-near-fireplace-with-flowers-candles_8353-8480.jpg", imageAlt: "كنب كلاسيك ملكي فاخر"},
|
||||
{
|
||||
id: "prod2",
|
||||
name: "كنب عصري رمادي",
|
||||
price: "4,200 ر.س",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sofa-by-tiled-wall_53876-88579.jpg",
|
||||
imageAlt: "كنب عصري أنيق باللون الرمادي",
|
||||
},
|
||||
id: "prod2", name: "كنب عصري رمادي", price: "4,200 ر.س", imageSrc: "http://img.b2bpic.net/free-photo/sofa-by-tiled-wall_53876-88579.jpg", imageAlt: "كنب عصري أنيق باللون الرمادي"},
|
||||
{
|
||||
id: "prod3",
|
||||
name: "ركنة مودرن فخمة",
|
||||
price: "7,800 ر.س",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-14311.jpg",
|
||||
imageAlt: "ركنة مودرن بتصميم فخم",
|
||||
},
|
||||
id: "prod3", name: "ركنة مودرن فخمة", price: "7,800 ر.س", imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-14311.jpg", imageAlt: "ركنة مودرن بتصميم فخم"},
|
||||
{
|
||||
id: "prod4",
|
||||
name: "كرسي طعام جلدي",
|
||||
price: "850 ر.س",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-wooden-chair-interior-room-interior-style-concept_169016-65255.jpg",
|
||||
imageAlt: "كرسي طعام بتصميم جلدي",
|
||||
},
|
||||
id: "prod4", name: "كرسي طعام جلدي", price: "850 ر.س", imageSrc: "http://img.b2bpic.net/free-photo/stylish-wooden-chair-interior-room-interior-style-concept_169016-65255.jpg", imageAlt: "كرسي طعام بتصميم جلدي"},
|
||||
{
|
||||
id: "prod5",
|
||||
name: "كنب بوهيمي ملون",
|
||||
price: "3,900 ر.س",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361901.jpg",
|
||||
imageAlt: "كنب بوهيمي بألوان زاهية",
|
||||
},
|
||||
id: "prod5", name: "كنب بوهيمي ملون", price: "3,900 ر.س", imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-furniture-inspired-by-fruits-vegetables_23-2151361901.jpg", imageAlt: "كنب بوهيمي بألوان زاهية"},
|
||||
{
|
||||
id: "prod6",
|
||||
name: "طقم جلوس كامل",
|
||||
price: "12,000 ر.س",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-arrangement-with-invitations-ornaments_23-2148289700.jpg",
|
||||
imageAlt: "طقم جلوس متكامل لغرفة المعيشة",
|
||||
},
|
||||
id: "prod6", name: "طقم جلوس كامل", price: "12,000 ر.س", imageSrc: "http://img.b2bpic.net/free-photo/wedding-arrangement-with-invitations-ornaments_23-2148289700.jpg", imageAlt: "طقم جلوس متكامل لغرفة المعيشة"},
|
||||
]}
|
||||
title="منتجاتنا الأكثر مبيعًا"
|
||||
description="اكتشف مجموعتنا الواسعة من الأثاث الفاخر الذي يجمع بين الجودة العالية والتصاميم المبتكرة."
|
||||
@@ -173,40 +123,19 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "عرض محدود",
|
||||
badgeIcon: Sparkles,
|
||||
price: "خصم 20%",
|
||||
subtitle: "على الأثاث الكلاسيكي",
|
||||
features: [
|
||||
"كنب، طاولات، كراسي",
|
||||
"توصيل مجاني",
|
||||
"ضمان سنة واحدة",
|
||||
],
|
||||
id: "basic", badge: "عرض محدود", badgeIcon: Sparkles,
|
||||
price: "خصم 20%", subtitle: "على الأثاث الكلاسيكي", features: [
|
||||
"كنب، طاولات، كراسي", "توصيل مجاني", "ضمان سنة واحدة"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "الأكثر شيوعًا",
|
||||
badgeIcon: Star,
|
||||
price: "خصم 25%",
|
||||
subtitle: "على الأثاث العصري",
|
||||
features: [
|
||||
"ركنات، غرف نوم، مكاتب",
|
||||
"توصيل وتركيب مجاني",
|
||||
"ضمان سنتين",
|
||||
],
|
||||
id: "pro", badge: "الأكثر شيوعًا", badgeIcon: Star,
|
||||
price: "خصم 25%", subtitle: "على الأثاث العصري", features: [
|
||||
"ركنات، غرف نوم، مكاتب", "توصيل وتركيب مجاني", "ضمان سنتين"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "باقة VIP",
|
||||
badgeIcon: Diamond,
|
||||
price: "خصم 30%",
|
||||
subtitle: "على أطقم الأثاث الكاملة",
|
||||
features: [
|
||||
"جميع منتجات موبيليا",
|
||||
"تصميم داخلي مجاني",
|
||||
"ضمان 5 سنوات",
|
||||
],
|
||||
id: "premium", badge: "باقة VIP", badgeIcon: Diamond,
|
||||
price: "خصم 30%", subtitle: "على أطقم الأثاث الكاملة", features: [
|
||||
"جميع منتجات موبيليا", "تصميم داخلي مجاني", "ضمان 5 سنوات"],
|
||||
},
|
||||
]}
|
||||
title="عروض حصرية"
|
||||
@@ -223,28 +152,16 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
title: "منتج مباع",
|
||||
description: "تجاوزنا حاجز 15,000 قطعة أثاث بيعت بنجاح.",
|
||||
id: "m1", value: "15,000+", title: "منتج مباع", description: "تجاوزنا حاجز 15,000 قطعة أثاث بيعت بنجاح.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "عميل راضٍ",
|
||||
description: "نفتخر بثقة أكثر من 500 عميل سعيد بخدماتنا ومنتجاتنا.",
|
||||
id: "m2", value: "500+", title: "عميل راضٍ", description: "نفتخر بثقة أكثر من 500 عميل سعيد بخدماتنا ومنتجاتنا.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5⭐",
|
||||
title: "متوسط التقييم",
|
||||
description: "نحافظ على أعلى معايير الجودة بتقييم 5 نجوم من عملائنا.",
|
||||
id: "m3", value: "5⭐", title: "متوسط التقييم", description: "نحافظ على أعلى معايير الجودة بتقييم 5 نجوم من عملائنا.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "12",
|
||||
title: "سنة خبرة",
|
||||
description: "أكثر من عقد من الخبرة في عالم الأثاث الفاخر والتصميم الداخلي.",
|
||||
id: "m4", value: "12", title: "سنة خبرة", description: "أكثر من عقد من الخبرة في عالم الأثاث الفاخر والتصميم الداخلي.", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="إحصائيات النجاح"
|
||||
@@ -260,49 +177,19 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "سارة المحمد",
|
||||
role: "ربة منزل",
|
||||
testimonial: "أثاث موبيليا فاق توقعاتي، جودة عالية وتصميم يضفي فخامة لا مثيل لها على منزلي. خدمة التوصيل والتركيب كانت ممتازة وسريعة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman_23-2149003095.jpg",
|
||||
imageAlt: "صورة سارة المحمد",
|
||||
icon: Quote,
|
||||
id: "t1", name: "سارة المحمد", role: "ربة منزل", testimonial: "أثاث موبيليا فاق توقعاتي، جودة عالية وتصميم يضفي فخامة لا مثيل لها على منزلي. خدمة التوصيل والتركيب كانت ممتازة وسريعة.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman_23-2149003095.jpg", imageAlt: "صورة سارة المحمد", icon: Quote,
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "أحمد الزهراني",
|
||||
role: "مدير شركة",
|
||||
testimonial: "مجموعة موبيليا من الأثاث المكتبي كانت الخيار الأمثل. تصميم عصري ومريح، وقد غيرت أجواء مكتبي بالكامل. فريق العمل متعاون جداً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
||||
imageAlt: "صورة أحمد الزهراني",
|
||||
icon: Quote,
|
||||
id: "t2", name: "أحمد الزهراني", role: "مدير شركة", testimonial: "مجموعة موبيليا من الأثاث المكتبي كانت الخيار الأمثل. تصميم عصري ومريح، وقد غيرت أجواء مكتبي بالكامل. فريق العمل متعاون جداً.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", imageAlt: "صورة أحمد الزهراني", icon: Quote,
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "ليلى الفهد",
|
||||
role: "مصممة داخلية",
|
||||
testimonial: "أعتمد على موبيليا في مشاريعي لتنوع تصاميمهم وجودة الخامات. عميلاتي يعشقن قطع الأثاث التي نختارها من عندهم.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-trench-coat-laughing-with-closed-eyes_197531-19716.jpg",
|
||||
imageAlt: "صورة ليلى الفهد",
|
||||
icon: Quote,
|
||||
id: "t3", name: "ليلى الفهد", role: "مصممة داخلية", testimonial: "أعتمد على موبيليا في مشاريعي لتنوع تصاميمهم وجودة الخامات. عميلاتي يعشقن قطع الأثاث التي نختارها من عندهم.", imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-trench-coat-laughing-with-closed-eyes_197531-19716.jpg", imageAlt: "صورة ليلى الفهد", icon: Quote,
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "خالد المنصور",
|
||||
role: "رجل أعمال",
|
||||
testimonial: "بصراحة، تجربة الشراء من موبيليا كانت سلسة وممتعة. أجد دائماً ما يناسب ذوقي الرفيع، والضمان يعطيني ثقة تامة بالمنتج.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108956.jpg",
|
||||
imageAlt: "صورة خالد المنصور",
|
||||
icon: Quote,
|
||||
id: "t4", name: "خالد المنصور", role: "رجل أعمال", testimonial: "بصراحة، تجربة الشراء من موبيليا كانت سلسة وممتعة. أجد دائماً ما يناسب ذوقي الرفيع، والضمان يعطيني ثقة تامة بالمنتج.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108956.jpg", imageAlt: "صورة خالد المنصور", icon: Quote,
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "نوف العلي",
|
||||
role: "مهندسة ديكور",
|
||||
testimonial: "الاهتمام بالتفاصيل في أثاث موبيليا لا يُصدق. كل قطعة فنية بحد ذاتها، وتضفي لمسة خاصة على أي مساحة. أوصي بهم بشدة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-sofa_329181-4317.jpg",
|
||||
imageAlt: "صورة نوف العلي",
|
||||
icon: Quote,
|
||||
id: "t5", name: "نوف العلي", role: "مهندسة ديكور", testimonial: "الاهتمام بالتفاصيل في أثاث موبيليا لا يُصدق. كل قطعة فنية بحد ذاتها، وتضفي لمسة خاصة على أي مساحة. أوصي بهم بشدة.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-sofa_329181-4317.jpg", imageAlt: "صورة نوف العلي", icon: Quote,
|
||||
},
|
||||
]}
|
||||
title="ماذا يقول عملاؤنا"
|
||||
@@ -315,14 +202,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r3hdy0",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x93xqr",
|
||||
"http://img.b2bpic.net/free-vector/furniture-logo-collection_23-2148628555.jpg",
|
||||
"http://img.b2bpic.net/free-photo/top-view-composition-with-art-concept_23-2148023611.jpg",
|
||||
"http://img.b2bpic.net/free-vector/hand-drawn-interior-design-template_23-2149634399.jpg",
|
||||
"http://img.b2bpic.net/free-photo/top-view-eco-friendly-sign-grass_23-2148576687.jpg",
|
||||
"http://img.b2bpic.net/free-photo/badge-banner-diamond-frame-blank-copy-space_53876-132274.jpg",
|
||||
]}
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r3hdy0", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x93xqr", "http://img.b2bpic.net/free-vector/furniture-logo-collection_23-2148628555.jpg", "http://img.b2bpic.net/free-photo/top-view-composition-with-art-concept_23-2148023611.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-interior-design-template_23-2149634399.jpg", "http://img.b2bpic.net/free-photo/top-view-eco-friendly-sign-grass_23-2148576687.jpg", "http://img.b2bpic.net/free-photo/badge-banner-diamond-frame-blank-copy-space_53876-132274.jpg"]}
|
||||
title="شركاء النجاح"
|
||||
description="نحن فخورون بالعمل مع كبرى الشركات والمؤسسات لتقديم أفضل حلول الأثاث والديكور."
|
||||
showCard={true}
|
||||
@@ -333,16 +213,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="تواصل معنا"
|
||||
title="اشترك في نشرتنا البريدية"
|
||||
description="كن أول من يعلم عن أحدث مجموعاتنا، عروضنا الحصرية، ونصائح الديكور."
|
||||
buttons={[
|
||||
{
|
||||
text: "اشترك الآن",
|
||||
href: "#",
|
||||
},
|
||||
text: "اشترك الآن", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -352,13 +229,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="موبيليا"
|
||||
leftLink={{
|
||||
text: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
}}
|
||||
text: "سياسة الخصوصية", href: "#"}}
|
||||
rightLink={{
|
||||
text: "الشروط والأحكام",
|
||||
href: "#",
|
||||
}}
|
||||
text: "الشروط والأحكام", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user