Merge version_1_1781997343897 into main #2
@@ -9,203 +9,93 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroTiltedCards
|
||||
tag="کافه کتاب لیبریا"
|
||||
title="تجربهای متفاوت از منو"
|
||||
description="اولین منوی ویدیویی هوشمند؛ تماشا کنید، انتخاب کنید و لذت ببرید."
|
||||
primaryButton={{
|
||||
text: "مشاهده منو",
|
||||
href: "#menu",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "درباره ما",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/woman-pouring-sugar-into-coffee_23-2147765328.jpg?_wi=1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pouring-sugar-into-coffee_23-2147765328.jpg?_wi=2",
|
||||
imageAlt: "barista brewing coffee bookstore atmosphere",
|
||||
},
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/young-girl-works-cafe-bar_1321-4330.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-book_23-2147776704.jpg?_wi=1",
|
||||
imageAlt: "barista brewing coffee bookstore atmosphere",
|
||||
},
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/close-up-girl-pouring-coffee-mug_23-2148350191.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-hands-trendy-green-matcha-drink-smartphone-top-view_169016-33945.jpg?_wi=1",
|
||||
imageAlt: "barista brewing coffee bookstore atmosphere",
|
||||
},
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187556.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-muffins-served-with-cup-black-tea_140725-5777.jpg?_wi=1",
|
||||
imageAlt: "barista brewing coffee bookstore atmosphere",
|
||||
},
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/view-coffee-machine-making-coffee-home_23-2151699736.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-fruit-berry-tea-with-mint_114579-11295.jpg?_wi=1",
|
||||
imageAlt: "barista brewing coffee bookstore atmosphere",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="کافه کتاب لیبریا"
|
||||
title="تجربهای متفاوت از منو"
|
||||
description="اولین منوی ویدیویی هوشمند؛ تماشا کنید، انتخاب کنید و لذت ببرید."
|
||||
primaryButton={{ text: "مشاهده منو", href: "#menu" }}
|
||||
secondaryButton={{ text: "درباره ما", href: "#about" }}
|
||||
items={[
|
||||
{ videoSrc: "http://img.b2bpic.net/free-photo/woman-pouring-sugar-into-coffee_23-2147765328.jpg" },
|
||||
{ videoSrc: "http://img.b2bpic.net/free-photo/young-girl-works-cafe-bar_1321-4330.jpg" },
|
||||
{ videoSrc: "http://img.b2bpic.net/free-photo/close-up-girl-pouring-coffee-mug_23-2148350191.jpg" },
|
||||
{ videoSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187556.jpg" },
|
||||
{ videoSrc: "http://img.b2bpic.net/free-photo/view-coffee-machine-making-coffee-home_23-2151699736.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<div id="menu" data-section="menu">
|
||||
<SectionErrorBoundary name="menu">
|
||||
<FeaturesImageBento
|
||||
tag="منوی ما"
|
||||
title="محصولات ویژه"
|
||||
description="ویدیوهای کوتاه از محصولات ما برای انتخابی راحتتر."
|
||||
items={[
|
||||
{
|
||||
title: "کاپوچینو ویژه",
|
||||
description: "۱۲۰ هزار تومان - طعم کلاسیک با هنر لاته",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/tea-book_23-2147776704.jpg?_wi=2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-book_23-2147776704.jpg?_wi=3",
|
||||
imageAlt: "cappuccino latte art steam close up",
|
||||
},
|
||||
{
|
||||
title: "ماچا لاته",
|
||||
description: "۱۵۰ هزار تومان - ترکیب انرژیبخش و سالم",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/woman-holding-hands-trendy-green-matcha-drink-smartphone-top-view_169016-33945.jpg?_wi=2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pouring-sugar-into-coffee_23-2147765328.jpg?_wi=3",
|
||||
imageAlt: "cappuccino latte art steam close up",
|
||||
},
|
||||
{
|
||||
title: "کیک شکلاتی",
|
||||
description: "۹۰ هزار تومان - شکلات غلیظ با پخت خانگی",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/chocolate-muffins-served-with-cup-black-tea_140725-5777.jpg?_wi=2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-hands-trendy-green-matcha-drink-smartphone-top-view_169016-33945.jpg?_wi=3",
|
||||
imageAlt: "cappuccino latte art steam close up",
|
||||
},
|
||||
{
|
||||
title: "دمنوش میوهای",
|
||||
description: "۸۰ هزار تومان - آرامبخش و طبیعی",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/homemade-fruit-berry-tea-with-mint_114579-11295.jpg?_wi=2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-muffins-served-with-cup-black-tea_140725-5777.jpg?_wi=3",
|
||||
imageAlt: "cappuccino latte art steam close up",
|
||||
},
|
||||
{
|
||||
title: "نان تست آووکادو",
|
||||
description: "۱۸۰ هزار تومان - صبحانهای مقوی و تازه",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/avocado-toast-plate-with-copy-space_23-2148891767.jpg?_wi=1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-fruit-berry-tea-with-mint_114579-11295.jpg?_wi=3",
|
||||
imageAlt: "cappuccino latte art steam close up",
|
||||
},
|
||||
{
|
||||
title: "کلد برو",
|
||||
description: "۱۱۰ هزار تومان - قهوه سرد دم با طعم خالص",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/iced-coffee-sugar-cubes-top-view_23-2149600696.jpg?_wi=1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/avocado-toast-plate-with-copy-space_23-2148891767.jpg?_wi=2",
|
||||
imageAlt: "cappuccino latte art steam close up",
|
||||
},
|
||||
{
|
||||
title: "رول دارچین",
|
||||
description: "۷۰ هزار تومان - گرم و خوشعطر",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-cinnamon-rolls-covered-white-glaze-black-table_181624-20360.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-sugar-cubes-top-view_23-2149600696.jpg?_wi=2",
|
||||
imageAlt: "cappuccino latte art steam close up",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="منوی ما"
|
||||
title="محصولات ویژه"
|
||||
description="ویدیوهای کوتاه از محصولات ما برای انتخابی راحتتر."
|
||||
items={[
|
||||
{ title: "کاپوچینو ویژه", description: "۱۲۰ هزار تومان - طعم کلاسیک با هنر لاته", videoSrc: "http://img.b2bpic.net/free-photo/tea-book_23-2147776704.jpg" },
|
||||
{ title: "ماچا لاته", description: "۱۵۰ هزار تومان - ترکیب انرژیبخش و سالم", videoSrc: "http://img.b2bpic.net/free-photo/woman-holding-hands-trendy-green-matcha-drink-smartphone-top-view_169016-33945.jpg" },
|
||||
{ title: "کیک شکلاتی", description: "۹۰ هزار تومان - شکلات غلیظ با پخت خانگی", videoSrc: "http://img.b2bpic.net/free-photo/chocolate-muffins-served-with-cup-black-tea_140725-5777.jpg" },
|
||||
{ title: "دمنوش میوهای", description: "۸۰ هزار تومان - آرامبخش و طبیعی", videoSrc: "http://img.b2bpic.net/free-photo/homemade-fruit-berry-tea-with-mint_114579-11295.jpg" },
|
||||
{ title: "نان تست آووکادو", description: "۱۸۰ هزار تومان - صبحانهای مقوی و تازه", videoSrc: "http://img.b2bpic.net/free-photo/avocado-toast-plate-with-copy-space_23-2148891767.jpg" },
|
||||
{ title: "کلد برو", description: "۱۱۰ هزار تومان - قهوه سرد دم با طعم خالص", videoSrc: "http://img.b2bpic.net/free-photo/iced-coffee-sugar-cubes-top-view_23-2149600696.jpg" },
|
||||
{ title: "رول دارچین", description: "۷۰ هزار تومان - گرم و خوشعطر", videoSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-cinnamon-rolls-covered-white-glaze-black-table_181624-20360.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="درباره کافه کتاب لیبریا"
|
||||
primaryButton={{
|
||||
text: "تماس با ما",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="درباره کافه کتاب لیبریا"
|
||||
primaryButton={{ text: "تماس با ما", href: "#contact" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="steps" data-section="steps">
|
||||
<SectionErrorBoundary name="steps">
|
||||
<div id="steps" data-section="steps">
|
||||
<SectionErrorBoundary name="steps">
|
||||
<FeaturesDetailedSteps
|
||||
tag="تجربه ما"
|
||||
title="چگونه منوی ویدیویی کار میکند؟"
|
||||
description="ساده، سریع و بسیار جذاب."
|
||||
steps={[
|
||||
{
|
||||
tag: "۱",
|
||||
title: "تماشا کنید",
|
||||
subtitle: "ویدیوهای محصولات",
|
||||
description: "بدون خواندن متنهای طولانی، محصول را به صورت واقعی ببینید.",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/book-near-cup-woolen-plaid-table_23-2147952643.jpg?_wi=1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/book-near-cup-woolen-plaid-table_23-2147952643.jpg?_wi=2",
|
||||
imageAlt: "cappuccino latte art steam close up",
|
||||
},
|
||||
{
|
||||
tag: "۲",
|
||||
title: "انتخاب کنید",
|
||||
subtitle: "سفارش راحت",
|
||||
description: "با تماشای ویدیو، طعم و کیفیت را حس کنید.",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23335.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pouring-sugar-into-coffee_23-2147765328.jpg?_wi=4",
|
||||
imageAlt: "cappuccino latte art steam close up",
|
||||
},
|
||||
{
|
||||
tag: "۳",
|
||||
title: "لذت ببرید",
|
||||
subtitle: "سرو گرم",
|
||||
description: "سفارش شما در کوتاهترین زمان آماده میشود.",
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheesecake-with-strawberry-chocolate-plate-bowls_140725-105622.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-book_23-2147776704.jpg?_wi=4",
|
||||
imageAlt: "cappuccino latte art steam close up",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="تجربه ما"
|
||||
title="چگونه منوی ویدیویی کار میکند؟"
|
||||
description="ساده، سریع و بسیار جذاب."
|
||||
steps={[
|
||||
{ tag: "۱", title: "تماشا کنید", subtitle: "ویدیوهای محصولات", description: "بدون خواندن متنهای طولانی، محصول را به صورت واقعی ببینید.", videoSrc: "http://img.b2bpic.net/free-photo/book-near-cup-woolen-plaid-table_23-2147952643.jpg" },
|
||||
{ tag: "۲", title: "انتخاب کنید", subtitle: "سفارش راحت", description: "با تماشای ویدیو، طعم و کیفیت را حس کنید.", videoSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23335.jpg" },
|
||||
{ tag: "۳", title: "لذت ببرید", subtitle: "سرو گرم", description: "سفارش شما در کوتاهترین زمان آماده میشود.", videoSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheesecake-with-strawberry-chocolate-plate-bowls_140725-105622.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="پرسشهای متداول"
|
||||
title="آیا سوالی دارید؟"
|
||||
description="ما اینجا هستیم تا پاسخگوی شما باشیم."
|
||||
items={[
|
||||
{
|
||||
question: "چرا منوی ویدیویی؟",
|
||||
answer: "چون دیدن واقعی محصول، اعتماد و جذابیت بیشتری دارد.",
|
||||
},
|
||||
{
|
||||
question: "آیا ویدیوها در موبایل روان هستند؟",
|
||||
answer: "بله، سیستم ما برای بهترین عملکرد در تمام دستگاهها بهینه شده است.",
|
||||
},
|
||||
{
|
||||
question: "آیا سفارش آنلاین ممکن است؟",
|
||||
answer: "بله، میتوانید از طریق منو سفارش خود را ثبت کنید.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="پرسشهای متداول"
|
||||
title="آیا سوالی دارید؟"
|
||||
description="ما اینجا هستیم تا پاسخگوی شما باشیم."
|
||||
items={[
|
||||
{ question: "چرا منوی ویدیویی?", answer: "چون دیدن واقعی محصول، اعتماد و جذابیت بیشتری دارد." },
|
||||
{ question: "آیا ویدیوها در موبایل روان هستند?", answer: "بله، سیستم ما برای بهترین عملکرد در تمام دستگاهها بهینه شده است." },
|
||||
{ question: "آیا سفارش آنلاین ممکن است?", answer: "بله، میتوانید از طریق منو سفارش خود را ثبت کنید." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="ارتباط با ما"
|
||||
text="برای رزرو و سوالات با ما در تماس باشید."
|
||||
primaryButton={{
|
||||
text: "تماس تلفنی",
|
||||
href: "tel:+982100000000",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "اینستاگرام",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="ارتباط با ما"
|
||||
text="برای رزرو و سوالات با ما در تماس باشید."
|
||||
primaryButton={{ text: "تماس تلفنی", href: "tel:+982100000000" }}
|
||||
secondaryButton={{ text: "اینستاگرام", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user