Merge version_2 into main #1
@@ -6,7 +6,6 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
@@ -33,23 +32,23 @@ export default function CustomTShirtPlatformPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="TeeCreator"
|
||||
navItems={[
|
||||
{ name: "البداية", id: "hero" },
|
||||
{ name: "المميزات", id: "features" },
|
||||
{ name: "كيفية العمل", id: "process" },
|
||||
{ name: "تواصل", id: "contact" },
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How it Works", id: "process" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "ابدأ التصميم", href: "#contact" }}
|
||||
button={{ text: "Start Designing", href: "#contact" }}
|
||||
/>
|
||||
<HeroSplitDoubleCarousel
|
||||
title="صمم تشيرتك الخاص ببصمتك الفريدة"
|
||||
description="منصة احترافية تتيح لك تصميم وطباعة ملابسك بجودة عالية، اختر الخامة، اللون، والمقاس واحصل على معاينة فورية قبل الطلب."
|
||||
tag="تصميم أونلاين سريع"
|
||||
title="Design Your Own Unique T-Shirt"
|
||||
description="A professional platform that lets you design and print your clothes with high quality. Choose the fabric, color, and size, and get an instant preview before ordering."
|
||||
tag="Fast Online Design"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "صمم الآن", href: "#contact" },
|
||||
{ text: "استعرض الخامات", href: "#features" },
|
||||
{ text: "Design Now", href: "#contact" },
|
||||
{ text: "Browse Fabrics", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
@@ -65,86 +64,87 @@ export default function CustomTShirtPlatformPage() {
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
<FeatureBento
|
||||
title="خصائص المنصة"
|
||||
description="تجربة مستخدم سهلة لتصميم طباعة الملابس مع أدوات متقدمة للتحكم في كل التفاصيل."
|
||||
title="Platform Features"
|
||||
description="An easy-to-use experience for designing and printing custom clothing with advanced tools to control every detail."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "أداة تصميم تفاعلية", description: "ارفع شعارك أو صورتك الخاصة، عدل الحجم والوضع مباشرة على التشيرت.", bentoComponent: "reveal-icon", icon: Palette,
|
||||
title: "Interactive Design Tool", description: "Upload your own logo or image, adjust size and position directly on the T-shirt.", bentoComponent: "reveal-icon", icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "معاينة فورية", description: "شاهد النتيجة النهائية قبل اعتماد الطلب والدفع.", bentoComponent: "reveal-icon", icon: LayoutGrid,
|
||||
title: "Instant Preview", description: "See the final result before confirming your order and payment.", bentoComponent: "reveal-icon", icon: LayoutGrid,
|
||||
},
|
||||
{
|
||||
title: "خيارات متعددة", description: "اختر بين القطن، البوليستر، أو الخامات الفاخرة مع قائمة ألوان متنوعة.", bentoComponent: "reveal-icon", icon: Shirt,
|
||||
title: "Multiple Options", description: "Choose between cotton, polyester, or premium fabrics with a variety of color options.", bentoComponent: "reveal-icon", icon: Shirt,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FeatureCardTwentySix
|
||||
title="كيف تطلب تشيرتك؟"
|
||||
description="خطوات بسيطة للحصول على تشيرت فريد يعبر عن ذوقك."
|
||||
title="How to Order Your T-Shirt?"
|
||||
description="Simple steps to get a unique T-shirt that matches your style."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "اختر القطعة", description: "حدد لون ونوع الخامة المفضل لديك", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-testing-colours_23-2150538660.jpg" },
|
||||
{ title: "أضف تصميمك", description: "ارفع ملفك أو استخدم الأدوات المدمجة", buttonIcon: Paintbrush, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-computer-make-use-text-video-with-ai_482257-119684.jpg" },
|
||||
{ title: "حدد المقاس", description: "اختر المقاس بدقة من دليل القياسات", buttonIcon: Shirt, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lhs0qv" },
|
||||
{ title: "استلم طلبك", description: "تتبع الشحنة حتى باب منزلك", buttonIcon: Truck, imageSrc: "http://img.b2bpic.net/free-photo/impressed-middle-aged-blonde-delivery-woman-blue-uniform-cap-holding-cardboard-box-head-looking-up-isolated-pink-wall_141793-112380.jpg" },
|
||||
{ title: "Choose Item", description: "Select your favorite color and fabric type", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-testing-colours_23-2150538660.jpg" },
|
||||
{ title: "Add Your Design", description: "Upload your file or use the built-in tools", buttonIcon: Paintbrush, imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-using-computer-make-use-text-video-with-ai_482257-119684.jpg" },
|
||||
{ title: "Set Size", description: "Select the size carefully from our size guide", buttonIcon: Shirt, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lhs0qv" },
|
||||
{ title: "Get Your Order", description: "Track the shipment until it arrives at your doorstep", buttonIcon: Truck, imageSrc: "http://img.b2bpic.net/free-photo/impressed-middle-aged-blonde-delivery-woman-blue-uniform-cap-holding-cardboard-box-head-looking-up-isolated-pink-wall_141793-112380.jpg" },
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardFifteen
|
||||
testimonial="بصراحة، لم أتوقع أن يكون التصميم بهذه السهولة والجودة. التشيرت وصلني تماماً كما صممته على الموقع!"
|
||||
testimonial="Honestly, I didn't expect the design process to be this easy and high-quality. The T-shirt arrived exactly as I designed it on the site!"
|
||||
rating={5}
|
||||
author="— أحمد محمد، مصمم جرافيك"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "User" }]}
|
||||
author="— Ahmed Mohamed, Graphic Designer"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "User" }]
|
||||
}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<MetricCardOne
|
||||
title="أرقام تعكس جودتنا"
|
||||
description="ثقة الآلاف في خدماتنا للطباعة حسب الطلب."
|
||||
title="Numbers Reflecting Our Quality"
|
||||
description="Thousands trust our on-demand printing services."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "1", value: "5000+", title: "تشيرت مطبوع", description: "تم تنفيذها بنجاح", icon: Award },
|
||||
{ id: "2", value: "4.9/5", title: "تقييم المستخدمين", description: "على جودة الطباعة والخامات", icon: ShieldCheck },
|
||||
{ id: "3", value: "98%", title: "رضا العملاء", description: "عن دقة المقاسات وسرعة التوصيل", icon: Users },
|
||||
{ id: "1", value: "5000+", title: "Printed T-Shirts", description: "Successfully delivered", icon: Award },
|
||||
{ id: "2", value: "4.9/5", title: "User Rating", description: "For printing quality and fabrics", icon: ShieldCheck },
|
||||
{ id: "3", value: "98%", title: "Customer Satisfaction", description: "With sizing accuracy and delivery speed", icon: Users },
|
||||
]}
|
||||
/>
|
||||
<FaqBase
|
||||
title="الأسئلة الشائعة"
|
||||
description="هل لديك استفسارات حول عملية التصميم أو الطلب؟"
|
||||
title="Frequently Asked Questions"
|
||||
description="Do you have questions about the design or ordering process?"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "ما هي صيغ الملفات المدعومة؟", content: "ندعم رفع الصور بصيغ PNG, JPG, و SVG بجودة عالية لضمان أفضل نتيجة طباعة." },
|
||||
{ id: "2", title: "هل يمكنني تتبع طلبي؟", content: "نعم، نوفر نظام تتبع متكامل للطلب بمجرد خروجه من مرحلة الطباعة." },
|
||||
{ id: "3", title: "هل يتوفر الدفع عند الاستلام؟", content: "نعم، نوفر خيار الدفع عند الاستلام بالإضافة إلى خيارات الدفع الإلكتروني." },
|
||||
{ id: "1", title: "What file formats are supported?", content: "We support PNG, JPG, and SVG file uploads in high resolution to ensure the best print result." },
|
||||
{ id: "2", title: "Can I track my order?", content: "Yes, we provide a full tracking system once your order leaves the printing stage." },
|
||||
{ id: "3", title: "Is cash on delivery available?", content: "Yes, we provide the option for cash on delivery along with electronic payment options." },
|
||||
]}
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="ابدأ الآن"
|
||||
title="هل أنت مستعد لتصميم تشيرتك الخاص؟"
|
||||
description="ابدأ رحلة التصميم الآن واحصل على قطعة فريدة بجودة لا تضاهى."
|
||||
tag="Get Started"
|
||||
title="Ready to Design Your Own T-Shirt?"
|
||||
description="Start your design journey now and get a unique piece with unmatched quality."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[{ text: "ابدأ تصميمك الآن", href: "#" }]}
|
||||
buttons={[{ text: "Start Designing Now", href: "#" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterBase
|
||||
logoText="TeeCreator"
|
||||
copyrightText="© 2025 | جميع الحقوق محفوظة"
|
||||
copyrightText="© 2025 | All rights reserved"
|
||||
columns={[
|
||||
{ title: "المنصة", items: [{ label: "عن الشركة", href: "#" }, { label: "الخدمات", href: "#" }] },
|
||||
{ title: "المساعدة", items: [{ label: "الدعم الفني", href: "#" }, { label: "سياسة الاسترجاع", href: "#" }] },
|
||||
{ title: "Platform", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Technical Support", href: "#" }, { label: "Return Policy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user