@@ -17,38 +17,38 @@ export default function Page() {
1717 title : 'Highly Customizable' ,
1818 description :
1919 'Style finder patterns, modules, and colors exactly how you want with advanced configuration.' ,
20- icon : < Sparkles className = 'h-5 w-5 text-primary' /> ,
20+ icon : < Sparkles className = 'h-4 w-4 text-primary' /> ,
2121 } ,
2222 {
2323 title : 'Performance Optimized' ,
2424 description :
2525 'Generates QR codes efficiently without sacrificing quality or bundle size.' ,
26- icon : < Zap className = 'h-5 w-5 text-primary' /> ,
26+ icon : < Zap className = 'h-4 w-4 text-primary' /> ,
2727 } ,
2828 {
2929 title : 'SVG-Based Rendering' ,
3030 description : 'Crisp and scalable output for web and print, powered by SVG.' ,
31- icon : < Layers className = 'h-5 w-5 text-primary' /> ,
31+ icon : < Layers className = 'h-4 w-4 text-primary' /> ,
3232 } ,
3333 {
3434 title : 'Developer-Friendly' ,
3535 description :
3636 'Built with TypeScript, easy to use, and focused on a great developer experience.' ,
37- icon : < Code className = 'h-5 w-5 text-primary' /> ,
37+ icon : < Code className = 'h-4 w-4 text-primary' /> ,
3838 } ,
3939 ]
4040
4141 return (
4242 < >
4343 < Hero />
44- < div className = 'mb-12 grid grid-cols-1 gap-4 md :grid-cols-2' >
44+ < div className = 'mb-4 grid grid-cols-1 gap-4 lg :grid-cols-2 max-w-full md:max-w-4xl mx-auto ' >
4545 { features . map ( ( feature ) => (
46- < Card key = { feature . title } >
46+ < Card key = { feature . title } className = 'shadow-xs' >
4747 < CardHeader className = 'flex-row items-start gap-4 space-y-0' >
48- < div className = 'mb-2 inline-flex h-9 w-9 items-center justify-center rounded-lg bg-background shadow-sm' >
48+ < div className = 'mb-2 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-background shadow-sm' >
4949 { feature . icon }
5050 </ div >
51- < div >
51+ < div className = 'space-y-1' >
5252 < CardTitle className = 'text-lg' > { feature . title } </ CardTitle >
5353 < CardDescription className = 'text-sm leading-relaxed' >
5454 { feature . description }
@@ -59,10 +59,10 @@ export default function Page() {
5959 ) ) }
6060 </ div >
6161
62- < Card >
62+ < Card className = 'max-w-full md:max-w-4xl mx-auto shadow-xs' >
6363 < CardHeader className = 'flex-row items-start gap-4 space-y-0' >
6464 < div className = 'mt-1 shrink-0 rounded-lg bg-background p-2 shadow-sm' >
65- < Sparkles className = 'h-6 w-6 text-primary' />
65+ < Sparkles className = 'h-4 w-4 text-primary' />
6666 </ div >
6767 < div >
6868 < CardTitle className = 'mb-1 text-xl' > Optimized for AI</ CardTitle >
0 commit comments