Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5e68cbcf0b | |||
| 99e1dd1c91 | |||
| 3fa00374cb | |||
| 8371bf1a60 | |||
| 64a1cc8db3 | |||
| 852e1fa01a | |||
| 4ad38afabe | |||
| c82e78e655 | |||
| 426800990e |
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||||
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||||
@@ -39,17 +39,21 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroBillboard
|
||||||
title="Хата Огню"
|
title="Хата Огню"
|
||||||
description="Authentic Ukrainian banquet experience. Family-owned restaurant celebrating culinary traditions, ethno-style elegance, and warm hospitality in a home-like setting."
|
description="Experience the warmth of traditional Ukrainian hospitality in a modern setting. Savor authentic dishes and cozy ambiance."
|
||||||
background={{ variant: "downward-rays-static" }}
|
background={{ variant: "downward-rays-static" }}
|
||||||
avatars={[
|
avatars={[
|
||||||
{ src: "https://img.b2bpic.net/free-photo/full-shot-woman-getting-warmer-by-fire_23-2149172517.jpg", alt: "Fireplace interior" }
|
{ src: "https://img.b2bpic.net/free-photo/full-shot-woman-getting-warmer-by-fire_23-2149172517.jpg", alt: "Fireplace interior" },
|
||||||
|
{ src: "https://img.b2bpic.net/free-photo/beautiful-landscape-with-mountains_23-2151151078.jpg", alt: "Mountain landscape" }
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Book a Table", href: "contacts" },
|
{ label: "Book a Table", href: "contacts", dataWebildId: "book_table_button" },
|
||||||
{ text: "View Menu", href: "menu" }
|
{ label: "View Menu", href: "menu", dataWebildId: "view_menu_button" },
|
||||||
|
{ label: "Visit Us", href: "about", dataWebildId: "visit_us_button" }
|
||||||
]}
|
]}
|
||||||
|
imageSrc="https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
|
||||||
|
imageAlt="Luxury gradient background"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -3,20 +3,20 @@
|
|||||||
/* --vw is set by ThemeProvider */
|
/* --vw is set by ThemeProvider */
|
||||||
|
|
||||||
/* --background: #f7f6f7;;
|
/* --background: #f7f6f7;;
|
||||||
--card: #ffffff;;
|
--card: #f9f5f6;;
|
||||||
--foreground: #0c1325;;
|
--foreground: #4a3c30;;
|
||||||
--primary-cta: #0798ff;;
|
--primary-cta: #ff9966;;
|
||||||
--secondary-cta: #ffffff;;
|
--secondary-cta: #f9f5f6;;
|
||||||
--accent: #93c7ff;;
|
--accent: #ffdab9;;
|
||||||
--background-accent: #a8cde8;; */
|
--background-accent: #ffe4c4;; */
|
||||||
|
|
||||||
--background: #f7f6f7;;
|
--background: #f5e6cc;;
|
||||||
--card: #ffffff;;
|
--card: #f9f5f6;;
|
||||||
--foreground: #0c1325;;
|
--foreground: #4a3c30;;
|
||||||
--primary-cta: #0798ff;;
|
--primary-cta: #ff9966;;
|
||||||
--secondary-cta: #ffffff;;
|
--secondary-cta: #f9f5f6;;
|
||||||
--accent: #93c7ff;;
|
--accent: #ffdab9;;
|
||||||
--background-accent: #a8cde8;;
|
--background-accent: #ffe4c4;;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user