Marketing template Pro
Launch
A SaaS site that sells: home, pricing and contact.
A floating navbar over a gradient hero, a bento of live features, numbers that draw themselves, a marquee of quotes, plans with a yearly switch, and a footer with a giant wordmark.
Download as
- 3 pages, 18 sections
- Monthly / yearly pricing
- Animated stats and marquees
- Offices on a map
- Next.js or React + Vite, Tailwind 4
- Light and dark, responsive
In the download
28 files for Next.js. Unzip, then npm install and npm run dev.
- package.json
- tsconfig.json
- next.config.ts
- postcss.config.mjs
- .gitignore
- globals.cssapp/
- providers.tsxapp/
- layout.tsxapp/
- navbar-floating.tsxcomponents/sections/
- hero-centered.tsxcomponents/sections/
- logo-cloud.tsxcomponents/sections/
- features-bento.tsxcomponents/sections/
- features-tabs.tsxcomponents/sections/
- stats-cards.tsxcomponents/sections/
- testimonials-marquee.tsxcomponents/sections/
- cta-gradient.tsxcomponents/sections/
- footer-mega.tsxcomponents/sections/
- pricing-tiers.tsxcomponents/sections/
- pricing-compare.tsxcomponents/sections/
- faq-split.tsxcomponents/sections/
- cta-simple.tsxcomponents/sections/
- contact-split.tsxcomponents/sections/
- contact-offices.tsxcomponents/sections/
- page.tsxapp/
- page.tsxapp/pricing/
- page.tsxapp/contact/
- README.md
- LICENSE.md
Made of 15 blocks
Each one is also on its own in Blocks, to use anywhere.
- Floating glass navbarNavbars
- Centred gradient heroHeroes
- Logo cloudStats and logos
- Feature bentoFeatures
- Auto-playing feature tabsFeatures
- Stat cards with trendsStats and logos
- Testimonial marqueeTestimonials
- Gradient CTACalls to action
- Dark mega footerFooters
- Pricing tiersPricing
- Plan comparisonPricing
- FAQ with contactFAQs
- Simple CTACalls to action
- Contact form and channelsContact
- Offices on a mapContact