htamas1210/MotionWebStudio
1
0
Fork 0
mirror of https://github.com/Motion-Games/MotionWebStudio.git synced 2026-04-21 09:00:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

seo

Browse Source
This commit is contained in:
htom
2026-01-05 09:39:35 +01:00
parent 8f863153cb
commit 0a025c2654
5 changed files with 40 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@@ -1,14 +1,15 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="hu"> <html lang="hu">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%237c3aed;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%233b82f6;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='32' height='32' rx='8' fill='url(%23grad)'/%3E%3Cpath d='M22 20l4-4-4-4M10 12l-4 4 4 4M18.5 8l-5 16' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E" /> <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%237c3aed;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%233b82f6;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='32' height='32' rx='8' fill='url(%23grad)'/%3E%3Cpath d='M22 20l4-4-4-4M10 12l-4 4 4 4M18.5 8l-5 16' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Motion Web Stúdió - Professzionális Webfejlesztés</title> <title>Gyors honlapkészítés & professzionális weboldalak | MotionWeb</title>
<!-- SEO Meta Tags --> <!-- SEO Meta Tags -->
<meta name="description" content="A Motion Web Stúdió egyedi weboldalak, webáruházak és komplex digitális megoldások fejlesztésével foglalkozik. Növelje cége forgalmát velünk." /> <meta name="description" content="Készíttessen professzionális, SEO-optimalizált weboldalt gyorsan a MotionWeb félautomata technológiájával. Fix árak, rejtett költségek nélkül. Indítsa el vállalkozását online!" />
<meta name="keywords" content="webfejlesztés, nFix, weboldal készítés, webshop, egyedi fejlesztés, SEO, Motion Web" /> <meta name="keywords" content="weboldal készítés, gyors honlapkészítés, olcsó weboldal, olcsó honlapkészítés, félautomata weboldal, professzionális weboldal, SEO, MotionWeb" />
<meta name="author" content="Motion Web Stúdió" /> <meta name="author" content="Motion Web Stúdió" />
<!-- Tailwind CSS --> <!-- Tailwind CSS -->
@@ -75,4 +76,4 @@
<div id="root"></div> <div id="root"></div>
<script type="module" src="/index.tsx"></script> <script type="module" src="/index.tsx"></script>
</body> </body>
</html> </html>

25
pages/FAQ.tsx
View File

@@ -1,3 +1,4 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { ArrowLeft, HelpCircle, ChevronDown, ChevronUp } from 'lucide-react'; import { ArrowLeft, HelpCircle, ChevronDown, ChevronUp } from 'lucide-react';
@@ -31,27 +32,27 @@ export const FAQ: React.FC = () => {
const faqs = [ const faqs = [
{ {
question: "Mennyi idő alatt készül el egy weboldal?", question: "Mennyi idő alatt készül el a honlap?",
answer: "Ez a projekt összetettségétől függ. Egy egyszerűbb bemutatkozó oldal (Landing Page) általában 1-2 hét alatt elkészül, míg egy komplexebb webshop vagy egyedi fejlesztés 4-8 hetet is igénybe vehet. A pontos határidőt mindig az árajánlatban rögzítjük." answer: "A MotionWeb félautomata technológiájának köszönhetően egy Landing Page akár 1-3 munkanap alatt elkészülhet. Egy összetettebb, többoldalas professzionális weboldal fejlesztése általában 1-2 hetet vesz igénybe. Ez változhat adott weboldal komplexitásától és funkcióitól függően így konkrét határidőt nem vállalunk."
}, },
{ {
question: "Kell saját domain névvel és tárhellyel rendelkeznem?", question: "Szükséges saját domain név és tárhely?",
answer: "Nem feltétlenül. Ha még nincs, szívesen segítünk a beszerzésében és a beállításokban. Ha már van, akkor azokat használjuk. A 'Domain ügyintézés' és 'Tárhely ügyintézés' opciókat a megrendelésnél is kiválaszthatja." answer: "Nem feltétlenül. Teljes körű domain és tárhely ügyintézést biztosítunk, így Önnek a technikai beállításokkal nem kell foglalkoznia. Ha már rendelkezik ezekkel, természetesen azokhoz illesztjük az új oldalt."
}, },
{ {
question: "Vannak rejtett költségek vagy havidíjak?", question: "Vannak rejtett költségek vagy havidíjak?",
answer: "Nincsenek rejtett költségek. A fejlesztési díj egyszeri. Éves költségként a domain és tárhely díj merülhet fel (ha rajtunk keresztül intézi, akkor mi számlázzuk évente), illetve opcionálisan választható karbantartási csomagunk a folyamatos frissítésekért." answer: "Nincsenek rejtett költségek. A weboldalkészítés díja egyszeri költség, nincs kötelező havidíj. Éves szinten csupán a domain és a tárhely fenntartási díja merül fel, amit átláthatóan kommunikálunk."
}, },
{ {
question: "Kapok számlát a szolgáltatásról?", question: "Kapok hivatalos számlát a szolgáltatásról?",
answer: "Természetesen. Minden szolgáltatásunkról hivatalos számlát állítunk ki, amelyet e-mailben küldünk el Önnek. Mivel alanyi adómentes (AAM) vállalkozás vagyunk, a számlán nem szerepel felszámított ÁFA, így a feltüntetett árak a teljes fizetendő összeget jelentik." answer: "Igen. Minden szolgáltatásunkról hivatalos számlát állítunk ki. Alanyi adómentes (AAM) vállalkozásként a feltüntetett árak a ténylegesen fizetendő végösszeget jelentik, nem számítunk fel plusz ÁFA-t."
}, },
{ {
question: "Tudom majd egyedül szerkeszteni az oldalt?", question: "Tudom majd önállóan szerkeszteni az oldalt?",
answer: "Igen! Olyan rendszereket építünk, amelyekhez kérés esetén adminisztrációs felületet biztosítunk (pl. blogbejegyzések írásához, termékek feltöltéséhez), és az átadáskor megmutatjuk a használatát." answer: "Igen. Olyan rendszert adunk át, ahol kódolási tudás nélkül is egyszerűen szerkesztheti a szövegeket és képeket kérés, illetve igény esetén. Az átadáskor rövid oktatást is biztosítunk a kezelőfelülethez."
}, },
{ {
question: "Mi történik, ha elakadok vagy hibát találok?", question: "Milyen támogatást kapok a fejlesztés után?",
answer: "Elakadás vagy technikai probléma esetén örömmel segítünk, kérjük, jelezze ezt felénk e-mailben. Amennyiben a hiba a mi oldalunkon merül fel, azt természetesen javítjuk. Ha azonban a probléma tőlünk független, vagy utólagos módosítást (pl. design változtatást) szeretne, abban is szívesen állunk rendelkezésére, de ezek a fejlesztések már nem ingyenesek." answer: "Elakadás vagy technikai probléma esetén örömmel segítünk, kérjük, jelezze ezt felénk e-mailben. Amennyiben a hiba a mi oldalunkon merül fel, azt természetesen javítjuk. Ha azonban a probléma tőlünk független, vagy utólagos módosítást (pl. design változtatást) szeretne, abban is szívesen állunk rendelkezésére, de ezek a fejlesztések már nem ingyenesek."
} }
]; ];
@@ -59,7 +60,7 @@ export const FAQ: React.FC = () => {
return ( return (
<div className="pt-24 pb-16 min-h-screen bg-gray-50"> <div className="pt-24 pb-16 min-h-screen bg-gray-50">
<div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
<Button variant="white" onClick={() => navigate(-1)} className="mb-8 shadow-sm border border-gray-200"> <Button variant="white" onClick={() => navigate('/')} className="mb-8 shadow-sm border border-gray-200">
<ArrowLeft className="w-4 h-4 mr-2" /> Vissza <ArrowLeft className="w-4 h-4 mr-2" /> Vissza
</Button> </Button>
@@ -81,4 +82,4 @@ export const FAQ: React.FC = () => {
</div> </div>
</div> </div>
); );
}; };

40
pages/Home.tsx
View File

@@ -61,28 +61,28 @@ export const Home: React.FC = () => {
className="inline-block px-4 py-2 bg-white/5 backdrop-blur-sm rounded-full border border-white/10 animate-fade-in-up mb-6 md:mb-8" className="inline-block px-4 py-2 bg-white/5 backdrop-blur-sm rounded-full border border-white/10 animate-fade-in-up mb-6 md:mb-8"
style={{ animationDelay: '0.1s' }} style={{ animationDelay: '0.1s' }}
> >
<span className="text-blue-300 font-medium text-xs md:text-sm tracking-wide uppercase">Innovatív Megoldások Neked</span> <span className="text-blue-300 font-medium text-xs md:text-sm tracking-wide">ELÉRHETŐ WEBOLDALKÉSZÍTÉS</span>
</div> </div>
<h1 <h1
className="text-4xl sm:text-5xl md:text-7xl lg:text-8xl font-extrabold text-white leading-tight animate-fade-in-up mb-4 md:mb-6 tracking-tight" className="text-4xl sm:text-5xl md:text-7xl lg:text-8xl font-extrabold text-white leading-tight animate-fade-in-up mb-4 md:mb-6 tracking-tight"
style={{ animationDelay: '0.2s' }} style={{ animationDelay: '0.2s' }}
> >
Motion Web Stúdió Gyors honlapkészítés
</h1> </h1>
<h2 <h2
className="text-xl sm:text-2xl md:text-4xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-400 animate-fade-in-up mb-8" className="text-xl sm:text-2xl md:text-4xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-400 animate-fade-in-up mb-8"
style={{ animationDelay: '0.3s' }} style={{ animationDelay: '0.3s' }}
> >
Vigye vállalkozását a következő szintre Professzionális weboldalak, felesleges körök nélkül.
</h2> </h2>
<p <p
className="text-base md:text-lg text-gray-400 max-w-2xl mx-auto leading-relaxed animate-fade-in-up mb-10 md:mb-12 px-2" className="text-base md:text-lg text-gray-400 max-w-2xl mx-auto leading-relaxed animate-fade-in-up mb-10 md:mb-12 px-2"
style={{ animationDelay: '0.5s' }} style={{ animationDelay: '0.5s' }}
> >
A MotionWeb csapata prémium minőségű weboldalakat és webáruházakat fejleszt, amelyek nemcsak szépek, de vevőket is hoznak. A MotionWeb félautomata technológiájával a hagyományos fejlesztési idő töredéke alatt kap professzionális, SEO-optimalizált weboldalt, amely nemcsak szép, de valódi vevőket is hoz.
</p> </p>
<div <div
@@ -107,34 +107,34 @@ export const Home: React.FC = () => {
<section id="services" className="py-20 md:py-24 bg-gray-50 scroll-mt-20"> <section id="services" className="py-20 md:py-24 bg-gray-50 scroll-mt-20">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="text-center max-w-3xl mx-auto mb-12 md:mb-16"> <div className="text-center max-w-3xl mx-auto mb-12 md:mb-16">
<h2 className="text-sm md:text-base font-semibold text-primary tracking-wide uppercase">Szolgáltatásaink</h2> <h2 className="text-sm md:text-base font-semibold text-primary tracking-wide uppercase">SZOLGÁLTATÁSOK</h2>
<p className="mt-2 text-2xl sm:text-3xl md:text-4xl font-extrabold text-gray-900"> <p className="mt-2 text-2xl sm:text-3xl md:text-4xl font-extrabold text-gray-900">
Minden, ami a sikeres online jelenléthez kell Teljes körű megoldások a weboldalkészítésben
</p> </p>
<p className="mt-4 text-lg md:text-xl text-gray-500 px-2"> <p className="mt-4 text-lg md:text-xl text-gray-500 px-2">
Teljeskörű digitális kivitelezés a tervezéstől az üzemeltetésig. Minden csomagunk tartalmazza azokat a technikai és design elemeket, amelyek elengedhetetlenek a növekedéshez.
</p> </p>
</div> </div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8">
<ServiceCard <ServiceCard
title="Egyedi Weboldal" title="Személyre szabott weboldalak"
description="Modern, gyors és reszponzív weboldalak, amelyek tükrözik márkája értékeit." description="Modern, gyors és minden eszközön tökéletesen megjelenő honlapok, amelyek pontosan a vállalkozása céljaihoz igazodnak."
Icon={Monitor} Icon={Monitor}
/> />
<ServiceCard <ServiceCard
title="Reszponzív Design" title="Mobilbarát megjelenés"
description="Mobile-first szemléletünk garantálja, hogy oldala minden eszközön tökéletesen jelenjen meg." description="Oldala automatikusan alkalmazkodik mobilhoz és tablethez, így egyetlen potenciális vevőt sem veszít el a rossz megjelenítés miatt."
Icon={Smartphone} Icon={Smartphone}
/> />
<ServiceCard <ServiceCard
title="SEO Optimalizálás" title="Keresőoptimalizált alapok"
description="Keresőoptimalizált tartalom és stratégia, hogy ügyfelei könnyen megtalálják." description="Weboldalát úgy építjük fel, hogy a keresők könnyen feldolgozzák, így vállalkozása jobb helyezést érhet el a találati listán."
Icon={Search} Icon={Search}
/> />
<ServiceCard <ServiceCard
title="UI/UX Design" title="Vevőszerző felületek"
description="Felhasználóbarát felületek tervezése a maximális látogatói élményért és konverzióért." description="Nemcsak szép design, hanem tudatosan felépített útvonalak, amelyek a látogatót a kapcsolatfelvétel felé terelik."
Icon={PenTool} Icon={PenTool}
/> />
</div> </div>
@@ -145,9 +145,9 @@ export const Home: React.FC = () => {
<section id="references" className="py-20 md:py-24 bg-white scroll-mt-20"> <section id="references" className="py-20 md:py-24 bg-white scroll-mt-20">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="text-center mb-12 md:mb-16"> <div className="text-center mb-12 md:mb-16">
<h2 className="text-2xl md:text-4xl font-bold text-gray-900 mb-4">Referenciák</h2> <h2 className="text-2xl md:text-4xl font-bold text-gray-900 mb-4">Weboldal referenciák és mintaprojektek</h2>
<p className="text-base md:text-lg text-gray-600 max-w-2xl mx-auto"> <p className="text-base md:text-lg text-gray-600 max-w-2xl mx-auto">
Tekintsd meg, milyen modern és reszponzív weboldalakat készítünk ügyfeleink számára. Ismerje meg a MotionWeb technológiájával készült professzionális weboldal mintákat, amelyek a gyorsaságra és a konverzióra lettek optimalizálva.
</p> </p>
</div> </div>
@@ -159,7 +159,7 @@ export const Home: React.FC = () => {
<div className="p-6 md:p-8 flex flex-col flex-grow"> <div className="p-6 md:p-8 flex flex-col flex-grow">
<h3 className="text-xl font-bold text-gray-900 mb-2">SweetCraving</h3> <h3 className="text-xl font-bold text-gray-900 mb-2">SweetCraving</h3>
<p className="text-xs text-gray-500 font-medium mb-4 uppercase tracking-wider">Landing Page csomag</p> <p className="text-xs text-gray-500 font-medium mb-4 uppercase tracking-wider">Landing Page csomag</p>
<p className="text-gray-600 mb-6 flex-grow leading-relaxed text-sm md:text-base">Fiatalos, barátságos hangulatú bemutatkozó oldalt hoztunk létre.</p> <p className="text-gray-600 mb-6 flex-grow leading-relaxed text-sm md:text-base">Gasztro és kézműves vállalkozások számára tervezett landing page minta, fókuszban a vizuális élmény és a termékbemutatás.</p>
<Link to="/demos/sweetcraving"> <Link to="/demos/sweetcraving">
<Button variant="outline" fullWidth className="group justify-between text-gray-700 border-gray-300"> <Button variant="outline" fullWidth className="group justify-between text-gray-700 border-gray-300">
Oldal megtekintése <ExternalLink className="w-4 h-4 ml-2" /> Oldal megtekintése <ExternalLink className="w-4 h-4 ml-2" />
@@ -174,7 +174,7 @@ export const Home: React.FC = () => {
<div className="p-6 md:p-8 flex flex-col flex-grow"> <div className="p-6 md:p-8 flex flex-col flex-grow">
<h3 className="text-xl font-bold text-gray-900 mb-2">BlueWave Solar Kft.</h3> <h3 className="text-xl font-bold text-gray-900 mb-2">BlueWave Solar Kft.</h3>
<p className="text-xs text-gray-500 font-medium mb-4 uppercase tracking-wider">Pro Web csomag</p> <p className="text-xs text-gray-500 font-medium mb-4 uppercase tracking-wider">Pro Web csomag</p>
<p className="text-gray-600 mb-6 flex-grow leading-relaxed text-sm md:text-base">Modern, üzleti stílusú, reszponzív weboldal kalkulátorral.</p> <p className="text-gray-600 mb-6 flex-grow leading-relaxed text-sm md:text-base">Megújuló energia és ipari szolgáltatók számára készült weboldal koncepció, lead generáló kalkulátorral.</p>
<Link to="/demos/bluewave"> <Link to="/demos/bluewave">
<Button variant="outline" fullWidth className="group justify-between text-gray-700 border-gray-300"> <Button variant="outline" fullWidth className="group justify-between text-gray-700 border-gray-300">
Oldal megtekintése <ExternalLink className="w-4 h-4 ml-2" /> Oldal megtekintése <ExternalLink className="w-4 h-4 ml-2" />
@@ -189,7 +189,7 @@ export const Home: React.FC = () => {
<div className="p-6 md:p-8 flex flex-col flex-grow"> <div className="p-6 md:p-8 flex flex-col flex-grow">
<h3 className="text-xl font-bold text-gray-900 mb-2">Steelguard</h3> <h3 className="text-xl font-bold text-gray-900 mb-2">Steelguard</h3>
<p className="text-xs text-gray-500 font-medium mb-4 uppercase tracking-wider">Enterprise csomag</p> <p className="text-xs text-gray-500 font-medium mb-4 uppercase tracking-wider">Enterprise csomag</p>
<p className="text-gray-600 mb-6 flex-grow leading-relaxed text-sm md:text-base">Technológiai, sötét tónusú enterprise weboldal.</p> <p className="text-gray-600 mb-6 flex-grow leading-relaxed text-sm md:text-base">Biztonságtechnikai és IT szektor számára optimalizált enterprise weboldal minta, modern sötét tónusú designnal.</p>
<Link to="/demos/steelguard"> <Link to="/demos/steelguard">
<Button variant="outline" fullWidth className="group justify-between text-gray-700 border-gray-300"> <Button variant="outline" fullWidth className="group justify-between text-gray-700 border-gray-300">
Oldal megtekintése <ExternalLink className="w-4 h-4 ml-2" /> Oldal megtekintése <ExternalLink className="w-4 h-4 ml-2" />

2
pages/Privacy.tsx
View File

@@ -12,7 +12,7 @@ export const Privacy: React.FC = () => {
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<Button <Button
variant="white" variant="white"
onClick={() => navigate(-1)} onClick={() => navigate('/')}
className="mb-10 shadow-sm border border-gray-200 group" className="mb-10 shadow-sm border border-gray-200 group"
> >
<ArrowLeft className="w-4 h-4 mr-2 group-hover:-translate-x-1 transition-transform" /> Vissza <ArrowLeft className="w-4 h-4 mr-2 group-hover:-translate-x-1 transition-transform" /> Vissza

2
pages/Terms.tsx
View File

@@ -13,7 +13,7 @@ export const Terms: React.FC = () => {
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<Button <Button
variant="white" variant="white"
onClick={() => navigate(-1)} onClick={() => navigate('/')}
className="mb-10 shadow-sm border border-gray-200 group" className="mb-10 shadow-sm border border-gray-200 group"
> >
<ArrowLeft className="w-4 h-4 mr-2 group-hover:-translate-x-1 transition-transform" /> Vissza <ArrowLeft className="w-4 h-4 mr-2 group-hover:-translate-x-1 transition-transform" /> Vissza