Refactor billing components for marketing usage

A new component 'marketing.tsx' was added to the 'billing-gateway' package, for better organization of marketing-related components. This affects the structure of 'package.json' and requires adjustments in 'index.ts'. The import paths in both marketing-related pages ('pricing/page.tsx', 'page.tsx') were also updated for consistency.

apps/web/app/(marketing)/page.tsx

@@ -9,7 +9,7 @@ import {
   Sparkle,
 } from 'lucide-react';
 
-import { PricingTable } from '@kit/billing-gateway/components';
+import { PricingTable } from '@kit/billing-gateway/marketing';
 import { Button } from '@kit/ui/button';
 import { Heading } from '@kit/ui/heading';
 import { cn } from '@kit/ui/utils';
@@ -51,7 +51,7 @@ function Home() {
                 <Heading
                   level={2}
                   className={
-                    'text-center font-sans text-2xl font-normal text-muted-foreground p-0'
+                    'p-0 text-center font-sans text-2xl font-normal text-muted-foreground'
                   }
                 >
                   <span>Build and launch a SaaS in days, not months</span>
@@ -60,17 +60,17 @@ function Home() {
                 <Heading
                   level={2}
                   className={
-                    'text-center font-sans text-2xl font-normal text-muted-foreground p-0'
+                    'p-0 text-center font-sans text-2xl font-normal text-muted-foreground'
                   }
                 >
                   <span>Focus on your business, not on the tech</span>
                 </Heading>
 
                 <Heading
-                    level={2}
-                    className={
-                      'text-center font-sans text-2xl font-normal text-muted-foreground p-0'
-                    }
+                  level={2}
+                  className={
+                    'p-0 text-center font-sans text-2xl font-normal text-muted-foreground'
+                  }
                 >
                   Ship something great, today.
                 </Heading>

apps/web/app/(marketing)/pricing/page.tsx

@@ -1,4 +1,4 @@
-import { PricingTable } from '@kit/billing-gateway/components';
+import { PricingTable } from '@kit/billing-gateway/marketing';
 
 import { SitePageHeader } from '~/(marketing)/_components/site-page-header';
 import billingConfig from '~/config/billing.config';

packages/billing/gateway/package.json

@@ -12,7 +12,8 @@
   "exports": {
     ".": "./src/index.ts",
     "./components": "./src/components/index.ts",
-    "./checkout": "./src/components/embedded-checkout.tsx"
+    "./checkout": "./src/components/embedded-checkout.tsx",
+    "./marketing": "./src/components/marketing.tsx"
   },
   "peerDependencies": {
     "@hookform/resolvers": "3.3.4",

packages/billing/gateway/src/components/index.ts

@@ -2,5 +2,4 @@ export * from './plan-picker';
 export * from './current-subscription-card';
 export * from './current-lifetime-order-card';
 export * from './billing-session-status';
-export * from './billing-portal-card';
-export * from './pricing-table';
+export * from './billing-portal-card';

packages/billing/gateway/src/components/marketing.tsx

@@ -0,0 +1 @@
+export * from './pricing-table';