287 lines
15 KiB
TypeScript
287 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Clock, Palette, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="noise"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "الرئيسية", id: "#hero"},
|
|
{
|
|
name: "من نحن", id: "#about"},
|
|
{
|
|
name: "المنتجات", id: "#products"},
|
|
{
|
|
name: "معرض الأعمال", id: "#gallery"},
|
|
{
|
|
name: "آراء العملاء", id: "#testimonials"},
|
|
{
|
|
name: "تواصل معنا", id: "#contact"},
|
|
]}
|
|
brandName="درع تحفة"
|
|
button={{
|
|
text: "اطلب تصميمك", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="درع تحفة"
|
|
description="نقدم أفخم الدروع التذكارية والمجسمات الأكريليك والسيوف التذكارية والهدايا الدعائية المصممة خصيصاً للشركات والمؤسسات والمناسبات الخاصة، بأعلى معايير الجودة والدقة."
|
|
buttons={[
|
|
{
|
|
text: "اطلب تصميمك الآن", href: "#contact"},
|
|
{
|
|
text: "تصفح المنتجات", href: "#products"},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-old-metal-wood-shield-grunge-concrete-background_1048-8256.jpg", imageAlt: "درع تذكاري فاخر"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-sharpening-blade_1153-1495.jpg", imageAlt: "سيف تذكاري فاخر"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg", imageAlt: "مجسم أكريليك مخصص"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desktop-with-agenda-notepad_23-2148430839.jpg", imageAlt: "هدية دعائية فاخرة للشركات"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-man-pretty-young-guy-dark-blue-suit-with-tie-holding-golden-prize_140725-161996.jpg", imageAlt: "درع كريستال راقي"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-case-with-colorful-little-stones-white-floor_140725-14318.jpg", imageAlt: "سيف مزخرف فاخر"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="من نحن"
|
|
metrics={[
|
|
{
|
|
icon: Clock,
|
|
label: "خبرة تمتد", value: "27+ عاماً"},
|
|
{
|
|
icon: Star,
|
|
label: "جودة عالية", value: "معايير عالمية"},
|
|
{
|
|
icon: Palette,
|
|
label: "تصاميم مخصصة", value: "حسب الطلب"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<FeatureCardTwelve
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "shields", label: "دروع تذكارية", title: "دروع كريستال وأكريليك وخشبية بتصاميم فاخرة.", items: [
|
|
"دروع كريستال أنيقة", "دروع أكريليك حديثة", "دروع خشبية كلاسيكية"],
|
|
},
|
|
{
|
|
id: "swords", label: "السيوف التذكارية", title: "سيوف فاخرة مناسبة للهدايا والتكريمات الراقية.", items: [
|
|
"سيوف تقليدية مزخرفة", "سيوف عصرية بتصميمات فريدة", "علب عرض فخمة للسيوف"],
|
|
},
|
|
{
|
|
id: "acrylics", label: "المجسمات الأكريليك", title: "تصميم وتنفيذ مجسمات أكريليك ثلاثية الأبعاد حسب الطلب.", items: [
|
|
"مجسمات شعارات الشركات", "مجسمات شخصيات مخصصة", "دروع أكريليك بتصاميم مبتكرة"],
|
|
},
|
|
{
|
|
id: "corporate-gifts", label: "هدايا دعائية للشركات", title: "هدايا مميزة تحمل شعار الشركة أو المؤسسة بأسلوب أنيق.", items: [
|
|
"هدايا لموظفي الشركات", "هدايا للمناسبات المؤسسية", "هدايا كبار الشخصيات"],
|
|
},
|
|
{
|
|
id: "event-gifts", label: "هدايا المناسبات", title: "هدايا للأعراس والمناسبات الخاصة بتصاميم حصرية وفخمة.", items: [
|
|
"هدايا زواج مخصصة", "هدايا تخرج مميزة", "هدايا أعياد الميلاد"],
|
|
},
|
|
{
|
|
id: "customization", label: "الحفر والتخصيص", title: "خدمات الحفر بالليزر وإضافة الشعارات والأسماء على جميع المنتجات.", items: [
|
|
"حفر بالليزر على الدروع", "إضافة شعارات الشركات", "تخصيص بالأسماء والتواريخ"],
|
|
},
|
|
]}
|
|
title="أقسام المنتجات"
|
|
description="تصفح مجموعتنا الواسعة من المنتجات الفاخرة والمخصصة، المصممة لتلبية أرقى الأذواق والاحتياجات."
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose-us" data-section="why-choose-us">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "experience", value: "27+", title: "عاماً من الخبرة", items: [
|
|
"تاريخ طويل في الصناعة", "فريق عمل محترف"],
|
|
},
|
|
{
|
|
id: "quality", value: "خامات", title: "فاخرة وجودة عالية", items: [
|
|
"أفضل أنواع الكريستال", "أكريليك عالي النقاء"],
|
|
},
|
|
{
|
|
id: "custom-design", value: "تصميمات", title: "مخصصة حسب الطلب", items: [
|
|
"نصمم لك ما تتخيله", "تلبية جميع الاحتياجات"],
|
|
},
|
|
{
|
|
id: "speed", value: "سرعة", title: "في التنفيذ والتسليم", items: [
|
|
"جداول زمنية ملتزم بها", "توصيل سريع"],
|
|
},
|
|
{
|
|
id: "corporate-service", value: "خدمة", title: "الشركات والمؤسسات", items: [
|
|
"حلول متكاملة للأعمال", "أسعار تنافسية للكميات"],
|
|
},
|
|
{
|
|
id: "shipping", value: "شحن", title: "لجميع مناطق المملكة", items: [
|
|
"تغطية شاملة", "توصيل آمن وموثوق"],
|
|
},
|
|
]}
|
|
title="لماذا تختار درع تحفة؟"
|
|
description="نلتزم بتقديم الأفضل لعملائنا الكرام، ونسعى لتحقيق رضاهم التام من خلال مجموعة من المزايا الفريدة."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "درع كريستالي مخصص", price: "حسب الطلب", imageSrc: "http://img.b2bpic.net/free-photo/certificate-diploma-presentation-with-stamp_187299-47387.jpg", imageAlt: "درع كريستالي فاخر مع قاعدة ذهبية"},
|
|
{
|
|
id: "p2", name: "سيف تذكاري مزخرف", price: "حسب الطلب", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025957.jpg", imageAlt: "سيف تذكاري بمقبض ذهبي ونقوش"},
|
|
{
|
|
id: "p3", name: "مجسم أكريليك لشركة", price: "حسب الطلب", imageSrc: "http://img.b2bpic.net/free-photo/basketball-trophy_187299-45997.jpg", imageAlt: "مجسم أكريليك بشعار شركة"},
|
|
{
|
|
id: "p4", name: "درع خشبي فاخر", price: "حسب الطلب", imageSrc: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-trophy_23-2149872264.jpg", imageAlt: "درع خشبي مع لوحة معدنية محفورة"},
|
|
{
|
|
id: "p5", name: "سيف عربي تقليدي", price: "حسب الطلب", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-sword-beach-daytime_181624-22726.jpg", imageAlt: "سيف عربي تقليدي مزين"},
|
|
{
|
|
id: "p6", name: "هدية مكتبية أكريليك", price: "حسب الطلب", imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-material-table_23-2148148327.jpg", imageAlt: "هدية مكتبية من الأكريليك بشعار مخصص"},
|
|
{
|
|
id: "p7", name: "درع كريستال جديد", price: "حسب الطلب", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ExzwZD3hhTATHFWMhd6uR8sywQ/uploaded-1781135581701-8ciavnhc.png", imageAlt: "درع كريستال أنيق جديد"},
|
|
]}
|
|
title="معرض الأعمال"
|
|
description="اكتشف إبداعاتنا من الدروع والمجسمات والسيوف الفاخرة، التي صممت بدقة وعناية لتناسب أرقى المناسبات."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="⭐⭐⭐⭐⭐ 4.6 من 5"
|
|
rating={5}
|
|
author="استناداً إلى أكثر من 73 تقييماً"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg", alt: "صورة عميل 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", alt: "صورة عميلة 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-hairless-elder-man-dressed-dark-blue-suit-against-dark-background_613910-17566.jpg", alt: "صورة عميل 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-stylish-smiling-woman-glasses-working-typing-laptop_285396-9827.jpg", alt: "صورة عميلة 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg", alt: "Happy coworkers holding tablets and showing thumbs up on stairs"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="تواصل معنا"
|
|
title="هل تبحث عن دروع تذكارية وهدايا دعائية فاخرة؟"
|
|
description="تواصل مع فريق درع تحفة الآن للحصول على استشارة مجانية وعرض سعر مخصص يلبي جميع احتياجاتك وتطلعاتك."
|
|
buttons={[
|
|
{
|
|
text: "تواصل معنا الآن", href: "https://wa.me/966538988577"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="درع تحفة"
|
|
columns={[
|
|
{
|
|
title: "روابط سريعة", items: [
|
|
{
|
|
label: "الرئيسية", href: "#hero"},
|
|
{
|
|
label: "من نحن", href: "#about"},
|
|
{
|
|
label: "المنتجات", href: "#products"},
|
|
{
|
|
label: "معرض الأعمال", href: "#gallery"},
|
|
{
|
|
label: "اتصل بنا", href: "#contact"},
|
|
{
|
|
label: "سياسة الخصوصية", href: "#privacy-policy"},
|
|
],
|
|
},
|
|
{
|
|
title: "معلومات التواصل", items: [
|
|
{
|
|
label: "الإمام تركي بن عبدالله، الرياض 12633", href: "https://maps.app.goo.gl/YourGoogleMapsLink"},
|
|
{
|
|
label: "0538988577", href: "tel:+966538988577"},
|
|
{
|
|
label: "من السبت إلى الخميس: 9 صباحاً - 10 مساءً", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "تابعنا", items: [
|
|
{
|
|
label: "واتساب", href: "https://wa.me/966538988577"},
|
|
{
|
|
label: "إنستغرام", href: "https://instagram.com/derahtohfa"},
|
|
{
|
|
label: "سناب شات", href: "https://snapchat.com/add/derahtohfa"},
|
|
{
|
|
label: "تيك توك", href: "https://tiktok.com/@derahtohfa"},
|
|
{
|
|
label: "X", href: "https://x.com/derahtohfa"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 درع تحفة. جميع الحقوق محفوظة."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |