feat: Add QR code card component with download functionality and a new pricing page with internationalization.

src/app/(app)/pricing/page.tsx

@@ -141,7 +141,7 @@ export default function PricingPage() {
         '50 dynamic QR codes',
         'Unlimited static QR codes',
         'Advanced analytics (scans, devices, locations)',
-        'Custom branding (colors)',
+        'Custom branding (colors & logos)',
       ],
       buttonText: isCurrentPlanWithInterval('PRO', selectedInterval)
         ? 'Current Plan'

src/components/marketing/Pricing.tsx

@@ -90,7 +90,7 @@ export const Pricing: React.FC<PricingProps> = ({ t }) => {
                 </div>
               </CardHeader>
 
-              <CardContent className="space-y-4">
+              <CardContent className="space-y-8">
                 <ul className="space-y-3">
                   {t.pricing[plan.key].features.map((feature: string, index: number) => (
                     <li key={index} className="flex items-start space-x-3">
@@ -102,6 +102,7 @@ export const Pricing: React.FC<PricingProps> = ({ t }) => {
                   ))}
                 </ul>
 
+                <div className="mt-8">
                   <Link href="/signup">
                     <Button
                       variant={plan.popular ? 'primary' : 'outline'}
@@ -111,6 +112,7 @@ export const Pricing: React.FC<PricingProps> = ({ t }) => {
                       Get Started
                     </Button>
                   </Link>
+                </div>
               </CardContent>
             </Card>
           ))}

src/i18n/en.json

@@ -149,7 +149,7 @@
         "50 dynamic QR codes",
         "Unlimited static QR codes",
         "Advanced analytics (scans, devices, locations)",
-        "Custom branding (colors)"
+        "Custom branding (colors & logos)"
       ]
     },
     "business": {