Update src/app/page.tsx
This commit is contained in:
273
src/app/page.tsx
273
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "الموديلات",
|
||||
id: "models",
|
||||
},
|
||||
name: "الموديلات", id: "models"},
|
||||
{
|
||||
name: "كيف نعمل",
|
||||
id: "how-it-works",
|
||||
},
|
||||
name: "كيف نعمل", id: "how-it-works"},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "contact",
|
||||
},
|
||||
name: "تواصل معنا", id: "contact"},
|
||||
]}
|
||||
brandName="Tablomart"
|
||||
/>
|
||||
@@ -53,63 +45,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="حوّل جدرانك إلى لوحة فنية حيّة"
|
||||
description="تابلومات مطبوعة بتقنية 3D بتصاميم فريدة تناسب كل مساحة"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DjcW7GE3CzGO9zbcVBU9ooEQvw/uploaded-1778799595957-vqirowj4.jpg",
|
||||
alt: "Cinematic wall",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-living-room-with-old-fashioned-elegance-generated-by-ai_188544-39055.jpg",
|
||||
alt: "Luxury living room",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943446.jpg",
|
||||
alt: "Classic interior",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-room-interior-with-classic-design-furniture_23-2150895581.jpg",
|
||||
alt: "3D room interior",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199286.jpg",
|
||||
alt: "Neoclassical style interior",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DjcW7GE3CzGO9zbcVBU9ooEQvw/uploaded-1778799595957-vqirowj4.jpg", alt: "Cinematic wall" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-living-room-with-old-fashioned-elegance-generated-by-ai_188544-39055.jpg", alt: "Luxury living room" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943446.jpg", alt: "Classic interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-room-interior-with-classic-design-furniture_23-2150895581.jpg", alt: "3D room interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199286.jpg", alt: "Neoclassical style interior" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "تصفح النماذج",
|
||||
href: "#models",
|
||||
},
|
||||
{
|
||||
text: "اطلب الآن",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
{ text: "تصفح النماذج", href: "#models" },
|
||||
{ text: "اطلب الآن", href: "https://wa.me/yournumber" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "دقة عالية",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "تصاميم عصرية",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "تركيب سهل",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "خامات متينة",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "شحن سريع",
|
||||
},
|
||||
{ type: "text", text: "دقة عالية" },
|
||||
{ type: "text", text: "تصاميم عصرية" },
|
||||
{ type: "text", text: "تركيب سهل" },
|
||||
{ type: "text", text: "خامات متينة" },
|
||||
{ type: "text", text: "شحن سريع" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,9 +74,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="ما هي التابلومات المطبوعة؟"
|
||||
buttons={[
|
||||
{
|
||||
text: "اكتشف المزيد",
|
||||
},
|
||||
{ text: "اكتشف المزيد" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,42 +86,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "تصميم هندسي",
|
||||
price: "150 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-purple-square-mosaic-textural-background_1258-69255.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "نمط إسلامي",
|
||||
price: "200 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943439.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "نسيج الطبيعة",
|
||||
price: "180 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beige-dried-leaf-pattern-wallpaper_53876-94651.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "فخامة مينيمال",
|
||||
price: "220 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-serrated-leaf-with-dark-red-purple-hues_84443-94353.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "إضاءة LED",
|
||||
price: "300 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-black-stools-beside-pedestal-tables-benches-inside-cafe_181624-2141.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "تجريد الموجات",
|
||||
price: "190 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-14127.jpg",
|
||||
},
|
||||
{ id: "1", name: "تصميم هندسي", price: "150 SAR", imageSrc: "http://img.b2bpic.net/free-photo/bright-purple-square-mosaic-textural-background_1258-69255.jpg" },
|
||||
{ id: "2", name: "نمط إسلامي", price: "200 SAR", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943439.jpg" },
|
||||
{ id: "3", name: "نسيج الطبيعة", price: "180 SAR", imageSrc: "http://img.b2bpic.net/free-photo/beige-dried-leaf-pattern-wallpaper_53876-94651.jpg" },
|
||||
{ id: "4", name: "فخامة مينيمال", price: "220 SAR", imageSrc: "http://img.b2bpic.net/free-photo/close-up-serrated-leaf-with-dark-red-purple-hues_84443-94353.jpg" },
|
||||
{ id: "5", name: "إضاءة LED", price: "300 SAR", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-black-stools-beside-pedestal-tables-benches-inside-cafe_181624-2141.jpg" },
|
||||
{ id: "6", name: "تجريد الموجات", price: "190 SAR", imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-14127.jpg" },
|
||||
]}
|
||||
title="معرض التصاميم"
|
||||
description="اكتشف تشكيلتنا من التصاميم العصرية"
|
||||
@@ -180,21 +103,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "جودة طباعة فائقة",
|
||||
description: "دقة عالية في التفاصيل والتصاميم",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-geometric-pattern-orange-yellow-red-stoneware-mosaic-texture-background-modern-style-wall-background_1258-72196.jpg",
|
||||
},
|
||||
{
|
||||
title: "وزن خفيف",
|
||||
description: "سهلة التركيب في أي مكان",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-paint-background_1409-1337.jpg",
|
||||
},
|
||||
{
|
||||
title: "تصاميم مخصصة",
|
||||
description: "ألوان وأحجام تناسب ذوقك الخاص",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-geometric-pattern-orange-yellow-red-stoneware-mosaic-texture-background-modern-style-wall-background_1258-69220.jpg",
|
||||
},
|
||||
{ title: "جودة طباعة فائقة", description: "دقة عالية في التفاصيل والتصاميم", imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-geometric-pattern-orange-yellow-red-stoneware-mosaic-texture-background-modern-style-wall-background_1258-72196.jpg" },
|
||||
{ title: "وزن خفيف", description: "سهلة التركيب في أي مكان", imageSrc: "http://img.b2bpic.net/free-photo/grunge-paint-background_1409-1337.jpg" },
|
||||
{ title: "تصاميم مخصصة", description: "ألوان وأحجام تناسب ذوقك الخاص", imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-geometric-pattern-orange-yellow-red-stoneware-mosaic-texture-background-modern-style-wall-background_1258-69220.jpg" },
|
||||
]}
|
||||
title="لماذا تختار تابلوماتنا؟"
|
||||
description="مميزات تقنية 3D المتقدمة"
|
||||
@@ -206,21 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "أحجام متنوعة",
|
||||
description: "صغير، متوسط، كبير",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-smooth-light-pink-studio-room-background-use-as-montage-product-display-banner-template_1258-63827.jpg",
|
||||
},
|
||||
{
|
||||
title: "ألوان متعددة",
|
||||
description: "أبيض، أسود، ذهبي، أخضر",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-smooth-light-pink-studio-room-background-use-as-montage-product-display-banner-template_1258-71741.jpg",
|
||||
},
|
||||
{
|
||||
title: "قوة النسيج",
|
||||
description: "خفيف، متوسط، بارز",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-smooth-light-pink-studio-room-background-use-as-montage-product-display-banner-template_1258-72530.jpg",
|
||||
},
|
||||
{ title: "أحجام متنوعة", description: "صغير، متوسط، كبير", imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-smooth-light-pink-studio-room-background-use-as-montage-product-display-banner-template_1258-63827.jpg" },
|
||||
{ title: "ألوان متعددة", description: "أبيض، أسود، ذهبي، أخضر", imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-smooth-light-pink-studio-room-background-use-as-montage-product-display-banner-template_1258-71741.jpg" },
|
||||
{ title: "قوة النسيج", description: "خفيف، متوسط، بارز", imageSrc: "http://img.b2bpic.net/free-photo/abstract-empty-smooth-light-pink-studio-room-background-use-as-montage-product-display-banner-template_1258-72530.jpg" },
|
||||
]}
|
||||
title="صمم مساحتك الخاصة"
|
||||
description="اختر الأبعاد والألوان التي تناسب منزلك"
|
||||
@@ -232,21 +131,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "1. اختر التصميم",
|
||||
description: "تصفح موديلاتنا واختار المفضل عندك",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loft-authentic-dining-room-interior-design-with-picture-frame_53876-111114.jpg",
|
||||
},
|
||||
{
|
||||
title: "2. اختر الأبعاد",
|
||||
description: "حدد اللون والحجم المثالي لجدارك",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg",
|
||||
},
|
||||
{
|
||||
title: "3. استلم الطلب",
|
||||
description: "نوصل المنتج لباب البيت بكل سرعة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg",
|
||||
},
|
||||
{ title: "1. اختر التصميم", description: "تصفح موديلاتنا واختار المفضل عندك", imageSrc: "http://img.b2bpic.net/free-photo/loft-authentic-dining-room-interior-design-with-picture-frame_53876-111114.jpg" },
|
||||
{ title: "2. اختر الأبعاد", description: "حدد اللون والحجم المثالي لجدارك", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg" },
|
||||
{ title: "3. استلم الطلب", description: "نوصل المنتج لباب البيت بكل سرعة", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg" },
|
||||
]}
|
||||
title="كيف تبدأ؟"
|
||||
description="خطوات بسيطة للحصول على تابلومك"
|
||||
@@ -258,21 +145,9 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "غرف المعيشة",
|
||||
description: "لمسة عصرية لأرقى الصالات",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DjcW7GE3CzGO9zbcVBU9ooEQvw/uploaded-1778799595957-uaputysf.jpg",
|
||||
},
|
||||
{
|
||||
title: "الكافيهات",
|
||||
description: "جذب الأنظار بتصاميم مميزة",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DjcW7GE3CzGO9zbcVBU9ooEQvw/uploaded-1778799595957-kh7b4d5z.jpg",
|
||||
},
|
||||
{
|
||||
title: "المكاتب",
|
||||
description: "بيئة عمل ملهمة وأنيقة",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DjcW7GE3CzGO9zbcVBU9ooEQvw/uploaded-1778799595957-hjyd6w6s.jpg",
|
||||
},
|
||||
{ title: "غرف المعيشة", description: "لمسة عصرية لأرقى الصالات", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DjcW7GE3CzGO9zbcVBU9ooEQvw/uploaded-1778799595957-uaputysf.jpg" },
|
||||
{ title: "الكافيهات", description: "جذب الأنظار بتصاميم مميزة", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DjcW7GE3CzGO9zbcVBU9ooEQvw/uploaded-1778799595957-kh7b4d5z.jpg" },
|
||||
{ title: "المكاتب", description: "بيئة عمل ملهمة وأنيقة", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DjcW7GE3CzGO9zbcVBU9ooEQvw/uploaded-1778799595957-hjyd6w6s.jpg" },
|
||||
]}
|
||||
title="إلهام من مساحات حقيقية"
|
||||
description="صور واقعية لتصاميمنا في منازل وكافيهات"
|
||||
@@ -283,48 +158,15 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
description="آراء عملائنا الكرام"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "أحمد علي",
|
||||
role: "مستخدم",
|
||||
company: "عميل",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-young-man-sitting-cafe-talking-friend-mobile-phone-with-wireless-earphones-laughing-smiling-listening-funny-podcast_1258-314334.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "سارة حمد",
|
||||
role: "مستخدم",
|
||||
company: "عميل",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695959.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "خالد محمد",
|
||||
role: "مستخدم",
|
||||
company: "عميل",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-photo-frames-arrangement-table_23-2149454915.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "ليلى يوسف",
|
||||
role: "مستخدم",
|
||||
company: "عميل",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-6353.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "محمد حسن",
|
||||
role: "مستخدم",
|
||||
company: "عميل",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151152270.jpg",
|
||||
},
|
||||
{ id: "1", name: "أحمد علي", role: "مستخدم", company: "عميل", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-young-man-sitting-cafe-talking-friend-mobile-phone-with-wireless-earphones-laughing-smiling-listening-funny-podcast_1258-314334.jpg" },
|
||||
{ id: "2", name: "سارة حمد", role: "مستخدم", company: "عميل", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695959.jpg" },
|
||||
{ id: "3", name: "خالد محمد", role: "مستخدم", company: "عميل", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-photo-frames-arrangement-table_23-2149454915.jpg" },
|
||||
{ id: "4", name: "ليلى يوسف", role: "مستخدم", company: "عميل", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-6353.jpg" },
|
||||
{ id: "5", name: "محمد حسن", role: "مستخدم", company: "عميل", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151152270.jpg" },
|
||||
]}
|
||||
title="ماذا قال عملاؤنا؟"
|
||||
/>
|
||||
@@ -334,8 +176,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="ابدأ الآن"
|
||||
title="ابدأ تصميم مساحتك الآن"
|
||||
description="اطلب استشارة مجانية اليوم"
|
||||
@@ -347,29 +188,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Tablomart",
|
||||
items: [
|
||||
{
|
||||
label: "إنستغرام",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "واتساب",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
title: "Tablomart", items: [
|
||||
{ label: "إنستغرام", href: "#" },
|
||||
{ label: "واتساب", href: "https://wa.me/yournumber" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "الموديلات",
|
||||
href: "#models",
|
||||
},
|
||||
title: "روابط سريعة", items: [
|
||||
{ label: "الرئيسية", href: "#hero" },
|
||||
{ label: "الموديلات", href: "#models" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user