Instruction

This template uses custom-built GSAP-powered systems to create smooth, responsive, and performant animations in Webflow.

Heading animations using GSAP

How it works

The heading animation is powered by GSAP and data class linking the parent heading to its appearance state. Using SplitText, the text animates from opacity 0% → 100% while moving vertically from 0% →100% This creates a smooth fade-and-slide effect.

Customization options

Add the animation container with the "rt-hero-text-apear" classes.
Inside the container:
i. Each text element needs rt-hero-text-apear to define its animation.
ii. The animation sequence runs per-character or per-word when SplitText is applied.
iii. Optional: adjust timing, easing, and stagger values to match your theme.

Features

Works seamlessly with GSAP SplitText.
Supports "rt-hero-text-apear" classes.
Animates opacity (0 → 100%) and Y-translation (0% → 100%).
Fully customizable with GSAP timeline controls (stagger, duration, delay, easing).

Contact two map logo replacement

How it works

The map marker logo is implemented as an SVG image element inside a reusable map-point container. Each marker references the same image asset, allowing the logo to be updated centrally through Webflow’s Designer. Replacing the SVG updates the visual logo while preserving positioning, animations, and responsiveness.

Customization procedure

In Webflow Designer, navigate to the page containing the map section.
Click on averint-map-logo.svg in the Navigator or select the logo directly on the canvas.

Replace the logo asset

In the Settings panel, under Image settings, click Replace image.
Upload a new logo file or select an existing asset from the Asset Library.
SVG format is recommended for best scaling and clarity.

Features

Centralized logo control using a single SVG asset
Fully responsive and scalable with SVG format
Compatible with existing map positioning and interactions
Supports global updates when used within Components

Instruction

Heading animations using GSAP

Contact two map logo replacement

Lock in Your Founding Member Rate