220 lines
16 KiB
TypeScript
220 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Mail, Leaf, Earth, Handshake } from "lucide-react";
|
|
|
|
export default function SkincareTemplatePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="أورجانيكا"
|
|
navItems={[
|
|
{ name: "المجموعات", id: "products" },
|
|
{ name: "قصتنا", id: "about" },
|
|
{ name: "الفوائد", id: "benefits" },
|
|
{ name: "الشهادات", id: "reviews" },
|
|
{ name: "اتصل بنا", id: "contact" }
|
|
]}
|
|
button={{ text: "استكشف المجموعة", href: "#products" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="أورجانيكا"
|
|
description="استمتع بمنتجات مصنوعة بدقة ومصدرها أخلاقيًا، تبدو رائعة وتشعر بالروعة. حياة عضوية فاخرة، مبسطة بجمال."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-arrangement-argan-oil-care-product_23-2148955834.jpg"
|
|
imageAlt="Luxury organic products displayed beautifully with natural light"
|
|
frameStyle="card"
|
|
buttons={[
|
|
{ text: "استكشف المجموعة", href: "#products" },
|
|
{ text: "اعرف المزيد", href: "#about" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "في أورجانيكا، نؤمن بأن الرفاهية الحقيقية تنبع من النقاء والحرفية. كل منتج هو شهادة على التزامنا بالاستدامة، والرفاهية، والجودة الفائقة، مصمم للفرد المميز."
|
|
},
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/gardener_23-2148013523.jpg", alt: "Hands gently crafting an organic product, emphasizing artisanal quality" },
|
|
{ type: "text", content: "" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "فلسفتنا", href: "#benefits" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="مجموعة أورجانيكا"
|
|
description="اكتشف مجموعتنا الحصرية من المنتجات العضوية، المنتقاة بعناية لترتقي بأسلوب حياتك. مصنوعة بأصالة واحترام عميق للطبيعة."
|
|
products={[
|
|
{
|
|
id: "1", name: "Botanical Elixir", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149291997.jpg", imageAlt: "Elegant bottle of botanical organic elixir"
|
|
},
|
|
{
|
|
id: "2", name: "Harmony Diffuser", price: "$78", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-incense-sticks-air-humidifier-aroma-oils_169016-58711.jpg", imageAlt: "Stylish home diffuser with natural reeds and organic oils"
|
|
},
|
|
{
|
|
id: "3", name: "Velvet Hand Cream", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/beach-skincare-product-still-life_23-2150167973.jpg", imageAlt: "Luxurious organic hand cream in a refined jar"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
<FeatureBento
|
|
title="لماذا تتميز أورجانيكا؟"
|
|
description="اختبر الفرق في الحياة العضوية الفاخرة الأصيلة. نحن نمزج الممارسات الأخلاقية مع التصميم الراقي لنقدم لك منتجات يمكنك الوثوق بها والاعتزاز بها."
|
|
features={[
|
|
{
|
|
title: "شهادات أصيلة", description: "يلبي كل منتج من أورجانيكا معايير الشهادات العضوية الصارمة، مما يضمن النقاء والشفافية.", bentoComponent: "reveal-icon", icon: Leaf
|
|
},
|
|
{
|
|
title: "مصادر مستدامة", description: "نتعاون مع مزارعين ملتزمين بالتوازن البيئي وممارسات التجارة العادلة، من البذور إلى الرف.", bentoComponent: "reveal-icon", icon: Earth
|
|
},
|
|
{
|
|
title: "حرفية دقيقة", description: "يتم تطوير منتجاتنا بعناية وتصنيعها يدويًا على دفعات صغيرة، مما يضمن جودة ورفاهية لا مثيل لهما.", bentoComponent: "reveal-icon", icon: Handshake
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFifteen
|
|
testimonial="أعادت أورجانيكا تعريف مفهومي للرفاهية. الجودة استثنائية، ومعرفة أن كل منتج مصدره أخلاقيًا وعضوي حقًا يمنحني راحة بال هائلة. إنه أكثر من مجرد شراء؛ إنه استثمار في الحياة الواعية."
|
|
rating={5}
|
|
author="إيزابيلا س.، مدافعة عن الصحة"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", alt: "Isabella C." },
|
|
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12692.jpg", alt: "Customer testimonial" },
|
|
{ src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3317.jpg", alt: "Customer testimonial" },
|
|
{ src: "http://img.b2bpic.net/free-photo/confident-smiling-attractive-woman-cross-arms-chest_176420-16726.jpg", alt: "Customer testimonial" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="أسئلة حول النقاء والممارسة"
|
|
description="اعثر على إجابات للأسئلة الشائعة حول التزام أورجانيكا بالجودة والاستدامة والفوائد الفريدة لمجموعتنا العضوية الفاخرة."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "ما الذي يجعل منتجات أورجانيكا عضوية حقًا؟", content: "تلتزم منتجات أورجانيكا بالمعايير العضوية الدولية الصارمة. نحن نستورد المكونات من مزارع عضوية معتمدة ونضمن أن عمليات التصنيع لدينا تحافظ على نقائها، خالية من المبيدات الاصطناعية، الكائنات المعدلة وراثيًا، والمواد المضافة الاصطناعية."
|
|
},
|
|
{
|
|
id: "2", title: "كيف تضمن أورجانيكا المصادر الأخلاقية والاستدامة؟", content: "يمتد التزامنا بالاستدامة إلى كل خطوة في سلسلة التوريد لدينا. نعطي الأولوية للشراكات التجارية العادلة، والتعبئة الصديقة للبيئة، وندعم الممارسات الزراعية المستدامة التي تحمي التنوع البيولوجي والمجتمعات المحلية."
|
|
},
|
|
{
|
|
id: "3", title: "هل منتجات أورجانيكا مناسبة لجميع أنواع البشرة/الاحتياجات الغذائية؟", content: "بينما يتم تصنيع منتجاتنا بأجود المكونات وعادة ما تكون جيدة التحمل، نوصي بمراجعة تفاصيل المنتج المحددة وقوائم المكونات. بالنسبة للعناية بالبشرة، ينصح باختبار الرقعة. بالنسبة للمواد الغذائية، تحقق دائمًا من مسببات الحساسية المحتملة."
|
|
},
|
|
{
|
|
id: "4", title: "كيف يمكنني التحقق من شهادات أورجانيكا العضوية؟", content: "الشفافية هي مفتاح علامتنا التجارية. توفر صفحة كل منتج معلومات مفصلة حول شهاداته المحددة. نرحب أيضًا بالاستفسارات المباشرة لفريق خدمة العملاء لدينا، الذي يمكنه تقديم المزيد من الوثائق."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-natural-cosmetics-concept_23-2148565378.jpg"
|
|
imageAlt="Elegant display of organic ingredients and finished products in a natural setting"
|
|
mediaPosition="left"
|
|
textboxLayout="default"
|
|
faqsAnimation="slide-up"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="العيش الواعي"
|
|
title="اختبر جوهر أورجانيكا"
|
|
description="انضم إلى مجتمعنا المتميز للحصول على رؤى حصرية، وإطلاق مجموعات جديدة، وإلهامات لحياة تعاش بجمال واستدامة."
|
|
tagIcon={Mail}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="أدخل عنوان بريدك الإلكتروني"
|
|
buttonText="انضم الآن"
|
|
termsText="نحن نقدر خصوصيتك. يمكنك إلغاء الاشتراك في أي وقت."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="أورجانيكا"
|
|
columns={[
|
|
{
|
|
title: "المجموعات", items: [
|
|
{ label: "العناية بالبشرة", href: "#products" },
|
|
{ label: "العافية", href: "#products" },
|
|
{ label: "المنزل والمعيشة", href: "#products" },
|
|
{ label: "الهدايا", href: "#products" }
|
|
]
|
|
},
|
|
{
|
|
title: "أورجانيكا", items: [
|
|
{ label: "قصتنا", href: "#about" },
|
|
{ label: "الاستدامة", href: "#about" },
|
|
{ label: "الشهادات", href: "#faq" },
|
|
{ label: "مدونة", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "الدعم", items: [
|
|
{ label: "اتصل بنا", href: "#contact" },
|
|
{ label: "الأسئلة الشائعة", href: "#faq" },
|
|
{ label: "الشحن والإرجاع", href: "#" },
|
|
{ label: "حسابي", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "تواصل معنا", items: [
|
|
{ label: "Instagram", href: "#" },
|
|
{ label: "Facebook", href: "#" },
|
|
{ label: "Pinterest", href: "#" },
|
|
{ label: "LinkedIn", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 أورجانيكا. جميع الحقوق محفوظة."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |