1<StatGroup>
2  <Stat label="Speed" value="OPTIMIZED" />
3  <Stat label="Integration" value="SEAMLESS" />
4  <Stat label="Status" value="ACTIVE" />
5</StatGroup>

1<StyledLabel>TEMPLATE FEATURES</StyledLabel>
2<StyledLabel showColon={false}>NO COLON</StyledLabel>

1<FeatureList>
2  <FeatureItem icon="arrow">Multi-step form wizard</FeatureItem>
3  <FeatureItem icon="check">Form validation included</FeatureItem>
4  <FeatureItem icon="dot">Custom styling support</FeatureItem>
5</FeatureList>

1<InfoNote>Connect to your API to persist data.</InfoNote>
2<InfoNote label="TIP">Use environment variables for secrets.</InfoNote>

1<PageBadge>SIGN IN</PageBadge>
2<PageBadge prefix="COMPONENT">BUTTON</PageBadge>

1<TemplatePageHeader
2  badge="DASHBOARD"
3  title="Analytics Dashboard"
4  description="Real-time metrics and insights for your application"
5/>

1<FeaturesCard
2  code="0x10"
3  title="TEMPLATE FEATURES"
4  features={[
5    "Authentication flow",
6    "Form validation",
7    "Error handling",
8    "Loading states",
9  ]}
10  note="Connect to your API for real data."
11  featureIcon="check"
12/>

1<FeatureCard
2  code="0x15"
3  title="EMAIL_SYSTEM"
4  icon={<Mail className="size-5" />}
5  headline="Transactional emails that just work"
6  description="Resend integration with React Email templates..."
7  stats={[
8    { label: "TIME SAVED", value: "30+ HRS" },
9    { label: "COST SAVED", value: "$3K" }
10  ]}
11  includes={["Resend Integration", "React Email Templates", "Preview Mode"]}
12  ctaLabel="EMAIL TEMPLATES"
13  ctaHref="/docs/features/emails"
14/>