Update src/app/page.tsx
This commit is contained in:
364
src/app/page.tsx
364
src/app/page.tsx
@@ -16,226 +16,170 @@ 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"
|
||||
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="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="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="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="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="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="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="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={(email) => window.open('https://wa.me/212626980870', '_blank')}
|
||||
/>
|
||||
</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>
|
||||
<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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user