albert/budapest-bisztro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

-

Browse Source
This commit is contained in:
skidoodle
2025-10-20 14:36:30 +02:00
parent 98c7ce8f87
commit 388311ed31
4 changed files with 30 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/App.tsx
View File

@@ -1,10 +1,10 @@
import Header from '@/components/Header'; import Header from "@/components/Header";
import Hero from '@/components/Hero'; import Hero from "@/components/Hero";
import About from '@/components/About'; import About from "@/components/About";
import Menu from '@/components/Menu'; import Menu from "@/components/Menu";
import Reservations from '@/components/Reservations'; import Reservations from "@/components/Reservations";
import Delivery from '@/components/Delivery'; import Delivery from "@/components/Delivery";
import Footer from '@/components/Footer'; import Footer from "@/components/Footer";
export function App() { export function App() {
return ( return (

12
src/components/Contact.tsx
View File

@@ -1,12 +0,0 @@
export default function Contact() {
return (
<section id="kapcsolat" className="py-24 bg-slate-900">
<div className="container mx-auto px-6 text-center">
<h2 className="mb-8 text-3xl font-bold">Kapcsolat</h2>
<p className="mb-4 text-lg text-slate-300">123 Budapest utca, Budapest, Magyarország</p>
<p className="mb-4 text-lg text-slate-300">Telefon: +36 1 234 5678</p>
<p className="text-lg text-slate-300">E-mail: info@gulyaskiraly.hu</p>
</div>
</section>
);
}

30
src/components/Menu.tsx
View File

@@ -5,27 +5,27 @@ import menu4 from "@/public/menu4.png";
const menuItems = [ const menuItems = [
{ {
name: 'Gulyásleves', name: "Gulyásleves",
description: 'Gazdag marhahúsos és zöldséges pörkölt, fűszerpaprikával ízesítve.', description: "Gazdag marhahúsos és zöldséges pörkölt, fűszerpaprikával ízesítve.",
price: '4 990 Ft', price: "4 990 Ft",
image: menu1, image: menu1,
}, },
{ {
name: 'Rántott csirke burgonyapürével', name: "Rántott csirke burgonyapürével",
description: 'Ropogós panírozott csirke, krémes burgonyapürével és friss salátával.', description: "Ropogós panírozott csirke, krémes burgonyapürével és friss salátával.",
price: '5 900 Ft', price: "5 900 Ft",
image: menu2, image: menu2,
}, },
{ {
name: 'Csirkepaprikás nokedlivel', name: "Csirkepaprikás nokedlivel",
description: 'Tejfölös paprikás csirke friss házi galuskával tálalva.', description: "Tejfölös paprikás csirke friss házi galuskával tálalva.",
price: '5 500 Ft', price: "5 500 Ft",
image: menu3, image: menu3,
}, },
{ {
name: 'Sült csülök káposztával', name: "Sült csülök káposztával",
description: 'Ropogósra sült csülök, párolt savanyú káposztával és tört burgonyával.', description: "Ropogósra sült csülök, párolt savanyú káposztával és tört burgonyával.",
price: '6 500 Ft', price: "6 500 Ft",
image: menu4, image: menu4,
}, },
]; ];
@@ -41,11 +41,7 @@ export default function Menu() {
<div className="mt-16 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4"> <div className="mt-16 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4">
{menuItems.map((item) => ( {menuItems.map((item) => (
<div key={item.name} className="group relative overflow-hidden rounded-lg shadow-lg"> <div key={item.name} className="group relative overflow-hidden rounded-lg shadow-lg">
<img <img src={item.image} alt={item.name} className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-110" />
src={item.image}
alt={item.name}
className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-110"
/>
<div className="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent" /> <div className="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent" />
<div className="absolute bottom-0 left-0 p-6 text-white"> <div className="absolute bottom-0 left-0 p-6 text-white">
<h3 className="text-2xl font-bold">{item.name}</h3> <h3 className="text-2xl font-bold">{item.name}</h3>

20
src/index.html
View File

@@ -1,13 +1,13 @@
<!doctype html> <!doctype html>
<html lang="hu"> <html lang="hu">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="./logo.svg" /> <link rel="icon" type="image/svg+xml" href="./logo.svg" />
<title>Budapest Bisztró</title> <title>Budapest Bisztró</title>
<script type="module" src="./frontend.tsx" async></script> <script type="module" src="./frontend.tsx" async></script>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
</body> </body>
</html> </html>