Bond & Beyond

Landing Page Koncepciók v2

3 egyedi irány a Slixol-stílusú sötét, drámai design alapján. Kattints a kártyára a teljes oldal megtekintéséhez.

01 — A koncepció

Golden Glow

Sötét, drámai landing pulzáló arany gradient glow effekttel a hero-ban. Számozott szekciók, Slixol-stílusú minimális layout, accordion timeline.

Pulsating glow Numbered sections Accordion timeline
02 — B koncepció

Immersive Scroll

Full-viewport scroll-snap szekciók, ahol minden szekció 100% figyelmet kap. Morfológó CSS blob animáció a hero-ban, számlálás animációk, idővonalon rajzolódás.

Scroll snap Morphing blob Counter animation
03 — C koncepció

Interactive Glow

Kurzort követő arany glow effekt az egész oldalon. Slixol-stílusú accordion szolgáltatások, forgódó testimoniálok, staggered reveal animációk.

Cursor-following glow Expanding panels Auto-rotate testimonials

Szekciók

Egyedi szekciók külön-külön megtekinthető variációi.

Hero A

Golden Glow

Pulzáló arany radiális gradient glow, geometrikus alakzatok a háttérben, massive tipográfia, dual CTA, animált scroll chevron.

Pulsating glow Geometric shapes
Hero B

Full-Bleed Image

Teambuilding AI kép teljes háttérben, sötét + arany gradient overlay, parallax scroll effekt. A kép a főszereplő.

Full-bleed photo Parallax
Hero C

Split Collage

55/45 split — bal oldalon szöveg, jobb oldalon 3 átfedő AI kép forgatással és float animációval. Halványan dekoratív "B" a háttérben.

Split layout Photo collage
Header A

Dark Glass

Transparent -> backdrop-blur sötét header scroll-ra, arany vonal lent, Szolgáltatások dropdown, mobil hamburger overlay.

Glass blur Dropdown menu
Header B

Warm Solid

Fix meleg bézs háttér, sötét szöveg — mindig olvasható, magas kontraszt. Arany akcentusok hover-re, dropdown Szolgáltatásokhoz.

High contrast Always readable
Services A

Fullscreen Alternating

100vh szekciók, váltakozó elrendezés (kép bal/jobb), slide-in animációk IntersectionObserver-rel. Side nav, progress bar, parallax.

Fullscreen blocks Slide-in animation Side navigation
Services B

Image Cards + Hover

3 nagy képkártya egymás mellett, hover-re leírást és linket mutatnak. Parallax háttér, staggered beúszás, arany akcentus vonal.

Image cards Hover reveal Parallax
Team A

Hover Reveal Cards

5 csapattag kártya sorban, grayscale fotó hover-re színesre vált, speech bubble hashtag-ekkel, contact info fade-in. Staggered scroll animáció.

Grayscale hover Speech bubbles Staggered reveal
Team B

Group Photo + Profiles

Teljes szélességű csapatkép sötét gradient overlay-jel, alatta kör alakú profil fotók arany kerettel, hashtag pill-ek, hover scale effekt.

Group banner Circular photos Gold ring border
Testimonials A

Rotating Fullscreen

Egy idézet látszik egyszerre, 6 másodpercenként crossfade váltással. Dekoratív idézőjel, dot navigáció, arany radiális glow háttér.

Auto-rotate Crossfade Dot navigation
CTA

Dramatic Golden CTA

Full viewport magasság, intenzív arany pulsating glow középen, CTA gomb gold gradienttel, footer logóval és social ikonokkal.

Pulsating glow Gold gradient CTA Full footer
Why Us A

Color Block Strips

6 teljes szélességű színes strip, váltakozó háttérszínekkel és szöveg elrendezésekkel. Hover-re kinövekszik, scroll-ra oldalról beúsznak.

Color strips Alternating layout Slide-in animation
Why Us B

Animated Keyword Cloud

Lebegő kulcsszavak pill/tag formában, különböző méretben és stílusban. Scroll-ra beúsznak, majd finoman lebegnek CSS animációval.

Floating pills Staggered fade-in Drift animation
Process A

Alternating Timeline

Függőleges arany idővonalon középen, 4 lépés váltakozva bal-jobb oldalon. Scroll-ra rajzolódó vonal, pulzáló dotok, slide-in kártyák.

Self-drawing line Alternating cards Pulse dots
Process B

Interactive Accordion

4 lépéses vertikális accordion, arany számokkal, smooth height animációval. Egyszerre csak egy nyitva, aktív elem arany bal szegély.

Accordion Gold border Smooth animation