Lotus: Support Page Components

[7alip]

Screenshot

Description:

We need to create a structured support page with three main sections: Hero, Support Cards, and Contact. Each section should be implemented as a separate component with configurable props. These components should be displayed on support/page.tsx.

• Create the components in packages/ui/components folder.
• Lotus site will always have dark theme but other sites may have both or always light theme.
  • Avoid using fixed colors (white, black) for backgrounds and texts.
  • For texts and bacgrounds use bg-background, bg-card, text-foreground, text-muted etc.
• If Storybook works create stories of the components
• There can be separate PRs for each components

---

Tasks:

1. Lotus: Support - Hero Component #29
2. Lotus: Support - SupportCard #30
3. Lotus: Support - Contact #31
4. Implement support/page.tsx
   • Import and use Hero, SupportCards, and Contact components.
   • Pass relevant props to each component.

---

Acceptance Criteria:

✅ Hero section displays the title, subtitle, and background image.
✅ Support cards are dynamically rendered with provided props.
✅ Contact section correctly shows contact details.
✅ Components are structured in a maintainable way.