Design Updates (#379)

* Enhance Marketing Pages and UI Components

- Updated the marketing homepage to include an Ecosystem Showcase component, improving the presentation of the SaaS Starter Kit.
- Refined various UI components, including adjustments to spacing, typography, and layout for better visual consistency.
- Improved accessibility by adding aria-labels and ensuring proper semantic structure in components.
- Adjusted styles across multiple components to enhance responsiveness and user experience.
- Updated the pricing table and feature cards to align with the new design standards, ensuring a cohesive look and feel throughout the application.
- Updated plan picker design

apps/web/public/locales/en/billing.json

@@ -5,7 +5,8 @@
   "planRenewal": "Renews every {{interval}} at {{price}}",
   "planDetails": "Plan Details",
   "checkout": "Proceed to Checkout",
-  "trialEndsOn": "Your trial ends on",
+  "trialAlertTitle": "Your Trial is ending soon",
+  "trialAlertDescription": "Your trial ends on {{date}}. Upgrade to a paid plan to continue using all features.",
   "billingPortalCardButton": "Visit Billing Portal",
   "billingPortalCardTitle": "Manage your Billing Details",
   "billingPortalCardDescription": "Visit your Billing Portal to manage your subscription and billing. You can update or cancel your plan, or download your invoices.",
@@ -45,6 +46,7 @@
   "forEveryUnit": "for every {{ unit }}",
   "setupFee": "plus a {{ setupFee }} setup fee",
   "perUnitIncluded": "({{included}} included)",
+  "features": "Features",
   "featuresLabel": "Features",
   "detailsLabel": "Details",
   "planPickerLabel": "Pick your preferred plan",
@@ -52,7 +54,7 @@
   "planPickerAlertErrorTitle": "Error requesting checkout",
   "planPickerAlertErrorDescription": "There was an error requesting checkout. Please try again later.",
   "subscriptionCancelled": "Subscription Cancelled",
-  "cancelSubscriptionDate": "Your subscription will be cancelled at the end of the period",
+  "cancelSubscriptionDate": "Your subscription will be cancelled at the end of the billing period on {{date}}",
   "noPlanChosen": "Please choose a plan",
   "noIntervalPlanChosen": "Please choose a billing interval",
   "status": {