feat: align landing page structure with modern IT layout concepts
This commit is contained in:
Do Siki
+20
-6
@@ -28,11 +28,25 @@ export default function Home() {
|
||||
{pageContent.hero.title}
|
||||
</h1>
|
||||
<p
|
||||
className="text-lg md:text-xl max-w-4xl mx-auto mb-10 leading-relaxed animate-fade-in-up"
|
||||
className="text-lg md:text-xl max-w-4xl mx-auto mb-8 leading-relaxed animate-fade-in-up"
|
||||
style={{ color: 'var(--color-foreground-muted)', animationDelay: '100ms' }}
|
||||
>
|
||||
{pageContent.hero.description}
|
||||
</p>
|
||||
|
||||
{pageContent.hero.trustBullets && (
|
||||
<div
|
||||
className="flex flex-wrap justify-center gap-4 md:gap-8 mb-10 text-sm font-medium animate-fade-in-up"
|
||||
style={{ color: 'var(--color-foreground-secondary)', animationDelay: '150ms' }}
|
||||
>
|
||||
{pageContent.hero.trustBullets.map((bullet: string, i: number) => (
|
||||
<div key={i} className="flex items-center gap-2">
|
||||
<span style={{ color: 'var(--color-primary-500)' }}>✓</span>
|
||||
{bullet}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
<div
|
||||
className="flex flex-col sm:flex-row gap-4 justify-center items-center animate-fade-in-up"
|
||||
style={{ animationDelay: '200ms' }}
|
||||
@@ -76,11 +90,11 @@ export default function Home() {
|
||||
className="text-3xl md:text-4xl font-bold mb-4"
|
||||
style={{ color: 'var(--color-foreground)' }}
|
||||
>
|
||||
{siteConfig.about.title}
|
||||
{pageContent.about.title}
|
||||
</h2>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 stagger-children">
|
||||
{siteConfig.about.usps.map((usp, index) => (
|
||||
{pageContent.about.usps.map((usp: any, index: number) => (
|
||||
<div
|
||||
key={usp.id}
|
||||
className="group text-center p-6 rounded-xl transition-all duration-300 hover-lift animate-fade-in-up"
|
||||
@@ -121,17 +135,17 @@ export default function Home() {
|
||||
className="text-3xl md:text-4xl font-bold mb-4"
|
||||
style={{ color: 'var(--color-foreground)' }}
|
||||
>
|
||||
{siteConfig.services.title}
|
||||
{pageContent.services.title}
|
||||
</h2>
|
||||
<p
|
||||
className="text-lg max-w-3xl mx-auto"
|
||||
style={{ color: 'var(--color-foreground-muted)' }}
|
||||
>
|
||||
{siteConfig.services.subtitle}
|
||||
{pageContent.services.subtitle}
|
||||
</p>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
|
||||
{siteConfig.services.services.map((service, index) => (
|
||||
{pageContent.services.items.map((service: any, index: number) => (
|
||||
<div
|
||||
key={service.id}
|
||||
className="group card hover-lift"
|
||||
|
||||
@@ -32,7 +32,7 @@ export default function ServicesPage() {
|
||||
{/* Services Grid */}
|
||||
<section className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
||||
{siteConfig.services.services.map((service) => (
|
||||
{content.pages.home.services.items.map((service: any) => (
|
||||
<div key={service.id} className="bg-white rounded-xl shadow-sm border border-gray-200 p-8 hover:shadow-md transition-shadow">
|
||||
<div className="w-16 h-16 bg-blue-100 rounded-lg flex items-center justify-center mb-6">
|
||||
<span className="text-2xl">{service.icon}</span>
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
'use client'
|
||||
|
||||
import { siteConfig } from '@/config/site'
|
||||
import { content } from '@/content'
|
||||
|
||||
export default function Footer() {
|
||||
return (
|
||||
@@ -103,7 +104,7 @@ export default function Footer() {
|
||||
Szolgáltatások
|
||||
</h3>
|
||||
<ul className="space-y-3">
|
||||
{siteConfig.services.services.map((service) => (
|
||||
{content.pages.home.services.items.map((service: any) => (
|
||||
<li
|
||||
key={service.id}
|
||||
className="flex items-center gap-2 text-sm"
|
||||
|
||||
@@ -31,90 +31,6 @@ export const siteConfig: SiteConfig = {
|
||||
]
|
||||
},
|
||||
|
||||
|
||||
services: {
|
||||
title: 'Szolgáltatásaink',
|
||||
subtitle: 'Komplex megoldásokat kínálunk, amelyek tökéletesen igazodnak a vállalkozás igényeihez.',
|
||||
services: [
|
||||
{
|
||||
id: 'hosting',
|
||||
title: 'Web Hosting',
|
||||
description: 'Stabil és gyors tárhely szolgáltatás megbízható infrastrukturával és folyamatos monitoringgel.',
|
||||
icon: '🔥',
|
||||
features: [
|
||||
'99.9% uptime garancia',
|
||||
'SSD tárhely gyorsabb válaszidőért',
|
||||
'24/7 monitoring és támogatás',
|
||||
'Automatikus backup rendszer',
|
||||
'SSL tanúsítvány belefoglaltva'
|
||||
],
|
||||
ctaText: 'További információk'
|
||||
},
|
||||
{
|
||||
id: 'email',
|
||||
title: 'Email Szolgáltatás',
|
||||
description: 'Üzembiztos levelezési megoldások modern biztonsággal és anti-spam védelemmel.',
|
||||
icon: '📧',
|
||||
features: [
|
||||
'Domain alapú email címe',
|
||||
'Webmail és IMAP/POP3 támogatása',
|
||||
'Anti-spam és anti-virus védelem',
|
||||
'Mobil szinkronizáció',
|
||||
'Nagy tárterület 10GB/felhasználó'
|
||||
],
|
||||
ctaText: 'További információk'
|
||||
},
|
||||
{
|
||||
id: 'dns',
|
||||
title: 'DNS Adminisztráció',
|
||||
description: 'Teljeskörű domain névszerver kezelés és optimalizálás gyors névfeloldással.',
|
||||
icon: '🌐',
|
||||
features: [
|
||||
'Biztonságos DNS konfliktus kezelés',
|
||||
'Email routing konfiguráció',
|
||||
'Subdomain management',
|
||||
'DNSSEC támogatás',
|
||||
'FIGYELEM: Senki ne módosítson nélkülem kérem!'
|
||||
],
|
||||
ctaText: 'További információk'
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
about: {
|
||||
title: 'Miért érdemes minket választani?',
|
||||
description: [
|
||||
'A mozdIT Bt. 2018 óta nyújt megbízható Web Hosting szolgáltatásokat magyar vállalkozások számára.',
|
||||
'Kis ügyfélközpontú csapatunknak köszönhetően személyre szabott és gyors támogatást tudunk biztosítani.'
|
||||
],
|
||||
usps: [
|
||||
{
|
||||
id: 'personal',
|
||||
title: 'Személyes ügyfélkezelés',
|
||||
description: 'Egyedi figyelem minden ügyfél felé, személyre szabott megoldásokkal.',
|
||||
icon: '👤'
|
||||
},
|
||||
{
|
||||
id: 'fast',
|
||||
title: 'Gyors reagálás',
|
||||
description: 'Azonnali visszajelzés és hatékony problémamegoldás 24 órás támogatással.',
|
||||
icon: '⚡'
|
||||
},
|
||||
{
|
||||
id: 'reliable',
|
||||
title: 'Stabil háttér',
|
||||
description: 'Biztonságos infrastruktúra és rendszeres mentések, megbízhatóság garanciával.',
|
||||
icon: '🛡️'
|
||||
},
|
||||
{
|
||||
id: 'flexible',
|
||||
title: 'Rugalmas támogatás',
|
||||
description: 'A változó igényekhez alkalmazkodó, örökös technikai karbantartás.',
|
||||
icon: '🔧'
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
footer: {
|
||||
copyright: `© ${new Date().getFullYear()} mozdIT Bt. Minden jog fenntartva.`,
|
||||
links: [
|
||||
|
||||
@@ -3,24 +3,104 @@
|
||||
"title": "Megbízható web‑ és email‑szolgáltatás személyre szabott támogatással",
|
||||
"subtitle": "Kis ügyfélkör, nagy figyelem: stabil tárhely, üzembiztos levelezés és DNS adminisztráció — gyors reakcióval.",
|
||||
"description": "A mozdIT Bt. célja, hogy megbízható, támogató szolgáltatásokkal segítse ügyfeleit a digitális térben való sikerben.",
|
||||
"trustBullets": [
|
||||
"Saját dedikált infrastruktúra",
|
||||
"Webtárhely, domain, e-mail egy helyen",
|
||||
"Kifejezetten kisvállalkozásokra szabva"
|
||||
],
|
||||
"cta": {
|
||||
"primary": {
|
||||
"text": "Beszéljük át, mire van szüksége",
|
||||
"href": "/kapcsolat",
|
||||
"external": false
|
||||
},
|
||||
"secondary": {
|
||||
"text": "Webmail Ugrás",
|
||||
"href": "https://webmail.mozdit.hu",
|
||||
"external": true
|
||||
},
|
||||
"secondary": {
|
||||
"text": "Kapcsolatfelvétel",
|
||||
"href": "/kapcsolat"
|
||||
}
|
||||
}
|
||||
},
|
||||
"about": {
|
||||
"title": "Miért érdemes minket választani?",
|
||||
"usps": [
|
||||
{
|
||||
"id": "egyszeru",
|
||||
"title": "Egyszerűen kezelhető szolgáltatások",
|
||||
"description": "Nincs technoblabla. Átlátható és könnyen használható rendszereket biztosítunk, hogy Ön a saját üzletére fókuszálhasson.",
|
||||
"icon": "🎯"
|
||||
},
|
||||
{
|
||||
"id": "nemtomeg",
|
||||
"title": "Nem tömegszolgáltatás",
|
||||
"description": "Egyedi figyelem és rugalmas, személyre szabott csomagok, amelyek tökéletesen igazodnak a vállalkozása igényeihez.",
|
||||
"icon": "👤"
|
||||
},
|
||||
{
|
||||
"id": "egykezben",
|
||||
"title": "Minden egy kézben",
|
||||
"description": "Domain, webtárhely és üzleti e-mail szolgáltatások zökkenőmentes kezelése, mindent egyetlen megbízható helyről.",
|
||||
"icon": "🧩"
|
||||
},
|
||||
{
|
||||
"id": "magyar",
|
||||
"title": "Személyes és gyors ügyintézés",
|
||||
"description": "Azonnali, emberi és magyar nyelvű támogatás – nálunk nem csak egy sorszám, valódi és gyors segítséget kap.",
|
||||
"icon": "⚡"
|
||||
}
|
||||
]
|
||||
},
|
||||
"services": {
|
||||
"title": "Szolgáltatásaink",
|
||||
"subtitle": "Komplex megoldásokat kínálunk, amelyek tökéletesen igazodnak a vállalkozás igényeihez.",
|
||||
"items": [
|
||||
{
|
||||
"id": "hosting",
|
||||
"title": "Webtárhely (Hosting)",
|
||||
"description": "Stabil és gyors tárhely szolgáltatás saját infrastruktúrán, biztonsági mentésekkel és magas rendelkezésre állással.",
|
||||
"icon": "🔥",
|
||||
"features": [
|
||||
"99.9% uptime garancia",
|
||||
"SSD alapú gyors kiszolgálás",
|
||||
"24/7 rendszeres monitoring",
|
||||
"Automatikus backup rendszer"
|
||||
],
|
||||
"ctaText": "További információk"
|
||||
},
|
||||
{
|
||||
"id": "email",
|
||||
"title": "E-mail szolgáltatás",
|
||||
"description": "Üzleti, saját domain alapú levelezés magas szintű spamszűréssel, bárhonnan elérhető webmail felülettel.",
|
||||
"icon": "📧",
|
||||
"features": [
|
||||
"Saját domain alapú e-mail címek",
|
||||
"Biztonságos webmail és IMAP/POP3",
|
||||
"Erős spam- és vírusvédelem",
|
||||
"Nagy tárterület"
|
||||
],
|
||||
"ctaText": "További információk"
|
||||
},
|
||||
{
|
||||
"id": "domain",
|
||||
"title": "Domain és DNS",
|
||||
"description": "Teljes körű domain regisztráció, kezelés és biztonságos névszerver (DNS) adminisztráció.",
|
||||
"icon": "🌐",
|
||||
"features": [
|
||||
"Magyar és nemzetközi domainek",
|
||||
"Biztonságos DNS kezelés",
|
||||
"Email routing (SPF, DKIM, DMARC)",
|
||||
"Gyors ügyintézés"
|
||||
],
|
||||
"ctaText": "További információk"
|
||||
}
|
||||
]
|
||||
},
|
||||
"cta": {
|
||||
"title": "Kapcsolatfelvétel az első lépés",
|
||||
"subtitle": "Mutassuk meg, hogyan segíthetünk Önnek megvalósítani céljait!",
|
||||
"button": "Kapcsolatfelvétel"
|
||||
"title": "Kérjen személyre szabott ajánlatot",
|
||||
"subtitle": "Legyen szó weboldalról vagy biztonságos levelezésről, megtaláljuk az Ön számára tökéletes megoldást.",
|
||||
"button": "Kérjen ajánlatot"
|
||||
},
|
||||
"serviceFeatures": {
|
||||
"title": "Szolgáltatás jellemzők:"
|
||||
"title": "A szolgáltatás tartalmazza:"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
export interface SiteConfig {
|
||||
general: GeneralConfig
|
||||
navigation: NavigationConfig
|
||||
hero: HeroSectionConfig
|
||||
services: ServiceSectionConfig
|
||||
about: AboutSectionConfig
|
||||
hero?: HeroSectionConfig
|
||||
services?: ServiceSectionConfig
|
||||
about?: AboutSectionConfig
|
||||
footer: FooterConfig
|
||||
contact: ContactConfig
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user