Workflows/GSAP Animated Landing Page

GSAP Animated Landing Page

Scroll-triggered animations with GSAP ScrollTrigger. Sections: hero, features, stats counters, CTA footer.

landinggsapanimationscroll-triggerdark-heroglassmorphism

1 page · 5 variables

Live PreviewOpen demo →

Template Variables

VariableTypeDefaultRequired
company_nametextAcme IncNo
taglinetextBuild faster. Ship smarter.No
primary_colorcolor#3b82f6No
cta_texttextGet StartedNo
cta_urlurl#No

Deploy with API

Deploy this template to your subdomain with one API call:

curl -X POST https://sutrena.com/api/site-templates/gsap-landing/deploy \
  -H "Authorization: Bearer st_live_xxx" \
  -H "Content-Type: application/json" \
  -d '{
  "variables": {
    "company_name": "Acme Inc",
    "tagline": "Build faster. Ship smarter.",
    "primary_color": "#3b82f6",
    "cta_text": "Get Started",
    "cta_url": "#"
  }
}'

Deploy with MCP

AI agents can deploy this template using the MCP tool:

sutrena_deploy_site_template({
  templateId: "gsap-landing",
  variables: {
    "company_name": "Acme Inc",
    "tagline": "Build faster. Ship smarter.",
    "primary_color": "#3b82f6",
    "cta_text": "Get Started",
    "cta_url": "#"
}
})
GSAP Animated Landing Page — Site Template — Sutrena | Sutrena