mirror of
https://github.com/Motion-Games/MotionWebStudio.git
synced 2026-04-21 09:00:53 +02:00
seo
This commit is contained in:
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user