This commit is contained in:
2026-01-05 09:39:35 +01:00
parent 8f863153cb
commit 0a025c2654
5 changed files with 40 additions and 38 deletions

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"
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" />