SaaS Landing Page
FreeA complete, production-ready SaaS landing page — navbar, hero, logos, features, bento, stats, testimonials, pricing, FAQ, CTA, and footer — assembled from the blocks. Install it and every block and component comes with it.
bySaumya
1280pxOpen
components/templates/saas-landing.tsx
import { Navbar } from "@/components/blocks/navbar";
import { HeroCentered } from "@/components/blocks/hero-centered";
import { LogoCloud } from "@/components/blocks/logo-cloud";
import { FeatureGrid } from "@/components/blocks/feature-grid";
import { BentoFeatures } from "@/components/blocks/bento-features";
import { Stats } from "@/components/blocks/stats";
import { Testimonials } from "@/components/blocks/testimonials";
import { PricingThreeTier } from "@/components/blocks/pricing-three-tier";
import { Faq } from "@/components/blocks/faq";
import { CtaBanner } from "@/components/blocks/cta-banner";
import { Footer } from "@/components/blocks/footer";
/**
* A complete SaaS landing page assembled from Saumya UI blocks. Reorder, remove,
* or swap any section — every piece is an independent block you already own.
*/
export function SaasLanding() {
return (
<div className="bg-background">
<Navbar />
<main>
<HeroCentered />
<LogoCloud />
<FeatureGrid />
<BentoFeatures />
<Stats />
<Testimonials />
<PricingThreeTier />
<Faq />
<CtaBanner />
</main>
<Footer />
</div>
);
}Installation
Terminal
npx shadcn@latest add https://ui.saumyarex.xyz/r/saas-landing.jsonOne command installs the page plus every block and component it uses.
What's included
11 blocks, composed top to bottom. Each is its own installable piece you can reorder or swap.