mirror of
https://github.com/Motion-Games/MotionWebStudio.git
synced 2026-04-21 09:00:53 +02:00
seo
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
|
||||
import React, { useState } from 'react';
|
||||
import { useNavigate } from 'react-router-dom';
|
||||
import { ArrowLeft, HelpCircle, ChevronDown, ChevronUp } from 'lucide-react';
|
||||
@@ -31,27 +32,27 @@ export const FAQ: React.FC = () => {
|
||||
|
||||
const faqs = [
|
||||
{
|
||||
question: "Mennyi idő alatt készül el egy weboldal?",
|
||||
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."
|
||||
question: "Mennyi idő alatt készül el a honlap?",
|
||||
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?",
|
||||
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."
|
||||
question: "Szükséges saját domain név és tárhely?",
|
||||
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?",
|
||||
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?",
|
||||
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."
|
||||
question: "Kapok hivatalos számlát a szolgáltatásról?",
|
||||
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?",
|
||||
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."
|
||||
question: "Tudom majd önállóan szerkeszteni az oldalt?",
|
||||
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."
|
||||
}
|
||||
];
|
||||
@@ -59,7 +60,7 @@ export const FAQ: React.FC = () => {
|
||||
return (
|
||||
<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">
|
||||
<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
|
||||
</Button>
|
||||
|
||||
@@ -81,4 +82,4 @@ export const FAQ: React.FC = () => {
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
};
|
||||
|
||||
@@ -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"
|
||||
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>
|
||||
|
||||
<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"
|
||||
style={{ animationDelay: '0.2s' }}
|
||||
>
|
||||
Motion Web Stúdió
|
||||
Gyors honlapkészítés
|
||||
</h1>
|
||||
|
||||
<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"
|
||||
style={{ animationDelay: '0.3s' }}
|
||||
>
|
||||
Vigye vállalkozását a következő szintre
|
||||
Professzionális weboldalak, felesleges körök nélkül.
|
||||
</h2>
|
||||
|
||||
<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"
|
||||
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>
|
||||
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
Minden, ami a sikeres online jelenléthez kell
|
||||
Teljes körű megoldások a weboldalkészítésben
|
||||
</p>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8">
|
||||
<ServiceCard
|
||||
title="Egyedi Weboldal"
|
||||
description="Modern, gyors és reszponzív weboldalak, amelyek tükrözik márkája értékeit."
|
||||
title="Személyre szabott weboldalak"
|
||||
description="Modern, gyors és minden eszközön tökéletesen megjelenő honlapok, amelyek pontosan a vállalkozása céljaihoz igazodnak."
|
||||
Icon={Monitor}
|
||||
/>
|
||||
<ServiceCard
|
||||
title="Reszponzív Design"
|
||||
description="Mobile-first szemléletünk garantálja, hogy oldala minden eszközön tökéletesen jelenjen meg."
|
||||
title="Mobilbarát megjelenés"
|
||||
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}
|
||||
/>
|
||||
<ServiceCard
|
||||
title="SEO Optimalizálás"
|
||||
description="Keresőoptimalizált tartalom és stratégia, hogy ügyfelei könnyen megtalálják."
|
||||
title="Keresőoptimalizált alapok"
|
||||
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}
|
||||
/>
|
||||
<ServiceCard
|
||||
title="UI/UX Design"
|
||||
description="Felhasználóbarát felületek tervezése a maximális látogatói élményért és konverzióért."
|
||||
title="Vevőszerző felületek"
|
||||
description="Nemcsak szép design, hanem tudatosan felépített útvonalak, amelyek a látogatót a kapcsolatfelvétel felé terelik."
|
||||
Icon={PenTool}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,9 +145,9 @@ export const Home: React.FC = () => {
|
||||
<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="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">
|
||||
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>
|
||||
</div>
|
||||
|
||||
@@ -159,7 +159,7 @@ export const Home: React.FC = () => {
|
||||
<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>
|
||||
<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">
|
||||
<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" />
|
||||
@@ -174,7 +174,7 @@ export const Home: React.FC = () => {
|
||||
<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>
|
||||
<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">
|
||||
<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" />
|
||||
@@ -189,7 +189,7 @@ export const Home: React.FC = () => {
|
||||
<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>
|
||||
<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">
|
||||
<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" />
|
||||
|
||||
@@ -12,7 +12,7 @@ export const Privacy: React.FC = () => {
|
||||
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<Button
|
||||
variant="white"
|
||||
onClick={() => navigate(-1)}
|
||||
onClick={() => navigate('/')}
|
||||
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
|
||||
|
||||
@@ -13,7 +13,7 @@ export const Terms: React.FC = () => {
|
||||
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<Button
|
||||
variant="white"
|
||||
onClick={() => navigate(-1)}
|
||||
onClick={() => navigate('/')}
|
||||
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
|
||||
|
||||
Reference in New Issue
Block a user