feat: enhance README and TODO documentation, implement mobile menu functionality in Header component
- Updated README.md with project details, quick start instructions, and tech stack. - Expanded TODO.md to reflect current project status and backlog items, including Linear ticket synchronization. - Added mobile menu toggle functionality in Header component with corresponding tests for user interactions. - Configured Next.js for Docker deployment and optimized build settings.
This commit is contained in:
Do Siki
@@ -0,0 +1,156 @@
|
||||
import { siteConfig } from '@/config/site'
|
||||
import type { Metadata } from 'next'
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: `Rólunk | ${siteConfig.general.name}`,
|
||||
description: 'Ismerje meg a mozdIT Bt. történetét, küldetését és értékeit. Több mint 10 éve nyújtunk megbízható IT szolgáltatásokat.',
|
||||
openGraph: {
|
||||
title: `Rólunk | ${siteConfig.general.name}`,
|
||||
description: 'Ismerje meg a mozdIT Bt. történetét, küldetését és értékeit.',
|
||||
url: `${siteConfig.general.url}/rolunk`,
|
||||
},
|
||||
}
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<div className="space-y-16 py-8">
|
||||
{/* Hero Section */}
|
||||
<section className="bg-gradient-to-r from-blue-50 to-indigo-50 py-16">
|
||||
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h1 className="text-4xl md:text-5xl font-bold text-gray-900 mb-6">
|
||||
Rólunk
|
||||
</h1>
|
||||
<p className="text-xl text-gray-600 leading-relaxed">
|
||||
Több mint 10 éve biztosítunk megbízható IT infrastruktúrát és személyes ügyfélszolgálatot
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Story Section */}
|
||||
<section className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="prose prose-lg mx-auto">
|
||||
<h2 className="text-3xl font-bold text-gray-900 mb-6">Történetünk</h2>
|
||||
|
||||
<div className="space-y-6 text-gray-700 leading-relaxed">
|
||||
<p>
|
||||
A <strong>mozdIT Bt.</strong> 2010-ben alakult azzal a céllal, hogy kisvállalkozások és
|
||||
magánszemélyek számára nyújtson megbízható, személyes IT szolgáltatásokat.
|
||||
Alapítóink több évtizedes tapasztalattal rendelkeznek a rendszeradminisztráció
|
||||
és webfejlesztés területén.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Kezdetben néhány ügyfél weboldalának üzemeltetésével indultunk, ma pedig
|
||||
több száz domain és email fiók működését biztosítjuk. Növekedésünk során
|
||||
mindig szem előtt tartottuk az alapelveinket: <em>megbízhatóság, személyes
|
||||
kapcsolat és műszaki kiválóság</em>.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Csapatunk folyamatosan képezi magát a legújabb technológiák terén, hogy
|
||||
ügyfeleink mindig korszerű és biztonságos megoldásokat kapjanak. Büszkék
|
||||
vagyunk arra, hogy sok ügyfelünkkel évek óta tartjuk a kapcsolatot, és
|
||||
számos projektet vittünk sikerre közösen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Mission & Values */}
|
||||
<section className="bg-gray-50 py-16">
|
||||
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="text-center mb-12">
|
||||
<h2 className="text-3xl font-bold text-gray-900 mb-4">
|
||||
Küldetésünk és értékeink
|
||||
</h2>
|
||||
<p className="text-lg text-gray-600 max-w-3xl mx-auto">
|
||||
Minden nap azért dolgozunk, hogy ügyfeleink digitális jelenléte biztonságos,
|
||||
stabil és hatékony legyen.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<span className="text-2xl">🛡️</span>
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold text-gray-900 mb-3">Megbízhatóság</h3>
|
||||
<p className="text-gray-600">
|
||||
99.9% uptime és 24/7 monitoring biztosítja, hogy szolgáltatásaink mindig
|
||||
elérhetők legyenek.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<span className="text-2xl">👥</span>
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold text-gray-900 mb-3">Személyes kapcsolat</h3>
|
||||
<p className="text-gray-600">
|
||||
Minden ügyfél számít számunkra. Személyre szabott megoldásokat kínálunk
|
||||
és mindig elérhetők vagyunk.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<div className="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<span className="text-2xl">⚡</span>
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold text-gray-900 mb-3">Műszaki kiválóság</h3>
|
||||
<p className="text-gray-600">
|
||||
Korszerű technológiák és bevált gyakorlatok alkalmazásával biztosítjuk
|
||||
a legmagasabb színvonalú szolgáltatást.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Team Section */}
|
||||
<section className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="text-center mb-12">
|
||||
<h2 className="text-3xl font-bold text-gray-900 mb-4">
|
||||
Szakértő csapat
|
||||
</h2>
|
||||
<p className="text-lg text-gray-600">
|
||||
Tapasztalt IT szakemberek, akik szenvedélyesen dolgoznak az ügyfeleink sikeréért
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="bg-white rounded-xl shadow-sm border border-gray-200 p-8">
|
||||
<div className="prose prose-lg mx-auto">
|
||||
<p className="text-gray-700 leading-relaxed">
|
||||
Csapatunk rendszeradminisztrátorokból, webfejlesztőkből és ügyfélszolgálati
|
||||
szakértőkből áll. Mindannyian több mint 10 éves tapasztalattal rendelkeznek
|
||||
a maguk területén, és folyamatosan követik a technológiai újdonságokat.
|
||||
</p>
|
||||
|
||||
<p className="text-gray-700 leading-relaxed">
|
||||
Hiszünk abban, hogy a jó kommunikáció és a műszaki tudás együtt teremti meg
|
||||
a tökéletes ügyfélélményt. Ezért minden munkatársunk nemcsak technikai
|
||||
szakértő, hanem kiváló kommunikátor is.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* CTA Section */}
|
||||
<section className="bg-gray-900 text-white py-16">
|
||||
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 className="text-3xl font-bold mb-4">
|
||||
Legyen Ön is elégedett ügyfelünk!
|
||||
</h2>
|
||||
<p className="text-xl text-gray-300 mb-8">
|
||||
Vegye fel velünk a kapcsolatot, és beszéljük meg, hogyan segíthetünk Önnek.
|
||||
</p>
|
||||
<a
|
||||
href="/kapcsolat"
|
||||
className="inline-block bg-blue-600 hover:bg-blue-700 text-white font-medium px-8 py-3 rounded-md transition-colors"
|
||||
>
|
||||
Kapcsolatfelvétel
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user