Merge version_3 into main #2
132
src/app/page.tsx
132
src/app/page.tsx
@@ -34,21 +34,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
name: "الرئيسية", id: "#home"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
name: "عنّا", id: "#about"},
|
||||
{
|
||||
name: "Features", id: "#features"},
|
||||
name: "الميزات", id: "#features"},
|
||||
{
|
||||
name: "Products", id: "#products"},
|
||||
name: "المنتجات", id: "#products"},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
name: "الشهادات", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
name: "الأسئلة الشائعة", id: "#faq"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
name: "اتصل بنا", id: "#contact"},
|
||||
]}
|
||||
brandName="RAYHAN"
|
||||
brandName="ريحان"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,22 +57,22 @@ export default function LandingPage() {
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Inspired by Nature, Crafted for Comfort"
|
||||
description="Discover RAYHAN, where sustainable fashion meets timeless elegance. Our apparel is designed for conscious living, connecting you to nature with every thread."
|
||||
title="مستوحى من الطبيعة، مصمم للراحة"
|
||||
description="اكتشف ريحان، حيث يلتقي الأسلوب المستدام بالأناقة الخالدة. صُممت ملابسنا للحياة الواعية، لتربطك بالطبيعة في كل خيط."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%", label: "Organic Cotton"},
|
||||
value: "100%", label: "قطن عضوي"},
|
||||
{
|
||||
value: "25K+", label: "Happy Customers"},
|
||||
value: "25 ألف+", label: "عميل سعيد"},
|
||||
{
|
||||
value: "Eco", label: "Certified"},
|
||||
value: "صديق للبيئة", label: "معتمد"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
text: "تسوق الوافدين الجدد", href: "#products"},
|
||||
{
|
||||
text: "Learn Our Story", href: "#about"},
|
||||
text: "تعرف على قصتنا", href: "#about"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESfWACNaFxYkN6kyArXPEKtzge/uploaded-1780176937183-1aupd19d.png"
|
||||
imageAlt="RAYHAN sustainable apparel packaging"
|
||||
@@ -89,20 +89,20 @@ export default function LandingPage() {
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-cute-pink-robe_23-2148311738.jpg", alt: "Customer enjoying comfort of RAYHAN clothes"},
|
||||
]}
|
||||
avatarText="Join 25,000+ happy customers!"
|
||||
avatarText="انضم إلى أكثر من 25,000 عميل سعيد!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "Eco-Friendly Fabrics", icon: Leaf,
|
||||
type: "text-icon", text: "أقمشة صديقة للبيئة", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text", text: "Ethically Sourced"},
|
||||
type: "text", text: "مصدرها أخلاقيًا"},
|
||||
{
|
||||
type: "text-icon", text: "Timeless Style", icon: Sparkles,
|
||||
type: "text-icon", text: "أسلوب خالد", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text", text: "Comfort Guaranteed"},
|
||||
type: "text", text: "راحة مضمونة"},
|
||||
{
|
||||
type: "text-icon", text: "Carbon Neutral Shipping", icon: Truck,
|
||||
type: "text-icon", text: "شحن محايد للكربون", icon: Truck,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -111,17 +111,17 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Our Commitment to Sustainable Fashion"
|
||||
title="التزامنا بالأزياء المستدامة"
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Sustainable Sourcing", value: "Eco-Friendly"},
|
||||
label: "مصادر مستدامة", value: "صديقة للبيئة"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Premium Quality", value: "Handcrafted"},
|
||||
label: "جودة ممتازة", value: "مصنوع يدويًا"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Community Focus", value: "Ethical Production"},
|
||||
label: "تركيز على المجتمع", value: "إنتاج أخلاقي"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -134,14 +134,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Fast Fashion Trends", "Synthetic Materials", "Disposable Products", "High Carbon Footprint"],
|
||||
"اتجاهات الموضة السريعة", "مواد صناعية", "منتجات قابلة للتصرف", "بصمة كربونية عالية"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Timeless Designs", "Natural Fibers", "Durable & Long-Lasting", "Minimal Environmental Impact"],
|
||||
"تصاميم خالدة", "ألياف طبيعية", "متينة وطويلة الأمد", "تأثير بيئي ضئيل"],
|
||||
}}
|
||||
title="Choose Consciously: RAYHAN vs. Conventional Fashion"
|
||||
description="At RAYHAN, we stand for enduring style and environmental responsibility. See how our values set us apart from the industry norm."
|
||||
title="اختر بوعي: ريحان مقابل الأزياء التقليدية"
|
||||
description="في ريحان، نؤمن بالأسلوب الدائم والمسؤولية البيئية. اكتشف كيف تميزنا قيمنا عن المعايير الصناعية."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -153,20 +153,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-1", name: "Organic Crewneck Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-beautiful-tattooed-girl-smiling-posing-looking-down_176420-9473.jpg", imageAlt: "Organic Crewneck Tee"},
|
||||
id: "product-1", name: "تي شيرت قطن عضوي برقبة دائرية", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-young-beautiful-tattooed-girl-smiling-posing-looking-down_176420-9473.jpg", imageAlt: "Organic Crewneck Tee"},
|
||||
{
|
||||
id: "product-2", name: "Natural Hemp Hoodie", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-wearing-sportswear-relaxing-outdoors_1262-18288.jpg", imageAlt: "Natural Hemp Hoodie"},
|
||||
id: "product-2", name: "هودي قنب طبيعي", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-wearing-sportswear-relaxing-outdoors_1262-18288.jpg", imageAlt: "Natural Hemp Hoodie"},
|
||||
{
|
||||
id: "product-3", name: "Botanical Print Sweater", price: "$70", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923342.jpg", imageAlt: "Botanical Print Sweater"},
|
||||
id: "product-3", name: "كنزة بطبعة نباتية", price: "$70", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923342.jpg", imageAlt: "Botanical Print Sweater"},
|
||||
{
|
||||
id: "product-4", name: "Eco-Denim Jacket", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-headphones-walking_23-2148574705.jpg", imageAlt: "Eco-Denim Jacket"},
|
||||
id: "product-4", name: "جاكيت دينيم صديق للبيئة", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-headphones-walking_23-2148574705.jpg", imageAlt: "Eco-Denim Jacket"},
|
||||
{
|
||||
id: "product-5", name: "Linen Comfort Trousers", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/racks-filled-with-basic-shirt_482257-78330.jpg", imageAlt: "Linen Comfort Trousers"},
|
||||
id: "product-5", name: "بنطلون كتان مريح", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/racks-filled-with-basic-shirt_482257-78330.jpg", imageAlt: "Linen Comfort Trousers"},
|
||||
{
|
||||
id: "product-6", name: "Knitted Cotton Cardigan", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-forest_23-2148922214.jpg", imageAlt: "Knitted Cotton Cardigan"},
|
||||
id: "product-6", name: "كارديجان قطني محبوك", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-forest_23-2148922214.jpg", imageAlt: "Knitted Cotton Cardigan"},
|
||||
]}
|
||||
title="Explore Our Conscious Collection"
|
||||
description="Each piece in our collection is thoughtfully designed and responsibly made, ensuring both style and sustainability."
|
||||
title="استكشف مجموعتنا الواعية"
|
||||
description="كل قطعة في مجموعتنا مصممة بعناية ومصنوعة بمسؤولية، لتضمن لك الأناقة والاستدامة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,16 +178,16 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1", icon: Users,
|
||||
title: "Customer Satisfaction", value: "98%"},
|
||||
title: "رضا العملاء", value: "98%"},
|
||||
{
|
||||
id: "metric-2", icon: Recycle,
|
||||
title: "Recycled Materials", value: "75%"},
|
||||
title: "مواد معاد تدويرها", value: "75%"},
|
||||
{
|
||||
id: "metric-3", icon: Globe,
|
||||
title: "Carbon Footprint Reduced", value: "30%"},
|
||||
title: "انخفاض البصمة الكربونية", value: "30%"},
|
||||
]}
|
||||
title="Our Impact & Growth"
|
||||
description="We are proud of the positive changes we're making, thanks to our community and our commitment to the planet."
|
||||
title="تأثيرنا ونمونا"
|
||||
description="نحن فخورون بالتغييرات الإيجابية التي نحدثها، بفضل مجتمعنا والتزامنا تجاه الكوكب."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,20 +198,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", handle: "@sarah_eco", testimonial: "RAYHAN's quality and commitment to sustainability are unmatched. My new sweater is incredibly soft and stylish!", imageSrc: "http://img.b2bpic.net/free-photo/happy-pleased-delighted-female-customer-with-blond-short-hairstyle-satisfied-joyful-grin-showing-okay-gesture-smiling_176420-43666.jpg", imageAlt: "Sarah J. customer review"},
|
||||
id: "1", name: "سارة ج.", handle: "@sarah_eco", testimonial: "جودة ريحان والتزامها بالاستدامة لا مثيل لهما. سويتر الجديد ناعم وأنيق بشكل لا يصدق!", imageSrc: "http://img.b2bpic.net/free-photo/happy-pleased-delighted-female-customer-with-blond-short-hairstyle-satisfied-joyful-grin-showing-okay-gesture-smiling_176420-43666.jpg", imageAlt: "Sarah J. customer review"},
|
||||
{
|
||||
id: "2", name: "Michael K.", handle: "@mikey_outdoors", testimonial: "Finally, a brand that cares about the planet as much as it cares about comfort. Highly recommend RAYHAN!", imageSrc: "http://img.b2bpic.net/free-photo/serious-latino-man-wears-blank-grey-longsleeve-poses-near-ladder-isolated-white_346278-1040.jpg", imageAlt: "Michael K. customer review"},
|
||||
id: "2", name: "مايكل ك.", handle: "@mikey_outdoors", testimonial: "أخيرًا، علامة تجارية تهتم بالكوكب بقدر اهتمامها بالراحة. أوصي بشدة بريحان!", imageSrc: "http://img.b2bpic.net/free-photo/serious-latino-man-wears-blank-grey-longsleeve-poses-near-ladder-isolated-white_346278-1040.jpg", imageAlt: "Michael K. customer review"},
|
||||
{
|
||||
id: "3", name: "Emily R.", handle: "@emily_styled", testimonial: "I love the timeless designs. These pieces will definitely be staples in my wardrobe for years to come. Beautifully made!", imageSrc: "http://img.b2bpic.net/free-photo/charming-tender-blond-girlfriend-silver-shiny-elegant-dress-feel-little-cold-standing-prom-night_1258-131106.jpg", imageAlt: "Emily R. customer review"},
|
||||
id: "3", name: "إميلي ر.", handle: "@emily_styled", testimonial: "أحب التصاميم الخالدة. ستكون هذه القطع بالتأكيد أساسًا في خزانة ملابسي لسنوات قادمة. مصنوعة بشكل جميل!", imageSrc: "http://img.b2bpic.net/free-photo/charming-tender-blond-girlfriend-silver-shiny-elegant-dress-feel-little-cold-standing-prom-night_1258-131106.jpg", imageAlt: "Emily R. customer review"},
|
||||
{
|
||||
id: "4", name: "David L.", handle: "@david_sustainable", testimonial: "From their organic cotton to their ethical practices, RAYHAN embodies what modern fashion should be. Fantastic brand!", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367130.jpg", imageAlt: "David L. customer review"},
|
||||
id: "4", name: "ديفيد ل.", handle: "@david_sustainable", testimonial: "من قطنها العضوي إلى ممارساتها الأخلاقية، تجسد ريحان ما يجب أن تكون عليه الموضة الحديثة. علامة تجارية رائعة!", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367130.jpg", imageAlt: "David L. customer review"},
|
||||
{
|
||||
id: "5", name: "Jessica M.", handle: "@jess_comfort", testimonial: "The comfort of RAYHAN clothing is incredible. It feels luxurious, and I feel good knowing it's sustainable.", imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170134.jpg", imageAlt: "Jessica M. customer review"},
|
||||
id: "5", name: "جيسيكا م.", handle: "@jess_comfort", testimonial: "راحة ملابس ريحان لا تصدق. إنها تشعر بالفخامة، وأشعر بالرضا knowing أنها مستدامة.", imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170134.jpg", imageAlt: "Jessica M. customer review"},
|
||||
{
|
||||
id: "6", name: "Olivia P.", handle: "@olivia_fashion", testimonial: "Stylish, sustainable, and super comfortable. RAYHAN has become my go-to for everyday wear. Love it!", imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-painter-woman-lying-canvas-with-brushes-hands-dreaming-relaxing-after-productive-work_273443-45.jpg", imageAlt: "Olivia P. customer review"},
|
||||
id: "6", name: "أوليفيا ب.", handle: "@olivia_fashion", testimonial: "أنيقة، مستدامة، ومريحة للغاية. أصبحت ريحان خياري الأول للملابس اليومية. أحبها!", imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-painter-woman-lying-canvas-with-brushes-hands-dreaming-relaxing-after-productive-work_273443-45.jpg", imageAlt: "Olivia P. customer review"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Hear from our valued customers about their RAYHAN experience and why they choose sustainable style."
|
||||
title="ماذا يقول مجتمعنا"
|
||||
description="استمع من عملائنا الكرام عن تجربتهم مع ريحان ولماذا يختارون الأسلوب المستدام."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -274,43 +274,43 @@ export default function LandingPage() {
|
||||
logoText="RAYHAN"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
title: "تسوق", items: [
|
||||
{
|
||||
label: "New Arrivals", href: "#products"},
|
||||
label: "الوافدون الجدد", href: "#products"},
|
||||
{
|
||||
label: "Tops", href: "#"},
|
||||
label: "بلايز", href: "#"},
|
||||
{
|
||||
label: "Bottoms", href: "#"},
|
||||
label: "بناطيل", href: "#"},
|
||||
{
|
||||
label: "Outerwear", href: "#"},
|
||||
label: "ملابس خارجية", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
title: "عنّا", items: [
|
||||
{
|
||||
label: "Our Story", href: "#about"},
|
||||
label: "قصتنا", href: "#about"},
|
||||
{
|
||||
label: "Sustainability", href: "#"},
|
||||
label: "الاستدامة", href: "#"},
|
||||
{
|
||||
label: "Impact", href: "#metrics"},
|
||||
label: "تأثيرنا", href: "#metrics"},
|
||||
{
|
||||
label: "Team", href: "#"},
|
||||
label: "الفريق", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help", items: [
|
||||
title: "مساعدة", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
label: "الأسئلة الشائعة", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us", href: "#contact"},
|
||||
label: "اتصل بنا", href: "#contact"},
|
||||
{
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
label: "الشحن والإرجاع", href: "#"},
|
||||
{
|
||||
label: "Size Guide", href: "#"},
|
||||
label: "دليل المقاسات", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 RAYHAN. All rights reserved."
|
||||
copyrightText="© 2024 ريحان. جميع الحقوق محفوظة."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user