171 lines
12 KiB
TypeScript
171 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import { Star, Users, Clock, MapPin } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="blurBottom"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="medium"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
brandName="مخبز اليفي"
|
||
navItems={[
|
||
{ name: "الرئيسية", id: "hero" },
|
||
{ name: "عن المخبز", id: "about" },
|
||
{ name: "المنتجات", id: "features" },
|
||
{ name: "أوقات العمل", id: "opening-hours" },
|
||
{ name: "التواصل", id: "contact" }
|
||
]}
|
||
bottomLeftText="المدينة المنورة، السعودية"
|
||
bottomRightText="+966 55 221 0085"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogo
|
||
logoText="اليفي"
|
||
description="مرحباً بكم في مخبز اليفي بالمدينة المنورة! نقدم لكم أشهى المخبوزات والحلويات الطازجة يومياً مع أجود المكونات وأفضل طرق التحضير. زورونا لتجربة طعم لا يُنسى وأجواء مريحة داخل المخبز."
|
||
buttons={[
|
||
{ text: "اتصل بنا", href: "tel:+966552210085" },
|
||
{ text: "تعرف أكثر", href: "#about" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-african-american-couple-love-having-great-time-together-their-dating-attractive-couple-enjoying-each-other-eating-restaurant_613910-18747.jpg?_wi=1"
|
||
imageAlt="مخبز اليفي ديكور داخلي دافئ"
|
||
showDimOverlay={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
title="اليفي: مخبز متميز في المدينة المنورة"
|
||
metrics={[
|
||
{ icon: Star, label: "تقييم العملاء", value: "ممتاز" },
|
||
{ icon: Users, label: "العملاء الراضون", value: "مئات" },
|
||
{ icon: Clock, label: "ساعات العمل", value: "18 ساعة" },
|
||
{ icon: MapPin, label: "الموقع المتميز", value: "حثم" }
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentySeven
|
||
title="قائمة المنتجات المتميزة"
|
||
description="نقدم مجموعة متنوعة من الحلويات والمعجنات والكرواسون الطازج والقهوة الممتازة. كل منتج مصنوع بعناية فائقة واهتمام بالجودة."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
gridVariant="three-columns-all-equal-width"
|
||
features={[
|
||
{
|
||
id: "croissant", title: "الكرواسون الطازج", description: "كرواسون ناعم ومقرمش، مصنوع يومياً بأجود المكونات. طعم رائع وشكل جميل جداً.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-pancakes-with-fruits-olives-dark-surface-sweet-fruit-cake_140725-82079.jpg?_wi=1", imageAlt: "كرواسون ذهبي طازج"
|
||
},
|
||
{
|
||
id: "danish", title: "الدانش المتنوعة", description: "معجنات دانش بحشوات متعددة. تشكيلة من الفواكه والكريمة والشيكولاتة.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizing-roasted-meat-pork-with-vegetables-thanksgiving-day-closeup_1220-6563.jpg", imageAlt: "معجنات دانش متنوعة الحشوات"
|
||
},
|
||
{
|
||
id: "lemon-tart", title: "تارت الليمون", description: "تارت لذيذة بطعم الليمون المنعش. قشرة مقرمشة وحشوة كريمية متوازنة.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-egg-frying-pan-with-orange-bell-pepper-with-tomato-wooden-background_141793-14840.jpg", imageAlt: "تارت الليمون الشهية"
|
||
},
|
||
{
|
||
id: "donut", title: "Donut Cream Parfait", description: "دونات متقنة مع طبقات كريمة لذيذة. مزيج مثالي من الطعم والملمس.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spanish-tortilla_23-2150166696.jpg", imageAlt: "Donut Cream Parfait شهي"
|
||
},
|
||
{
|
||
id: "cakes", title: "تشكيلة الكيك والحلويات", description: "تشكيلة متنوعة من أنواع الكيك والحلويات. كل واحدة مصنوعة بحب وحرفية عالية.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-steak-peppers-sauce_1339-5835.jpg", imageAlt: "تشكيلة كيك وحلويات مختلفة"
|
||
},
|
||
{
|
||
id: "coffee", title: "القهوة الممتازة", description: "قهوة اليوم المختارة بعناية. مشروبات ساخنة وباردة لتتمم تجربتك.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-pancakes-with-fruits-olives-dark-surface-sweet-fruit-cake_140725-82079.jpg?_wi=2", imageAlt: "قهوة ممتازة طازجة"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="opening-hours" data-section="opening-hours">
|
||
<MetricCardEleven
|
||
title="أوقات العمل"
|
||
description="يسعدنا استقبالكم يومياً من الساعة السادسة صباحاً وحتى الساعة الثانية صباحاً. نعمل بكل يوم من أيام الأسبوع لخدمتكم بأفضل طريقة وأعلى جودة."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
metrics={[
|
||
{
|
||
id: "daily-hours", value: "6:00 AM", title: "فتح المخبز", description: "نفتح أبوابنا يومياً الساعة 6 صباحاً", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-restaurant-is-decorated-with-greens_8353-9675.jpg", imageAlt: "مخبز اليفي أوقات العمل"
|
||
},
|
||
{
|
||
id: "closing-time", value: "2:00 AM", title: "إغلاق المخبز", description: "نغلق أبوابنا الساعة 2 صباحاً للقيام بأعمال الصيانة اليومية", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-couple-love-having-great-time-together-their-dating-attractive-couple-enjoying-each-other-eating-restaurant_613910-18747.jpg?_wi=2", imageAlt: "ساعات العمل المتقدمة"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
title="الأسئلة الشائعة"
|
||
description="كل ما تحتاج معرفته عن مخبز اليفي وخدماتنا"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqsAnimation="slide-up"
|
||
faqs={[
|
||
{
|
||
id: "products-quality", title: "ما الذي يميز منتجات اليفي؟", content: "نستخدم أجود المكونات وأفضل طرق التحضير. كل منتج يتم تحضيره بحب وحرفية عالية. الجودة والطعم هما أولويتنا الأولى لكل منتجاتنا."
|
||
},
|
||
{
|
||
id: "fresh-daily", title: "هل المنتجات طازجة يومياً؟", content: "نعم، جميع المخبوزات والحلويات تُحضّر طازجة يومياً. نفخر بأننا نقدم أفضل المنتجات الطازجة كل يوم دون استثناء."
|
||
},
|
||
{
|
||
id: "delivery", title: "هل تقدمون خدمة التوصيل؟", content: "نعم، نوفر التوصيل بدون تلامس والطعام السفري. اتصلوا بنا على +966 55 221 0085 لتقديم طلبكم."
|
||
},
|
||
{
|
||
id: "price-range", title: "ما متوسط الأسعار؟", content: "متوسط السعر للشخص الواحد من 20 إلى 40 ريال سعودي. أسعارنا منطقية وعادلة مقابل الجودة العالية التي نقدمها."
|
||
},
|
||
{
|
||
id: "location", title: "أين موقعكم بالضبط؟", content: "نقع في العنوان: 7975 طريق الملك عبدالله الفرعي، حثم، المدينة المنورة 42363، المملكة العربية السعودية. يمكنك البحث عنا على Google Maps برمز FM97+MG."
|
||
},
|
||
{
|
||
id: "reputation", title: "ما سمعتكم بين العملاء؟", content: "لدينا سمعة رائعة وآراء إيجابية من عملائنا الكرام. يقولون إن منتجاتنا من أجمل وأقوى في المدينة المنورة."
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
text="هل أنت مستعد لتذوق أشهى المخبوزات والحلويات الطازجة في المدينة المنورة؟ اتصل بنا الآن على +966 55 221 0085 أو زرنا في موقعنا المتميز من الساعة 6:00 صباحاً إلى الساعة 2:00 صباحاً يومياً!"
|
||
animationType="entrance-slide"
|
||
buttons={[
|
||
{ text: "اتصل بنا", href: "tel:+966552210085" },
|
||
{ text: "ابحث عننا على الخريطة", href: "https://maps.google.com/maps?q=7975+Abdulah+AL+Faruq+Branch+Rd,+Hatheem,+Medina" }
|
||
]}
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="مخبز اليفي"
|
||
copyrightText="© 2025 مخبز اليفي. 7975 طريق الملك عبدالله الفرعي، حثم، المدينة المنورة | +966 55 221 0085 | مفتوح يومياً 6:00 AM – 2:00 AM"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |