create a web page screen
I built a focused “first screen” page that matches your spec: title input, a clear subtitle and description, an expertise select, social media inputs with icons, a video link input, and a Create button with a dropdown for Quick Call, Book Appointment, and Webinar. The design uses a simple, accessible structure with neutrals and a single indigo accent, and it’s split into small components for clarity and reuse. If you’d like a different route path or to wire this to an API, tell me your preferred endpoint and data format.
This adds a complete first-screen page with your requested sections and a clean, accessible layout. It uses the existing shadcn/ui components and keeps colors within the design tokens (neutrals + primary). If you want this under a different route (e.g., /astro), I can move the page, and if you need it to submit to an API, tell me the endpoint and payload shape.
A855F7 and EC4899 pls added this color code better ui/ux layout
I set the global theme tokens so the app uses #A855F7 as the primary and #EC4899 as the accent across shadcn/ui. Then I added light, accessible color touches: a primary left border on the card header, primary-tinted legend and icons for faster scanning, and a clearly branded outline action while keeping inputs neutral for readability. The palette now uses 4 colors total (primary, accent, white, near-black) with solid colors and WCAG-friendly contrast.