bender/e0681735-37e2-479c-a4f2-abb819bc6776
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 21:11:26 +00:00
parent e32ad01bb1
commit 5f78d9ec32
1 changed files with 19 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/app/page.tsx
View File

@@ -6,7 +6,6 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import { Instagram, Facebook, MapPin, Phone } from "lucide-react";
export default function LandingPage() {
@@ -27,65 +26,20 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home", id: "hero"},
{
name: "Menu", id: "pizza"},
{
name: "Location", id: "location"},
{ name: "Home", id: "hero" },
{ name: "Location", id: "location" },
]}
brandName="Cinematic Menu"
brandName="SnapFood"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "sparkles-gradient"}}
title="تجربة سينمائية فريدة"
description="استمتع بأشهى الأطباق المحضرة بعناية لتناسب أرقى الأذواق في المسيلة."
background={{ variant: "sparkles-gradient" }}
title="SnapFood"
description="تجربة طعام لا تُنسى في قلب المسيلة."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DY54XKt2hFvTcCkNKIyQO2WvF3/uploaded-1778446763966-tzb6vqkd.jpg?_wi=1"
mediaAnimation="blur-reveal"
avatars={[]}
marqueeItems={[
{ type: "text", text: "مشويات طازجة" },
{ type: "text", text: "بيتزا إيطالية" },
{ type: "text", text: "أجواء فاخرة" },
{ type: "text", text: "خدمة راقية" },
{ type: "text", text: "تجربة لا تنسى" },
]}
/>
</div>
<div id="pizza" data-section="pizza">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{ id: "p1", name: "بيتزا ترافل الفاخرة", price: "1200 دج", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DY54XKt2hFvTcCkNKIyQO2WvF3/uploaded-1778446763967-t7l3f4ur.jpg?_wi=1" },
{ id: "p2", name: "بيتزا الأجبان الأربعة", price: "950 دج", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DY54XKt2hFvTcCkNKIyQO2WvF3/uploaded-1778446763967-xiiyt0dx.jpg" },
{ id: "p3", name: "بيتزا المشروم الطازج", price: "1050 دج", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DY54XKt2hFvTcCkNKIyQO2WvF3/uploaded-1778446763967-6mbcri9f.jpg" },
{ id: "p4", name: "بيتزا مارينارا البحرية", price: "1300 دج", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DY54XKt2hFvTcCkNKIyQO2WvF3/uploaded-1778446763967-m8s7lp5j.jpg" },
]}
title="قسم البيتزا"
description="نحضر لك البيتزا بعجينة مخمرة لـ 48 ساعة ومكونات طازجة تأخذك في رحلة إلى قلب إيطاليا."
/>
</div>
<div id="grill" data-section="grill">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{ id: "g1", name: "مشاوي الفحم المشكلة", price: "1800 دج", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DY54XKt2hFvTcCkNKIyQO2WvF3/uploaded-1778446763966-tzb6vqkd.jpg?_wi=2" },
{ id: "g2", name: "دجاج مشوي بنكهة التوابل الخاصة", price: "1600 دج", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DY54XKt2hFvTcCkNKIyQO2WvF3/uploaded-1778446763967-t7l3f4ur.jpg?_wi=2" },
]}
title="الشاورما والمشويات"
description="تذوق طعم الشواء الأصلي، حيث تتبل اللحوم الطازجة بالخلطة السرية وتطهى على نار الفحم لضمان النكهة المدخنة التي لا تقاوم."
/>
</div>
@@ -93,26 +47,27 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="الموقع"
title="زورونا في المسيلة"
description="نحن بانتظاركم لتجربة تذوق لا تنسى."
tag="تواصل معنا"
title="موقعنا وساعات العمل"
description="تفضل بزيارتنا أو اتصل بنا لأي استفسار."
buttons={[
{ text: "خريطة جوجل", href: "https://maps.app.goo.gl/6xBMX4bDTa1ZoSRy6" },
{ text: "اتصل بنا", href: "tel:+2130541159065" },
{ text: "خريطة جوجل", href: "https://maps.app.goo.gl/ArqRzR1oF8mPZAf8A" },
{ text: "اتصل بالفرع الأول", href: "tel:0541159065" },
{ text: "اتصل بالفرع الثاني", href: "tel:0655281075" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Cinematic Menu"
copyrightText="© 2025 Cinematic Menu | تصميم: [سهيل بودراف](https://instagram.com/souhail_boudraf)"
logoText="SnapFood"
copyrightText="© 2025 SnapFood | [Design by Souhail Boudraf](https://www.instagram.com/slam._.3likm/?hl=en)"
socialLinks={[
{ icon: MapPin, href: "https://maps.app.goo.gl/6xBMX4bDTa1ZoSRy6", ariaLabel: "Google Maps" },
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
{ icon: Phone, href: "tel:0541159065", ariaLabel: "Phone 1" },
{ icon: Phone, href: "tel:0655281075", ariaLabel: "Phone 2" },
{ icon: MapPin, href: "https://maps.app.goo.gl/ArqRzR1oF8mPZAf8A", ariaLabel: "Google Maps" },
{ icon: Instagram, href: "https://www.instagram.com/snapfood.28/?hl=en", ariaLabel: "Instagram" },
{ icon: Facebook, href: "https://www.facebook.com/snap.food.28/#", ariaLabel: "Facebook" },
{ icon: Phone, href: "tel:0541159065", ariaLabel: "Phone 0541159065" },
{ icon: Phone, href: "tel:0655281075", ariaLabel: "Phone 0655281075" },
]}
/>
</div>