bender/f2184537-c473-439d-8f0a-d9d8a2bf60d8
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-28 06:00:07 +00:00
parent 7032dcf524
commit 389093aba9
1 changed files with 66 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files

304
src/app/page.tsx
View File

@@ -34,29 +34,17 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Головна",
id: "hero",
},
name: "Головна", id: "hero"},
{
name: "Про нас",
id: "about",
},
name: "Про нас", id: "about"},
{
name: "Пропозиції",
id: "features",
},
name: "Пропозиції", id: "features"},
{
name: "Продукти",
id: "products",
},
name: "Продукти", id: "products"},
{
name: "Відгуки",
id: "testimonials",
},
name: "Відгуки", id: "testimonials"},
{
name: "Контакти",
id: "contact",
},
name: "Контакти", id: "contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/vintage-bronze-art-nouveau-badge-vector_53876-78942.jpg"
logoAlt="Вино&М'ясо Логотип"
@@ -67,87 +55,56 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Смак Вино&М'ясо: Де Традиція Зустрічає Досконалість"
description="Відкрийте для себе найкращий вибір вишуканих вин та преміального м'яса, ретельно відібраних для вашого задоволення. Досвід справжнього кулінарного мистецтва."
kpis={[
{
value: "15+",
label: "Років Досвіду",
},
value: "15+", label: "Років Досвіду"},
{
value: "500+",
label: "Сортів Вин",
},
value: "500+", label: "Сортів Вин"},
{
value: "100%",
label: "Задоволених Клієнтів",
},
value: "100%", label: "Задоволених Клієнтів"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Дослідити Вина",
href: "#products",
},
text: "Дослідити Вина", href: "#products"},
{
text: "Відкрити М'ясо",
href: "#products",
},
text: "Відкрити М'ясо", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/plate-steak-red-wine-sauce-mashed-vegetables_114579-2333.jpg"
imageAlt="Вишукане вино та преміальне м'ясо"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/guanaco_658691-426.jpg",
alt: "Задоволений клієнт 1",
},
src: "http://img.b2bpic.net/free-photo/guanaco_658691-426.jpg", alt: "Задоволений клієнт 1"},
{
src: "http://img.b2bpic.net/free-photo/gadolinium-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-12020.jpg",
alt: "Гурман з Вино&М'ясо",
},
src: "http://img.b2bpic.net/free-photo/gadolinium-chemical-element-sign-with-atomic-number-atomic-weight-periodic-table-element_559531-12020.jpg", alt: "Гурман з Вино&М'ясо"},
{
src: "http://img.b2bpic.net/free-photo/abstract-blue-grey-grunge-texture-background_84443-73825.jpg",
alt: "Шеф-кухар рекомендує",
},
src: "http://img.b2bpic.net/free-photo/abstract-blue-grey-grunge-texture-background_84443-73825.jpg", alt: "Шеф-кухар рекомендує"},
{
src: "http://img.b2bpic.net/free-photo/white-freesia-flowers-brown-background_84443-94665.jpg",
alt: "Любитель вин",
},
src: "http://img.b2bpic.net/free-photo/white-freesia-flowers-brown-background_84443-94665.jpg", alt: "Любитель вин"},
{
src: "http://img.b2bpic.net/free-photo/high-angle-aerial-view-horseback-riding-phuket-beach-shoreline_1308-189676.jpg",
alt: "Пристрасть до їжі",
},
src: "http://img.b2bpic.net/free-photo/high-angle-aerial-view-horseback-riding-phuket-beach-shoreline_1308-189676.jpg", alt: "Пристрасть до їжі"},
]}
avatarText="Приєднуйтесь до 1000+ задоволених клієнтів!"
marqueeItems={[
{
type: "text-icon",
text: "Вишукані Вина",
icon: Wine,
type: "text-icon", text: "Вишукані Вина", icon: Wine,
},
{
type: "text-icon",
text: "Преміальне М'ясо",
icon: Beef,
type: "text-icon", text: "Преміальне М'ясо", icon: Beef,
},
{
type: "text-icon",
text: "Свіжі Делікатеси",
icon: Package,
type: "text-icon", text: "Свіжі Делікатеси", icon: Package,
},
{
type: "text-icon",
text: "Регіональні Смаки",
icon: MapPin,
type: "text-icon", text: "Регіональні Смаки", icon: MapPin,
},
{
type: "text-icon",
text: "Виняткова Якість",
icon: Sparkles,
type: "text-icon", text: "Виняткова Якість", icon: Sparkles,
},
]}
marqueeSpeed={40}
@@ -159,9 +116,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Про Нас: Пристрасть до Смаку та Якості"
description={[
"Вино&М'ясо – це більше, ніж магазин. Це місце, де ми ділимося своєю любов'ю до справжнього смаку та якості. Ми ретельно відбираємо кожну пляшку вина та кожен шматок м'яса, щоб ви могли насолодитися неперевершеним досвідом.",
"Наша місія – поєднати найкращі місцеві та імпортні продукти, пропонуючи вибір, що задовольнить найвибагливіших гурманів. Ми віримо, що гарна їжа та вино – це спосіб життя.",
]}
"Вино&М'ясо – це більше, ніж магазин. Це місце, де ми ділимося своєю любов'ю до справжнього смаку та якості. Ми ретельно відбираємо кожну пляшку вина та кожен шматок м'яса, щоб ви могли насолодитися неперевершеним досвідом.", "Наша місія – поєднати найкращі місцеві та імпортні продукти, пропонуючи вибір, що задовольнить найвибагливіших гурманів. Ми віримо, що гарна їжа та вино – це спосіб життя."]}
/>
</div>
@@ -173,24 +128,16 @@ export default function LandingPage() {
features={[
{
icon: Wine,
title: "Ексклюзивні Вина",
description: "Широкий вибір вин з кращих виноробних регіонів світу. Від класики до рідкісних екземплярів.",
},
title: "Ексклюзивні Вина", description: "Широкий вибір вин з кращих виноробних регіонів світу. Від класики до рідкісних екземплярів."},
{
icon: Star,
title: "Преміальне М'ясо",
description: "Найвищої якості м'ясо від перевірених фермерів, для справжніх гурманів.",
},
title: "Преміальне М'ясо", description: "Найвищої якості м'ясо від перевірених фермерів, для справжніх гурманів."},
{
icon: Package,
title: "Гастрономічні Сети",
description: "Ідеальні подарункові набори та сети для особливих випадків.",
},
title: "Гастрономічні Сети", description: "Ідеальні подарункові набори та сети для особливих випадків."},
{
icon: Wine,
title: "Дегустації",
description: "Організовуємо професійні дегустації вин та м'ясних делікатесів.",
},
title: "Дегустації", description: "Організовуємо професійні дегустації вин та м'ясних делікатесів."},
]}
title="Наші Основні Пропозиції"
description="Відкрийте для себе світ вишуканих смаків, які ми пропонуємо."
@@ -205,53 +152,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "wine-1",
name: "Червоне Сухе 'Grand Cru'",
price: "1200 грн",
variant: "Каберне Совіньйон",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-pomegranate-wine-blue-wall-drink-fruit-alcohol-wine-sour-color-juice-bar-restaurant_179666-17552.jpg",
imageAlt: "Червоне Сухе Grand Cru",
},
id: "wine-1", name: "Червоне Сухе 'Grand Cru'", price: "1200 грн", variant: "Каберне Совіньйон", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pomegranate-wine-blue-wall-drink-fruit-alcohol-wine-sour-color-juice-bar-restaurant_179666-17552.jpg", imageAlt: "Червоне Сухе Grand Cru"},
{
id: "wine-2",
name: "Біле Напівсолодке 'Chardonnay'",
price: "850 грн",
variant: "Шардоне",
imageSrc: "http://img.b2bpic.net/free-photo/champagne-bottle-with-glass-tray_23-2148356493.jpg",
imageAlt: "Біле Напівсолодке Chardonnay",
},
id: "wine-2", name: "Біле Напівсолодке 'Chardonnay'", price: "850 грн", variant: "Шардоне", imageSrc: "http://img.b2bpic.net/free-photo/champagne-bottle-with-glass-tray_23-2148356493.jpg", imageAlt: "Біле Напівсолодке Chardonnay"},
{
id: "wine-3",
name: "Ігристе 'Prosecco'",
price: "600 грн",
variant: "Сухе",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wine-stopper-collection-beside-corkscrew_23-2148414199.jpg",
imageAlt: "Ігристе Prosecco",
},
id: "wine-3", name: "Ігристе 'Prosecco'", price: "600 грн", variant: "Сухе", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wine-stopper-collection-beside-corkscrew_23-2148414199.jpg", imageAlt: "Ігристе Prosecco"},
{
id: "meat-1",
name: "Яловича Вирізка 'Prime'",
price: "1500 грн/кг",
variant: "Охолоджена",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-meat-slice-raw-meat-with-pepper-dark-background-butcher-animal-photo-chicken-color-food_179666-45951.jpg",
imageAlt: "Яловича Вирізка Prime",
},
id: "meat-1", name: "Яловича Вирізка 'Prime'", price: "1500 грн/кг", variant: "Охолоджена", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-meat-slice-raw-meat-with-pepper-dark-background-butcher-animal-photo-chicken-color-food_179666-45951.jpg", imageAlt: "Яловича Вирізка Prime"},
{
id: "meat-2",
name: "Свинячі Ребра BBQ",
price: "700 грн/кг",
variant: "Мариновані",
imageSrc: "http://img.b2bpic.net/free-photo/slice-pork_1339-582.jpg",
imageAlt: "Свинячі Ребра BBQ",
},
id: "meat-2", name: "Свинячі Ребра BBQ", price: "700 грн/кг", variant: "Мариновані", imageSrc: "http://img.b2bpic.net/free-photo/slice-pork_1339-582.jpg", imageAlt: "Свинячі Ребра BBQ"},
{
id: "meat-3",
name: "Качина Ніжка Конфі",
price: "300 грн/шт",
variant: "Готова",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-chorizo-sausage-sliced-arrangement_23-2148974717.jpg",
imageAlt: "Качина Ніжка Конфі",
},
id: "meat-3", name: "Качина Ніжка Конфі", price: "300 грн/шт", variant: "Готова", imageSrc: "http://img.b2bpic.net/free-photo/tasty-chorizo-sausage-sliced-arrangement_23-2148974717.jpg", imageAlt: "Качина Ніжка Конфі"},
]}
title="Наша Колекція"
description="Зануртесь у світ досконалості з нашим асортиментом вишуканих вин та преміального м'яса."
@@ -265,29 +176,17 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Досвід",
value: "15+",
},
id: "m1", icon: Award,
title: "Досвід", value: "15+"},
{
id: "m2",
icon: Grape,
title: "Сортів Вин",
value: "500+",
},
id: "m2", icon: Grape,
title: "Сортів Вин", value: "500+"},
{
id: "m3",
icon: Beef,
title: "Видів М'яса",
value: "100+",
},
id: "m3", icon: Beef,
title: "Видів М'яса", value: "100+"},
{
id: "m4",
icon: Smile,
title: "Задоволених Клієнтів",
value: "10K+",
},
id: "m4", icon: Smile,
title: "Задоволених Клієнтів", value: "10K+"},
]}
title="Чому Обирають Нас"
description="Наші цінності та досягнення, які підтверджують нашу відданість якості."
@@ -299,14 +198,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Château Margaux",
"Toscana Meats",
"Vineyard Estate",
"Artisan Butchery",
"Premium Delicatesse",
"Gourmet Selection",
"Fine Wine Co.",
]}
"Château Margaux", "Toscana Meats", "Vineyard Estate", "Artisan Butchery", "Premium Delicatesse", "Gourmet Selection", "Fine Wine Co."]}
title="Партнери та Постачальники"
description="Ми пишаємося співпрацею з найкращими виробниками, щоб забезпечити найвищу якість."
/>
@@ -316,47 +208,18 @@ export default function LandingPage() {
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{
id: "t1",
name: "Олена Коваль",
handle: "@elenakov",
testimonial: "Неймовірний вибір вин та свіжого м'яса! Завжди знаходжу щось особливе для наших сімейних вечерь.",
imageSrc: "http://img.b2bpic.net/free-photo/authentic-person-eating-fresh-cheese_23-2150220533.jpg",
imageAlt: "Олена Коваль",
},
id: "t1", name: "Олена Коваль", handle: "@elenakov", testimonial: "Неймовірний вибір вин та свіжого м'яса! Завжди знаходжу щось особливе для наших сімейних вечерь.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-person-eating-fresh-cheese_23-2150220533.jpg", imageAlt: "Олена Коваль"},
{
id: "t2",
name: "Андрій Петренко",
handle: "@andriyp",
testimonial: "Якість м'яса вражає, а консультанти завжди допоможуть підібрати ідеальне вино. Ви – найкращі!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-serving-food-talking-his-wife-while-having-family-lunch-dining-table_637285-3150.jpg",
imageAlt: "Андрій Петренко",
},
id: "t2", name: "Андрій Петренко", handle: "@andriyp", testimonial: "Якість м'яса вражає, а консультанти завжди допоможуть підібрати ідеальне вино. Ви – найкращі!", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-serving-food-talking-his-wife-while-having-family-lunch-dining-table_637285-3150.jpg", imageAlt: "Андрій Петренко"},
{
id: "t3",
name: "Марина Савченко",
handle: "@marinasav",
testimonial: "Регулярно замовляю тут для свого ресторану. Ніколи не підводять з якістю та сервісом.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-women-wine-balcony_329181-15445.jpg",
imageAlt: "Марина Савченко",
},
id: "t3", name: "Марина Савченко", handle: "@marinasav", testimonial: "Регулярно замовляю тут для свого ресторану. Ніколи не підводять з якістю та сервісом.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-women-wine-balcony_329181-15445.jpg", imageAlt: "Марина Савченко"},
{
id: "t4",
name: "Сергій Бондар",
handle: "@serhiyb",
testimonial: "Справжній рай для гурманів! Кожна покупка – це маленьке свято смаку.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-lemonade-home_1303-24214.jpg",
imageAlt: "Сергій Бондар",
},
id: "t4", name: "Сергій Бондар", handle: "@serhiyb", testimonial: "Справжній рай для гурманів! Кожна покупка – це маленьке свято смаку.", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-lemonade-home_1303-24214.jpg", imageAlt: "Сергій Бондар"},
{
id: "t5",
name: "Ірина Мельник",
handle: "@irynam",
testimonial: "Чудовий асортимент та приємні ціни. Тепер це мій улюблений магазин.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-doing-organic-food-shopping_482257-76126.jpg",
imageAlt: "Ірина Мельник",
},
id: "t5", name: "Ірина Мельник", handle: "@irynam", testimonial: "Чудовий асортимент та приємні ціни. Тепер це мій улюблений магазин.", imageSrc: "http://img.b2bpic.net/free-photo/couple-doing-organic-food-shopping_482257-76126.jpg", imageAlt: "Ірина Мельник"},
]}
title="Відгуки Наших Клієнтів"
description="Що говорять про нас наші шановні клієнти."
@@ -369,20 +232,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "Як здійснюється доставка м'яса?",
content: "Ми пропонуємо кур'єрську доставку охолодженого м'яса в спеціалізованих термобоксах для збереження свіжості.",
},
id: "faq1", title: "Як здійснюється доставка м'яса?", content: "Ми пропонуємо кур'єрську доставку охолодженого м'яса в спеціалізованих термобоксах для збереження свіжості."},
{
id: "faq2",
title: "Чи можна замовити дегустацію вин?",
content: "Так, ми регулярно проводимо дегустації. Слідкуйте за анонсами на нашому сайті або зв'яжіться з нами для індивідуальної домовленості.",
},
id: "faq2", title: "Чи можна замовити дегустацію вин?", content: "Так, ми регулярно проводимо дегустації. Слідкуйте за анонсами на нашому сайті або зв'яжіться з нами для індивідуальної домовленості."},
{
id: "faq3",
title: "Які способи оплати доступні?",
content: "Ви можете оплатити замовлення онлайн банківською карткою, готівкою при отриманні або за безготівковим розрахунком для юридичних осіб.",
},
id: "faq3", title: "Які способи оплати доступні?", content: "Ви можете оплатити замовлення онлайн банківською карткою, готівкою при отриманні або за безготівковим розрахунком для юридичних осіб."},
]}
title="Часті Запитання"
description="Знайдіть відповіді на найпоширеніші запитання щодо наших продуктів та послуг."
@@ -394,18 +248,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Готові Зануритися у Світ Смаку? Зв'яжіться з Нами!"
buttons={[
{
text: "Надіслати Повідомлення",
href: "mailto:info@vinomeat.ua",
},
text: "Надіслати Повідомлення", href: "mailto:info@vinomeat.ua"},
{
text: "Знайти Нас на Карті",
href: "https://maps.google.com/?q=Вино%26М%27ясо",
},
text: "Знайти Нас на Карті", href: "https://maps.google.com/?q=Вино%26М%27ясо"},
]}
/>
</div>
@@ -417,54 +266,33 @@ export default function LandingPage() {
logoText="Вино&М'ясо"
columns={[
{
title: "Про Нас",
items: [
title: "Про Нас", items: [
{
label: "Наша Історія",
href: "#about",
},
label: "Наша Історія", href: "#about"},
{
label: "Команда",
href: "#",
},
label: "Команда", href: "#"},
{
label: "Цінності",
href: "#",
},
label: "Цінності", href: "#"},
],
},
{
title: "Продукти",
items: [
title: "Продукти", items: [
{
label: "Вина",
href: "#products",
},
label: "Вина", href: "#products"},
{
label: "М'ясо",
href: "#products",
},
label: "М'ясо", href: "#products"},
{
label: "Делікатеси",
href: "#",
},
label: "Делікатеси", href: "#"},
],
},
{
title: "Контакти",
items: [
title: "Контакти", items: [
{
label: "Зв'язатися",
href: "#contact",
},
label: "Зв'язатися", href: "#contact"},
{
label: "Адреса",
href: "https://maps.google.com/?q=Вино%26М%27ясо",
},
label: "Адреса", href: "https://maps.google.com/?q=Вино%26М%27ясо"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
]}