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 Hero from '@/components/Hero';
import About from '@/components/About';
import Menu from '@/components/Menu';
import Reservations from '@/components/Reservations';
import Delivery from '@/components/Delivery';
import Footer from '@/components/Footer';
import Header from "@/components/Header";
import Hero from "@/components/Hero";
import About from "@/components/About";
import Menu from "@/components/Menu";
import Reservations from "@/components/Reservations";
import Delivery from "@/components/Delivery";
import Footer from "@/components/Footer";
export function App() {
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 = [
{
name: 'Gulyásleves',
description: 'Gazdag marhahúsos és zöldséges pörkölt, fűszerpaprikával ízesítve.',
price: '4 990 Ft',
name: "Gulyásleves",
description: "Gazdag marhahúsos és zöldséges pörkölt, fűszerpaprikával ízesítve.",
price: "4 990 Ft",
image: menu1,
},
{
name: 'Rántott csirke burgonyapürével',
description: 'Ropogós panírozott csirke, krémes burgonyapürével és friss salátával.',
price: '5 900 Ft',
name: "Rántott csirke burgonyapürével",
description: "Ropogós panírozott csirke, krémes burgonyapürével és friss salátával.",
price: "5 900 Ft",
image: menu2,
},
{
name: 'Csirkepaprikás nokedlivel',
description: 'Tejfölös paprikás csirke friss házi galuskával tálalva.',
price: '5 500 Ft',
name: "Csirkepaprikás nokedlivel",
description: "Tejfölös paprikás csirke friss házi galuskával tálalva.",
price: "5 500 Ft",
image: menu3,
},
{
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.',
price: '6 500 Ft',
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.",
price: "6 500 Ft",
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">
{menuItems.map((item) => (
<div key={item.name} className="group relative overflow-hidden rounded-lg shadow-lg">
<img
src={item.image}
alt={item.name}
className="h-full w-full object-cover transition-transform duration-300 group-hover:scale-110"
/>
<img 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 bottom-0 left-0 p-6 text-white">
<h3 className="text-2xl font-bold">{item.name}</h3>

20
src/index.html
View File

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