Examples

Updated 23 April 2026

Watch Demo

End-to-end layouts

Use these example layouts as starting points for marketing pages, pricing screens, and product documentation built with @webbycrown/layout-suite.

Marketing landing page

A classic SaaS marketing page typically combines a strong hero, a clear breakdown of capabilities, and some light social proof:

import {
  HeroSection,
  FeaturesSection,
  TestimonialsSection,
  CTASection,
} from "@webbycrown/layout-suite";

export default function Page() {
  return (
    <>
      <HeroSection />
      <FeaturesSection />
      <TestimonialsSection />
      <CTASection />
    </>
  );
}

Pricing page

Center your pricing model using the PricingSection, supported by targeted social proof and a focused CTA:

import {
  HeroSection,
  PricingSection,
  TestimonialsSection,
  CTASection,
} from "@webbycrown/layout-suite";

export default function PricingPage() {
  return (
    <>
      <HeroSection variant="subtle" />
      <PricingSection />
      <TestimonialsSection />
      <CTASection />
    </>
  );
}