Merge version_2 into main #7

Open
bender wants to merge 5 commits from version_2 into main
3 changed files with 47 additions and 109 deletions

View File

@@ -1,23 +1,26 @@
@import url("./styles/base.css");
@import url("./styles/variables.css");
@tailwind base;
@tailwind components;
@tailwind utilities;
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
background-color: var(--background);
color: var(--foreground);
transition: background-color 0.3s ease, color 0.3s ease;
}
@layer base {
* {
@apply m-0 p-0 box-border;
}
html {
scroll-behavior: smooth;
}
body {
background-color: var(--background);
color: var(--foreground);
font-size: clamp(0.69rem, 0.92vw, 0.92rem);
line-height: 1.6;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: var(--font-inter), sans-serif;
}
h1,
@@ -26,56 +29,6 @@
h4,
h5,
h6 {
line-height: 1.2;
font-weight: 400;
}
button,
input,
textarea,
select {
font: inherit;
color: inherit;
}
img,
picture,
video,
canvas,
svg {
@apply block max-w-full;
}
}
@layer components {
.text-animation {
@apply overflow-hidden;
}
.words-trigger {
@apply inline-block overflow-hidden;
}
.word {
@apply inline-block;
}
}
@keyframes aurora {
0% {
background-position: 0% center;
}
100% {
background-position: 200% center;
}
}
@keyframes float {
0%,
100% {
transform: translateY(0px);
}
50% {
transform: translateY(-20px);
font-family: var(--font-inter), sans-serif;
}
}

View File

@@ -1,12 +1,14 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./styles/variables.css";
import "./globals.css";
const inter = Inter({ subsets: ["latin"] });
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "مطعم النجمه والهلال", description: "أفضل تجربة إفطار مصري أصيل. مفتوح 24 ساعة"
};
title: "مطعم النجمه والهلال", description: "أفضل تجربة إفطار مصري أصيل. مفتوح 24 ساعة"};
export default function RootLayout({
children,
@@ -15,7 +17,7 @@ export default function RootLayout({
}) {
return (
<html lang="ar" dir="rtl">
<body className={inter.className}>{children}
<body className={inter.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `

View File

@@ -57,23 +57,17 @@ export default function HomePage() {
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-tomato-with-egg-side-view_140725-9095.jpg?_wi=1", imageAlt: "أفضل إفطار مصري"
},
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-tomato-with-egg-side-view_140725-9095.jpg?_wi=1", imageAlt: "أفضل إفطار مصري"},
{
imageSrc: "http://img.b2bpic.net/free-photo/falafel-hummus-pita-middle-eastern-arabic-dishes-halal-food-top-view-copy-space_2829-14258.jpg?_wi=1", imageAlt: "فلافل مصرية"
},
imageSrc: "http://img.b2bpic.net/free-photo/falafel-hummus-pita-middle-eastern-arabic-dishes-halal-food-top-view-copy-space_2829-14258.jpg?_wi=1", imageAlt: "فلافل مصرية"},
{
imageSrc: "http://img.b2bpic.net/free-photo/chickpea-hummus-wooden-bowl-garnished-with-parsley-paprika-olive-oil-wooden-table_123827-22490.jpg?_wi=1", imageAlt: "حمص وسلطات"
},
imageSrc: "http://img.b2bpic.net/free-photo/chickpea-hummus-wooden-bowl-garnished-with-parsley-paprika-olive-oil-wooden-table_123827-22490.jpg?_wi=1", imageAlt: "حمص وسلطات"},
{
imageSrc: "http://img.b2bpic.net/free-photo/making-roti-ingredients-assortment_23-2149033954.jpg?_wi=1", imageAlt: "خبز عيش بلدي"
},
imageSrc: "http://img.b2bpic.net/free-photo/making-roti-ingredients-assortment_23-2149033954.jpg?_wi=1", imageAlt: "خبز عيش بلدي"},
{
imageSrc: "http://img.b2bpic.net/free-photo/pilaf-with-peas-salad_140725-6297.jpg?_wi=1", imageAlt: "كشري مصري"
},
imageSrc: "http://img.b2bpic.net/free-photo/pilaf-with-peas-salad_140725-6297.jpg?_wi=1", imageAlt: "كشري مصري"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-traditional-shakshuka-frying-pan-wooden-background_169016-17048.jpg?_wi=1", imageAlt: "شكشوكة"
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-traditional-shakshuka-frying-pan-wooden-background_169016-17048.jpg?_wi=1", imageAlt: "شكشوكة"},
]}
background={{ variant: "plain" }}
className="w-full"
@@ -89,20 +83,15 @@ export default function HomePage() {
<ProductCardFour
products={[
{
id: "1", name: "فلافل مصرية", price: "25 جنيه", variant: "طازجة يومياً", imageSrc: "http://img.b2bpic.net/free-photo/falafel-hummus-pita-middle-eastern-arabic-dishes-halal-food-top-view-copy-space_2829-14258.jpg?_wi=2", imageAlt: "فلافل مصرية"
},
id: "1", name: "فلافل مصرية", price: "25 جنيه", variant: "طازجة يومياً", imageSrc: "http://img.b2bpic.net/free-photo/falafel-hummus-pita-middle-eastern-arabic-dishes-halal-food-top-view-copy-space_2829-14258.jpg?_wi=2", imageAlt: "فلافل مصرية"},
{
id: "2", name: "حمص بالطحينة", price: "30 جنيه", variant: "صنع يدوي", imageSrc: "http://img.b2bpic.net/free-photo/chickpea-hummus-wooden-bowl-garnished-with-parsley-paprika-olive-oil-wooden-table_123827-22490.jpg?_wi=2", imageAlt: "حمص بالطحينة"
},
id: "2", name: "حمص بالطحينة", price: "30 جنيه", variant: "صنع يدوي", imageSrc: "http://img.b2bpic.net/free-photo/chickpea-hummus-wooden-bowl-garnished-with-parsley-paprika-olive-oil-wooden-table_123827-22490.jpg?_wi=2", imageAlt: "حمص بالطحينة"},
{
id: "3", name: "خبز عيش بلدي", price: "2 جنيه", variant: "مخبوز طازج", imageSrc: "http://img.b2bpic.net/free-photo/making-roti-ingredients-assortment_23-2149033954.jpg?_wi=2", imageAlt: "خبز عيش بلدي"
},
id: "3", name: "خبز عيش بلدي", price: "2 جنيه", variant: "مخبوز طازج", imageSrc: "http://img.b2bpic.net/free-photo/making-roti-ingredients-assortment_23-2149033954.jpg?_wi=2", imageAlt: "خبز عيش بلدي"},
{
id: "4", name: "كشري مصري", price: "45 جنيه", variant: "وجبة متكاملة", imageSrc: "http://img.b2bpic.net/free-photo/pilaf-with-peas-salad_140725-6297.jpg?_wi=2", imageAlt: "كشري مصري"
},
id: "4", name: "كشري مصري", price: "45 جنيه", variant: "وجبة متكاملة", imageSrc: "http://img.b2bpic.net/free-photo/pilaf-with-peas-salad_140725-6297.jpg?_wi=2", imageAlt: "كشري مصري"},
{
id: "5", name: "شكشوكة", price: "40 جنيه", variant: "بالجبن والطماطم", imageSrc: "http://img.b2bpic.net/free-photo/closeup-traditional-shakshuka-frying-pan-wooden-background_169016-17048.jpg?_wi=2", imageAlt: "شكشوكة"
},
id: "5", name: "شكشوكة", price: "40 جنيه", variant: "بالجبن والطماطم", imageSrc: "http://img.b2bpic.net/free-photo/closeup-traditional-shakshuka-frying-pan-wooden-background_169016-17048.jpg?_wi=2", imageAlt: "شكشوكة"},
]}
title="أشهى الأطباق المميزة"
description="اكتشف تشكيلتنا من أفضل الأطباق المصرية الأصيلة المحضرة بعناية فائقة"
@@ -160,28 +149,22 @@ export default function HomePage() {
testimonials={[
{
id: "1", name: "أحمد علي", handle: "@ahmadali", testimonial: "أفضل مكان لتناول الإفطار. الطعام طازج والخدمة ممتازة جداً. بصراحة لا أتوقف عن التردد عليهم", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1", imageAlt: "أحمد علي"
},
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1", imageAlt: "أحمد علي"},
{
id: "2", name: "فاطمة محمد", handle: "@fatimaM", testimonial: "المكان نظيف والموظفون لطيفون جداً. جودة الطعام ممتازة وأسعار معقولة", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1", imageAlt: "فاطمة محمد"
},
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1", imageAlt: "فاطمة محمد"},
{
id: "3", name: "محمود سيد", handle: "@mahmoudS", testimonial: "أتمنى أن تحسنوا التقييم والاستجابة للآراء. المنتج جيد لكن بحاجة لتحسين التواصل مع العملاء", rating: 3,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2", imageAlt: "محمود سيد"
},
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2", imageAlt: "محمود سيد"},
{
id: "4", name: "ليلى حسن", handle: "@lilahasan", testimonial: "الحمد لله تحسن الخدمة كثيراً. نتطلع لرؤية المزيد من الابتكارات في القائمة", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "ليلى حسن"
},
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "ليلى حسن"},
{
id: "5", name: "خالد إبراهيم", handle: "@khalidib", testimonial: "موقع رائع وطعام لذيذ. تجربة تناول الطعام هنا دائماً ممتعة وجميلة", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2", imageAlt: "خالد إبراهيم"
},
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2", imageAlt: "خالد إبراهيم"},
{
id: "6", name: "نور أحمد", handle: "@noorahmad", testimonial: "مكان جميل والطعم يستحق. بأمل تطوروا أكثر في الخدمة العملاء والتسليم", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=3", imageAlt: "نور أحمد"
},
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=3", imageAlt: "نور أحمد"},
]}
showRating={true}
title="آراء عملائنا الكرام"
@@ -207,7 +190,8 @@ export default function HomePage() {
tagIcon={CheckCircle}
textboxLayout="default"
useInvertedBackground={false}
names={["Google Maps", "فودافيون", "كارم", "بوابة الطعام", "فيسبوك", "تويتر", "واتس أب"]}
names={[
"Google Maps", "فودافيون", "كارم", "بوابة الطعام", "فيسبوك", "تويتر", "واتس أب"]}
speed={40}
showCard={true}
containerClassName="w-full"
@@ -231,8 +215,7 @@ export default function HomePage() {
id: 1,
tag: "الموقع", title: "عبده إبراهيم الدسوقي", subtitle: "متفرع من جمال عبدالناصر - مصر", description: "يقع مطعمنا في قلب المدينة بموقع متميز يسهل الوصول إليه. قريب من جميع وسائل النقل والخدمات", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-bright-color-sitting-furniturs-panoramic-windows_114579-1521.jpg?_wi=2", imageAlt: "موقع المطعم", buttons: [
{
text: "حصول على الاتجاهات", href: "https://maps.google.com/?q=عبده+إبراهيم+الدسوقي,+مصر"
},
text: "حصول على الاتجاهات", href: "https://maps.google.com/?q=عبده+إبراهيم+الدسوقي,+مصر"},
],
},
{