Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
258
src/app/page.tsx
258
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Perekus Plus"
|
||||
/>
|
||||
@@ -56,29 +44,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Свіжа їжа у вас вдома"
|
||||
description="Швидка доставка ваших улюблених страв від Perekus Plus. Смачно, гаряче та завжди вчасно."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-lemon-bell-pepper-cauliflower-carrot-lettuce-shopping-bag-dark-background_140725-145347.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-lemon-bell-pepper-cauliflower-carrot-lettuce-shopping-bag-dark-background_140725-145347.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/label-food-near-lunchbox_23-2147866330.jpg",
|
||||
alt: "Label and food near lunchbox",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-boxes-with-salad-yellow-background_23-2148247885.jpg",
|
||||
alt: "Flat lay boxes with salad on yellow background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-cabbage-carrots-greens-red-spicy-peppers-bright-desk-vegetable-food-meal-healthy-color_140725-31047.jpg",
|
||||
alt: "Top view vegetable composition cabbage carrots greens and red spicy peppers on the bright desk",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-capsicum-orange-bananas-gray-concrete-background_23-2148062371.jpg",
|
||||
alt: "Colorful capsicum; orange and bananas on gray concrete background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2150188339.jpg",
|
||||
alt: "Medium shot woman posing outdoors",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/label-food-near-lunchbox_23-2147866330.jpg", alt: "Label and food near lunchbox" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/flat-lay-boxes-with-salad-yellow-background_23-2148247885.jpg", alt: "Flat lay boxes with salad on yellow background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-cabbage-carrots-greens-red-spicy-peppers-bright-desk-vegetable-food-meal-healthy-color_140725-31047.jpg", alt: "Top view vegetable composition" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/colorful-capsicum-orange-bananas-gray-concrete-background_23-2148062371.jpg", alt: "Colorful capsicum" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2150188339.jpg", alt: "Medium shot woman posing outdoors" },
|
||||
]}
|
||||
avatarText="Приєднуйтесь до 5000+ задоволених клієнтів"
|
||||
/>
|
||||
@@ -89,9 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Про нас"
|
||||
description={[
|
||||
"Ми дбаємо про те, щоб кожен ваш обід був справжнім святом смаку.",
|
||||
"Використовуємо лише найсвіжіші продукти та найкращі рецепти від наших шефів.",
|
||||
]}
|
||||
"Ми дбаємо про те, щоб кожен ваш обід був справжнім святом смаку.", "Використовуємо лише найсвіжіші продукти та найкращі рецепти від наших шефів."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -102,41 +73,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Обирайте",
|
||||
description: "Оберіть улюблені страви у нашому меню.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-taking-pictures-meal_23-2149286426.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-lemon-bell-pepper-cauliflower-carrot-lettuce-shopping-bag-dark-background_140725-145347.jpg?_wi=2",
|
||||
imageAlt: "mobile app ordering screen",
|
||||
title: "Обирайте", description: "Оберіть улюблені страви у нашому меню.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-lover-taking-pictures-meal_23-2149286426.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Замовляйте",
|
||||
description: "Оформіть замовлення в один клік.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-phone-with-online-menu_23-2149303455.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149177827.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-cooking-salad_23-2148471922.jpg",
|
||||
imageAlt: "mobile app ordering screen",
|
||||
title: "Замовляйте", description: "Оформіть замовлення в один клік.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-phone-with-online-menu_23-2149303455.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149177827.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Насолоджуйтесь",
|
||||
description: "Ми доставимо все за 30 хвилин.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458977.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-using-maps-phones_53876-15135.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/editorial-style-valentine-s-day-celebration_23-2151922511.jpg?_wi=1",
|
||||
imageAlt: "mobile app ordering screen",
|
||||
},
|
||||
title: "Насолоджуйтесь", description: "Ми доставимо все за 30 хвилин.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-smartphone-device-with-map-gps-technology_23-2150458977.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-people-using-maps-phones_53876-15135.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Як ми працюємо"
|
||||
@@ -151,48 +98,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Фірмовий бургер",
|
||||
price: "180 грн",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/editorial-style-valentine-s-day-celebration_23-2151922511.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Піца Пепероні",
|
||||
price: "220 грн",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-pizza-with-cheese-vegetables-wooden-board_140725-1397.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Салат Цезар",
|
||||
price: "150 грн",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-waldorf-salad-wooden-background-top-view_127032-3275.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Паста Карбонара",
|
||||
price: "190 грн",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pasta-with-sauce-bowl-table-with-glass-red-wine_181624-31544.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Шоколадний торт",
|
||||
price: "90 грн",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-french-macarons-inside-plate-white-table-biscuit-sweet-cake_140725-124026.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Сет суші",
|
||||
price: "350 грн",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-sushi-delivery-varieties-sushi-lunch-dinner_132075-14375.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Perekus", name: "Фірмовий бургер", price: "180 грн", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/editorial-style-valentine-s-day-celebration_23-2151922511.jpg" },
|
||||
{ id: "p2", brand: "Perekus", name: "Піца Пепероні", price: "220 грн", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/meat-pizza-with-cheese-vegetables-wooden-board_140725-1397.jpg" },
|
||||
{ id: "p3", brand: "Perekus", name: "Салат Цезар", price: "150 грн", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/traditional-waldorf-salad-wooden-background-top-view_127032-3275.jpg" },
|
||||
{ id: "p4", brand: "Perekus", name: "Паста Карбонара", price: "190 грн", rating: 4, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pasta-with-sauce-bowl-table-with-glass-red-wine_181624-31544.jpg" },
|
||||
{ id: "p5", brand: "Perekus", name: "Шоколадний торт", price: "90 грн", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/front-view-french-macarons-inside-plate-white-table-biscuit-sweet-cake_140725-124026.jpg" },
|
||||
{ id: "p6", brand: "Perekus", name: "Сет суші", price: "350 грн", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/different-sushi-delivery-varieties-sushi-lunch-dinner_132075-14375.jpg" },
|
||||
]}
|
||||
title="Наші страви"
|
||||
description="Спробуйте найкращі хіти від нашого шефа."
|
||||
@@ -204,46 +115,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Чудова піца",
|
||||
quote: "Найкраща піца в місті!",
|
||||
name: "Олена",
|
||||
role: "Клієнт",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Швидка доставка",
|
||||
quote: "Привезли гарячим, супер.",
|
||||
name: "Андрій",
|
||||
role: "Клієнт",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-businessman-eating-hamburger-while-working-cafe_1163-1643.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Смачно",
|
||||
quote: "Завжди свіжі інгредієнти.",
|
||||
name: "Марина",
|
||||
role: "Клієнт",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-preparing-christmas-dinner_23-2149144965.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Рекомендую",
|
||||
quote: "Дуже смачно, дякую!",
|
||||
name: "Сергій",
|
||||
role: "Клієнт",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roommates-sharing-meal-together_23-2149112123.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Супер сервіс",
|
||||
quote: "Замовляю тільки тут.",
|
||||
name: "Ірина",
|
||||
role: "Клієнт",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-girl-colorful-cape-excited-happy-black-background-cleaning-housewife_140725-16149.jpg",
|
||||
},
|
||||
{ id: "1", title: "Чудова піца", quote: "Найкраща піца в місті!", name: "Олена", role: "Клієнт", imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg" },
|
||||
{ id: "2", title: "Швидка доставка", quote: "Привезли гарячим, супер.", name: "Андрій", role: "Клієнт", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-businessman-eating-hamburger-while-working-cafe_1163-1643.jpg" },
|
||||
{ id: "3", title: "Смачно", quote: "Завжди свіжі інгредієнти.", name: "Марина", role: "Клієнт", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-preparing-christmas-dinner_23-2149144965.jpg" },
|
||||
{ id: "4", title: "Рекомендую", quote: "Дуже смачно, дякую!", name: "Сергій", role: "Клієнт", imageSrc: "http://img.b2bpic.net/free-photo/roommates-sharing-meal-together_23-2149112123.jpg" },
|
||||
{ id: "5", title: "Супер сервіс", quote: "Замовляю тільки тут.", name: "Ірина", role: "Клієнт", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-girl-colorful-cape-excited-happy-black-background-cleaning-housewife_140725-16149.jpg" },
|
||||
]}
|
||||
title="Відгуки клієнтів"
|
||||
description="Що кажуть про нас наші гості."
|
||||
@@ -256,27 +132,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Замовлень",
|
||||
description: "Щомісяця",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-photos_23-2149250065.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Страви",
|
||||
description: "У меню",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-small-business-ecommerce-holding-take-away-food-looking-positive-happy-standing-smiling-with-confident-smile-showing-teeth_839833-9709.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30хв",
|
||||
title: "Доставка",
|
||||
description: "Середній час",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-having-meal_1170-1739.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1000+", title: "Замовлень", description: "Щомісяця", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-photos_23-2149250065.jpg" },
|
||||
{ id: "m2", value: "50+", title: "Страви", description: "У меню", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-small-business-ecommerce-holding-take-away-food-looking-positive-happy-standing-smiling-with-confident-smile-showing-teeth_839833-9709.jpg" },
|
||||
{ id: "m3", value: "30хв", title: "Доставка", description: "Середній час", imageSrc: "http://img.b2bpic.net/free-photo/business-executives-having-meal_1170-1739.jpg" },
|
||||
]}
|
||||
title="Наші досягнення"
|
||||
description="Результати нашої щоденної роботи."
|
||||
@@ -288,36 +146,22 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Як зробити замовлення?",
|
||||
content: "Оформіть через сайт або зателефонуйте.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Яка вартість доставки?",
|
||||
content: "Безкоштовна при замовленні від 300 грн.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Як працюєте?",
|
||||
content: "Щодня з 10:00 до 22:00.",
|
||||
},
|
||||
{ id: "q1", title: "Як зробити замовлення?", content: "Оформіть через сайт або зателефонуйте." },
|
||||
{ id: "q2", title: "Яка вартість доставки?", content: "Безкоштовна при замовленні від 300 грн." },
|
||||
{ id: "q3", title: "Як працюєте?", content: "Щодня з 10:00 до 22:00." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-metallic-kitchen_23-2151113203.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
title="Питання та відповіді"
|
||||
description="Корисна інформація для клієнтів."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Розсилка"
|
||||
title="Залишайтеся на зв'язку"
|
||||
description="Підпишіться на наші новини та акції."
|
||||
@@ -331,32 +175,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-people-having-fun-party_23-2149299023.jpg"
|
||||
logoText="Perekus Plus"
|
||||
columns={[
|
||||
{
|
||||
title: "Меню",
|
||||
items: [
|
||||
{
|
||||
label: "Бургери",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Піца",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Компанія",
|
||||
items: [
|
||||
{
|
||||
label: "Про нас",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Контакти",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Меню", items: [{ label: "Бургери", href: "#products" }, { label: "Піца", href: "#products" }] },
|
||||
{ title: "Компанія", items: [{ label: "Про нас", href: "#about" }, { label: "Контакти", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user