197 lines
11 KiB
TypeScript
197 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { CheckCircle, Search, Shield, Truck, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="none"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "الرئيسية", id: "home"},
|
|
{
|
|
name: "المنتجات", id: "products"},
|
|
{
|
|
name: "من نحن", id: "about"},
|
|
{
|
|
name: "تواصل معنا", id: "contact"},
|
|
]}
|
|
brandName="LuxuryParts"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Luxury Auto Parts"
|
|
description="قطع غيار صينية وسوزوكي أصلية بجودة لا تضاهى. اطلب الآن برقم الهيكل لضمان القطعة المناسبة."
|
|
buttons={[
|
|
{
|
|
text: "اطلب الآن", href: "#contact"},
|
|
{
|
|
text: "واتساب", href: "https://wa.me/966XXXXXXXX"},
|
|
]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6627.jpg?_wi=1", imageAlt: "Luxury car components" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-parts_23-2150704699.jpg", imageAlt: "Luxury car components" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096569.jpg", imageAlt: "Luxury car components" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg", imageAlt: "Luxury car components" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349187.jpg", imageAlt: "Luxury car components" },
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{ type: "text", content: "نقدم لك أفضل قطع الغيار" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/building-parking-lot_1127-25.jpg", alt: "About us" },
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "اكتشف خدماتنا", href: "#products"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", name: "صدام أمامي هافال", price: "طلب سعر", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-tyre-using-flashlight_1170-1650.jpg?_wi=1" },
|
|
{ id: "p2", name: "شمعات تشانجان", price: "طلب سعر", imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-420.jpg?_wi=1" },
|
|
{ id: "p3", name: "عكوس سوزوكي", price: "طلب سعر", imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg?_wi=1" },
|
|
{ id: "p4", name: "فلاتر زيت هونشي", price: "طلب سعر", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132701.jpg" },
|
|
{ id: "p5", name: "مساعدات سيارات صينية", price: "طلب سعر", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030438.jpg" },
|
|
]}
|
|
title="منتجاتنا الأكثر طلباً"
|
|
description="قطع غيار متوافقة مع جميع الماركات الصينية وسوزوكي."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ icon: CheckCircle, title: "جودة أصلية", description: "نوفر فقط القطع المعتمدة" },
|
|
{ icon: Zap, title: "توصيل سريع", description: "نصل إليك في أقرب وقت" },
|
|
{ icon: Shield, title: "ضمان حقيقي", description: "ثقتكم هي أولويتنا القصوى" },
|
|
{ icon: Truck, title: "تغطية شاملة", description: "شحن لجميع مدن المملكة" },
|
|
{ icon: Search, title: "بحث دقيق", description: "نطابق القطع عبر رقم الهيكل" },
|
|
]}
|
|
title="لماذا تختارنا؟"
|
|
description="نحن نهتم بسيارتك بقدر ما تهتم أنت بها."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", value: "1000+", description: "عميل راضٍ" },
|
|
{ id: "m2", value: "5000+", description: "قطعة متوفرة" },
|
|
{ id: "m3", value: "24/7", description: "خدمة عملاء" },
|
|
{ id: "m4", value: "10+", description: "سنوات خبرة" },
|
|
{ id: "m5", value: "99%", description: "مطابقة القطع" },
|
|
]}
|
|
title="أرقام تتحدث عن ثقتكم"
|
|
description="نفتخر بخدمة آلاف العملاء في قطاع السيارات."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "محمد علي", date: "2023-10-01", title: "عميل سوزوكي", quote: "سرعة في التوصيل وجودة ممتازة.", tag: "موثوق", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-man-dressed-elegant-beige-checkered-suit_158538-4299.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6627.jpg?_wi=2" },
|
|
{ id: "2", name: "خالد أحمد", date: "2023-10-05", title: "عميل تشانجان", quote: "أفضل سعر حصلت عليه في السوق.", tag: "ممتاز", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", imageSrc: "http://img.b2bpic.net/free-photo/building-parking-lot_1127-25.jpg" },
|
|
{ id: "3", name: "ياسر إبراهيم", date: "2023-10-10", title: "عميل هافال", quote: "تعامل راقٍ وخدمة احترافية.", tag: "محترف", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-call-center-operator-talking-audio-headset-mic_482257-117892.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-tyre-using-flashlight_1170-1650.jpg?_wi=2" },
|
|
{ id: "4", name: "عمر سعد", date: "2023-10-12", title: "عميل هونشي", quote: "القطعة كانت مطابقة تماماً.", tag: "دقة", avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-businessman_1163-3871.jpg", imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-420.jpg?_wi=2" },
|
|
{ id: "5", name: "سعد ناصر", date: "2023-10-15", title: "عميل عام", quote: "خدمة رائعة وشحن سريع.", tag: "سريع", avatarSrc: "http://img.b2bpic.net/free-photo/male-ballroom-performer-posing-stage_23-2149454023.jpg", imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg?_wi=2" },
|
|
]}
|
|
title="ماذا يقول عملاؤنا؟"
|
|
description="آراء عملاء وثقوا في خدمتنا."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "q1", title: "كيف أطلب برقم الهيكل؟", content: "أرسل رقم الهيكل عبر الواتساب وسنحدد القطعة المناسبة." },
|
|
{ id: "q2", title: "هل القطع أصلية؟", content: "نعم، نوفر فقط القطع الأصلية والمعتمدة." },
|
|
{ id: "q3", title: "هل هناك توصيل؟", content: "نعم، نوفر توصيل سريع لجميع مناطق المملكة." },
|
|
{ id: "q4", title: "ما هي مدة الضمان؟", content: "نقدم ضماناً يشمل العيوب المصنعية." },
|
|
{ id: "q5", title: "كيف أسترجع القطعة؟", content: "في حال لم تطابق القطعة، يمكن الاسترجاع وفق شروطنا." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-30122.jpg"
|
|
mediaAnimation="slide-up"
|
|
title="الأسئلة الشائعة"
|
|
faqsAnimation="slide-up"
|
|
description="إجابات على أكثر الاستفسارات شيوعاً."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="تواصل معنا"
|
|
useInvertedBackground={false}
|
|
background={{ variant: "animated-grid" }}
|
|
title="اطلب الآن"
|
|
description="أرسل طلبك الآن عبر الواتساب أو عبر النموذج أدناه."
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683469.jpg"
|
|
mediaAnimation="slide-up"
|
|
buttonText="إرسال طلب"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="LuxuryParts"
|
|
leftLink={{ text: "سياسة الخصوصية", href: "#" }}
|
|
rightLink={{ text: "اتصل بنا", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|