130 lines
6.2 KiB
TypeScript
130 lines
6.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import { Coffee } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "الرئيسية", id: "hero" },
|
|
{ name: "عن العلامة", id: "about" },
|
|
{ name: "المنتجات", id: "products" },
|
|
{ name: "التواصل", id: "contact" }
|
|
]}
|
|
brandName="Al Saqi & The Loqma"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero">
|
|
<HeroPersonalLinks
|
|
title="بوكس اللمة يحلي لمتكم"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
linkCards={[
|
|
{ title: "اطلب الآن", description: "اكتشف بوكساتنا الفاخرة", button: { text: "اطلب الآن" }, imageSrc: "http://img.b2bpic.net/free-photo/view-different-nation-sweets_23-2149192091.jpg" },
|
|
{ title: "تواصل معنا", description: "خدمة العملاء جاهزة", button: { text: "اتصل بنا" }, imageSrc: "http://img.b2bpic.net/free-photo/tea-set-with-sweets-lemon-jams_141793-17615.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about">
|
|
<TestimonialAboutCard
|
|
tag="عن علامتنا"
|
|
title="قصة حب ومذاق أصيل"
|
|
description="بدأنا من قلب العراق لنشارككم أفضل الحلويات والمثلجات التي تضفي دفئاً على لمتكم."
|
|
subdescription="نستخدم أفضل المكونات الطبيعية لنضمن لكم تجربة فريدة في كل لقمة."
|
|
icon={Coffee}
|
|
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products">
|
|
<ProductCardOne
|
|
title="منتجاتنا المميزة"
|
|
description="تشكيلة من الحلويات واللقمة الطازجة يومياً."
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", name: "بوكس اللمة الفاخر", price: "25,000 د.ع", imageSrc: "http://img.b2bpic.net/free-photo/people-holding-macarons-box_53876-30972.jpg" },
|
|
{ id: "2", name: "آيس كريم الساقي", price: "10,000 د.ع", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-background_140725-136311.jpg" },
|
|
{ id: "3", name: "اللقمة العراقية", price: "12,000 د.ع", imageSrc: "http://img.b2bpic.net/free-photo/mash-filled-with-herbs-tomatoes_140725-3784.jpg" },
|
|
{ id: "4", name: "تشكيلة كريب وافل", price: "15,000 د.ع", imageSrc: "http://img.b2bpic.net/free-photo/top-view-belgian-waffle-with-topping_23-2148468106.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials">
|
|
<TestimonialCardFive
|
|
title="قالوا عنا"
|
|
description="آراء عملائنا الأعزاء الذين جعلونا جزءاً من مناسباتهم."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "أحمد علي", date: "2024-05", title: "ممتاز", quote: "طعم أصيل ومميز جداً، شكراً لكم.", tag: "عميل دائم", avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq">
|
|
<FaqSplitText
|
|
sideTitle="أسئلتكم الشائعة"
|
|
faqsAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "هل تتوفر خدمات توصيل؟", content: "نعم نوفر توصيل سريع داخل بغداد." },
|
|
{ id: "f2", title: "كيف يمكن الطلب؟", content: "يمكنكم الطلب عبر الأرقام الموضحة في الموقع." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact">
|
|
<ContactSplitForm
|
|
title="تواصل معنا"
|
|
description="يسعدنا سماع طلباتكم واستفساراتكم."
|
|
useInvertedBackground={false}
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "الاسم الكريم" },
|
|
{ name: "phone", type: "tel", placeholder: "رقم الهاتف" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer">
|
|
<FooterBase
|
|
logoText="Al Saqi & The Loqma"
|
|
columns={[
|
|
{ title: "روابط", items: [{ label: "الرئيسية", href: "#" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |