Update src/app/page.tsx
This commit is contained in:
275
src/app/page.tsx
275
src/app/page.tsx
@@ -2,197 +2,124 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, Coffee, Instagram, Leaf, Phone, Star, Truck } from "lucide-react";
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Instagram, Phone, MapPin, Coffee, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "عن العلامة", id: "about"},
|
||||
{
|
||||
name: "المنتجات", id: "products"},
|
||||
{
|
||||
name: "التواصل", id: "contact"},
|
||||
]}
|
||||
brandName="Al Saqi & The Loqma"
|
||||
/>
|
||||
</div>
|
||||
<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" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="بوكس اللمة يحلي لمتكم"
|
||||
description="تجربة فريدة من الحلويات والمثلجات التي تجمع العائلة والأصدقاء في لحظات لا تُنسى. جودة عالية ومذاق لا يقاوم."
|
||||
buttons={[
|
||||
{
|
||||
text: "اطلب الآن", href: "#contact"},
|
||||
{
|
||||
text: "شاهد المنيو", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-different-nation-sweets_23-2149192091.jpg"
|
||||
imageAlt="Iraqi Dessert Platter"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tea-set-with-sweets-lemon-jams_141793-17615.jpg", alt: "Tea set"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dessert-assortment-with-cake-slice-donut-flaky-cookies-ornate-tray-marble-surface_114579-25648.jpg", alt: "Dessert tray"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-lemon-white-space_140725-79717.jpg", alt: "Cup of tea"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-lemon-white-desk_140725-79721.jpg", alt: "Tea and lemon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-celebrating-christmas-southern-hemisphere_23-2149172604.jpg", alt: "Family gathering"},
|
||||
]}
|
||||
avatarText="ينصح به أكثر من 500+ عميل"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "جودة فاخرة", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "مكونات طبيعية", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "توصيل سريع", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "طعم أصيل", icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "خدمة مميزة", icon: Star,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="صنعنا اللحظات الجميلة بلمسة من الفخامة"
|
||||
/>
|
||||
</div>
|
||||
<div id="about">
|
||||
<TestimonialAboutCard
|
||||
tag="عن علامتنا"
|
||||
title="قصة حب ومذاق أصيل"
|
||||
description="بدأنا من قلب العراق لنشارككم أفضل الحلويات والمثلجات التي تضفي دفئاً على لمتكم."
|
||||
subdescription="نستخدم أفضل المكونات الطبيعية لنضمن لكم تجربة فريدة في كل لقمة."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-celebrating-christmas-southern-hemisphere_23-2149172604.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "الساقي", name: "بوكس اللمة", price: "25,000 د.ع", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/people-holding-macarons-box_53876-30972.jpg"},
|
||||
{
|
||||
id: "p2", brand: "الساقي", name: "آيس كريم الساقي", price: "10,000 د.ع", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-background_140725-136311.jpg"},
|
||||
{
|
||||
id: "p3", brand: "الساقي", name: "اللقمة الساخنة", price: "12,000 د.ع", rating: 4,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/mash-filled-with-herbs-tomatoes_140725-3784.jpg"},
|
||||
{
|
||||
id: "p4", brand: "الساقي", name: "وافل وكريب", price: "15,000 د.ع", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-belgian-waffle-with-topping_23-2148468106.jpg"},
|
||||
]}
|
||||
title="قائمة الضيافة الفاخرة"
|
||||
description="استكشف تشكيلتنا المختارة بعناية من الحلويات واللقمة."
|
||||
/>
|
||||
</div>
|
||||
<div id="products">
|
||||
<ProductCardOne
|
||||
title="منتجاتنا المميزة"
|
||||
description="تشكيلة من الحلويات واللقمة الطازجة يومياً."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
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" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "أحمد علي", handle: "@ahmedali", testimonial: "تجربة رائعة وطعم لا ينسى، البوكسات مثالية للجمعات.", imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg"},
|
||||
{
|
||||
id: "2", name: "سارة محمد", handle: "@sarah_m", testimonial: "أفضل آيس كريم في العراق، خدمة ممتازة وتغليف فاخر.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg"},
|
||||
{
|
||||
id: "3", name: "خالد حسن", handle: "@khalid_h", testimonial: "اللقمة الساخنة هي المفضل عندي، طعم أصيل ومذاق عالي.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg"},
|
||||
{
|
||||
id: "4", name: "نور الهدى", handle: "@noor_huda", testimonial: "كل مرة أطلب فيها أكون راضية، جودة المكونات واضحة جداً.", imageSrc: "http://img.b2bpic.net/free-photo/cute-blond-woman-cozy-wear-home_624325-3014.jpg"},
|
||||
{
|
||||
id: "5", name: "عمر محمود", handle: "@omar_m", testimonial: "شكراً لجمال التقديم ولذة الحلويات، دائماً خياري الأول.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg"},
|
||||
]}
|
||||
title="ماذا يقول عملاؤنا عنا"
|
||||
description="نحن فخورون بكوننا جزءاً من مناسباتكم السعيدة."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="قالوا عنا"
|
||||
description="آراء عملائنا الأعزاء الذين جعلونا جزءاً من مناسباتهم."
|
||||
textboxLayout="default"
|
||||
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" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "هل يوجد توصيل للمناطق البعيدة؟", content: "نعم، نوفر خدمات التوصيل لمعظم مناطق بغداد والمحافظات القريبة."},
|
||||
{
|
||||
id: "f2", title: "كيف يمكنني طلب بوكسات الجمعات؟", content: "يمكنك الطلب مباشرة عبر الواتساب أو من خلال صفحتنا على إنستغرام."},
|
||||
{
|
||||
id: "f3", title: "هل المنتجات طازجة يومياً؟", content: "نعم، نلتزم بتحضير كافة الحلويات والمثلجات طازجة بشكل يومي."},
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
faqsAnimation="slide-up"
|
||||
description="إجابات على الأسئلة الأكثر تكراراً حول طلباتكم."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="أسئلتكم الشائعة"
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "f1", title: "هل تتوفر خدمات توصيل؟", content: "نعم نوفر توصيل سريع داخل بغداد." },
|
||||
{ id: "f2", title: "كيف يمكن الطلب؟", content: "يمكنكم الطلب عبر الأرقام الموضحة في الموقع." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="تواصل معنا لطلب ضيافتك المميزة. فريقنا جاهز لخدمتكم دائماً عبر الواتساب أو زيارة موقعنا."
|
||||
buttons={[
|
||||
{
|
||||
text: "تواصل عبر الواتساب", href: "https://wa.me/964..."},
|
||||
{
|
||||
text: "تابعنا على إنستغرام", href: "https://instagram.com/alsaqi"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact">
|
||||
<ContactSplitForm
|
||||
title="تواصل معنا"
|
||||
description="يسعدنا سماع طلباتكم واستفساراتكم."
|
||||
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" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Al Saqi & The Loqma"
|
||||
copyrightText="© 2025 | جميع الحقوق محفوظة لشركة الساقي واللقمة"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/alsaqi", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+964...", ariaLabel: "Phone"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<FooterBase
|
||||
logoText="Al Saqi & The Loqma"
|
||||
columns={[
|
||||
{ title: "روابط", items: [{ label: "الرئيسية", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user