'use client';
 
import { Icon } from 'ui-lab-components/icon';
import { Badge } from 'ui-lab-components/badge';
import { Button } from 'ui-lab-components/button';
import { Card } from 'ui-lab-components/card';
import { Flex } from 'ui-lab-components/flex';
 
export const metadata = {
  id: 'saas-landing',
  name: 'SaaS Landing',
  description: 'A conversion-focused SaaS landing starter with responsive product, proof, pricing, and CTA sections.',
};
 
export function SaasLandingPreview() {
  return <Card className="w-full max-w-lg"><Card.Body><Flex layout="stack" align-center className="py-8 text-center"><Badge><Icon id="rocket" size={12} /> Launch faster</Badge><h2 className="text-2xl font-medium">Ship your next idea</h2><p className="max-w-sm text-foreground-400">A polished foundation for product storytelling and conversion.</p><Button icon={{ right: <Icon id="right" size={14} /> }}>Start building</Button></Flex></Card.Body></Card>;
}