185 lines
10 KiB
TypeScript
185 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Clock, Flame, Leaf } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Snack CoQ d'Or"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Snack CoQ d'Or chez Aissam"
|
|
description="تجربة الدجاج المشوي بالطريقة الأصلية وألذ العصائر الطبيعية الطازجة في قلب مدينة تيغسالين."
|
|
buttons={[{ text: "اطلب الآن عبر واتساب", href: "https://wa.me/212626980870" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-chicken-oil-tomatoes-garlic-lemon-chicken-with-herbs-cutting-board_140725-73692.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg", alt: "happy diner 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg", alt: "happy diner 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/happy-couple-talking-each-other-lunch-time-restaurant-focus-is-woman-eating-sandwich_637285-1962.jpg", alt: "happy diner 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg", alt: "happy diner 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156166.jpg", alt: "happy diner 5" }
|
|
]}
|
|
avatarText="انضم إلى أكثر من 5000 زبون راضٍ"
|
|
marqueeItems={[
|
|
{ type: "text", text: "دجاج طازج 100%" },
|
|
{ type: "text", text: "عصائر طبيعية" },
|
|
{ type: "text", text: "خدمة سريعة" },
|
|
{ type: "text", text: "نكهة لا تقاوم" },
|
|
{ type: "text", text: "جودة عالية" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="جودة لا تضاهى"
|
|
metrics={[
|
|
{ icon: Flame, label: "دجاج طازج يومياً", value: "100%" },
|
|
{ icon: Leaf, label: "عصائر طبيعية", value: "100%" },
|
|
{ icon: Clock, label: "خدمة سريعة", value: "24/7" }
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", title: "خلطة سرية", author: "طاقم عملنا", description: "تتبيلة خاصة تجعل الدجاج أكثر طراوة ولذة.", tags: ["طبيعي", "لذيذ"], imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-glass-marble-background_1150-45566.jpg" },
|
|
{ id: "f2", title: "عصائر طازجة", author: "طاقم عملنا", description: "عصائر طبيعية 100% بدون إضافات كيميائية.", tags: ["صحي", "منعش"], imageSrc: "http://img.b2bpic.net/free-photo/orange-juice-glass_74190-3798.jpg" },
|
|
{ id: "f3", title: "جودة عالية", author: "طاقم عملنا", description: "نختار أجود أنواع الدجاج الطازج.", tags: ["جودة", "ممتاز"], imageSrc: "http://img.b2bpic.net/free-photo/delicious-christmas-dish-arrangement_23-2148719854.jpg" }
|
|
]}
|
|
title="ماذا يميزنا؟"
|
|
description="نقدم أفضل النكهات الطازجة لزبنائنا الأعزاء."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", name: "دجاج مشوي كامل", price: "70 درهم", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-roasted-chicken-thanksgiving-dinner_23-2148638970.jpg" },
|
|
{ id: "p2", name: "نصف دجاجة", price: "35 درهم", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-colorful-sauces-white-notebook-bowls-colorful-sauces-black-pepper-plate-chicken-french-fries_140725-110715.jpg" },
|
|
{ id: "p3", name: "ساندويش دجاج", price: "20 درهم", imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-chicken-kebab-lettuce_2829-16668.jpg" },
|
|
{ id: "p4", name: "عصير برتقال", price: "10 درهم", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-glass-orange-juice_84443-83875.jpg" },
|
|
{ id: "p5", name: "عصير أفوكا", price: "15 درهم", imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-green-smoothie_23-2148171075.jpg" },
|
|
{ id: "p6", name: "عصائر مشكلة", price: "12 درهم", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-iced-raspberry-juice_23-2148037144.jpg" }
|
|
]}
|
|
title="قائمة الطعام"
|
|
description="اكتشف تشكيلتنا اللذيذة من المشويات والعصائر."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "5000+", description: "زبون سعيد" },
|
|
{ id: "m2", value: "100%", description: "رضا العملاء" },
|
|
{ id: "m3", value: "365", description: "يوم عمل في السنة" }
|
|
]}
|
|
title="إحصائيات النجاح"
|
|
description="نحن فخورون بتقديم أفضل خدمة لكم دائماً."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "t1", name: "ياسين", role: "زبون دائم", company: "تيغسالين", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg" },
|
|
{ id: "t2", name: "فاطمة", role: "زبونة", company: "تيغسالين", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-friends-with-food_23-2149410427.jpg" },
|
|
{ id: "t3", name: "عمر", role: "زبون", company: "تيغسالين", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg" },
|
|
{ id: "t4", name: "سارة", role: "زبونة", company: "تيغسالين", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
|
|
{ id: "t5", name: "محمد", role: "زبون", company: "تيغسالين", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-discussing-with-waiter-who-is-serving-her-food-pub_637285-6627.jpg" }
|
|
]}
|
|
title="آراء الزبناء"
|
|
description="ماذا يقول زبنائنا عن تجربتهم معنا."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
tag="اتصل بنا"
|
|
title="هل أنت جائع؟ اطلب الآن"
|
|
description="تواصل معنا مباشرة عبر واتساب أو تفضل بزيارتنا في العنوان التالي: Boulevard Mohamed 5, Tighssaline 54003."
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312221.jpg"
|
|
mediaAnimation="slide-up"
|
|
buttonText="طلب عبر واتساب"
|
|
onSubmit={() => window.open('https://wa.me/212626980870', '_blank')}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "الرئيسية", href: "#hero" },
|
|
{ label: "القائمة", href: "#products" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "واتساب", href: "https://wa.me/212626980870" },
|
|
{ label: "العنوان", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
logoText="Snack CoQ d'Or"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |