Frontend: [Component] Create Video URL Input & CTA

[Emmzyemms]

Description: Build the "Paste YouTube or Vimeo URL" input component.
Tasks:

Create a custom input field with an inner link icon.

Implement the "Clip Now" button with the specified neon-green branding.

Add hover and focus states for the input field.

Bonus: Add basic regex validation for YouTube/Vimeo URLs.
Labels: frontend, component, ux

Figma link: https://www.figma.com/design/tG5639slah2pH0Hy9ZJgCp/Clips?node-id=2-1099&t=HeZoRF0fYCJiu0It-0

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 100 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[ChideraSharon]

@ChideraSharon has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hi! I’m Sharon, a frontend developer with a background in blockchain. I would love to take on this issue. I have extensive experience in frontend and growing experience in backend development, and I am confident I can implement a clean solution. Could you please assign this to me?

ETA: 48hours

ℹ️ Repo Maintainers: To accept this application, review their application or assign @ChideraSharon to this issue.

[drips-wave]

Congratulations, @ChideraSharon! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @ChideraSharon: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[Emins25]

Updated the create-page URL input with the requested YouTube/Vimeo copy, added inline validation for supported links, and switched the primary CTA to Clip Now.

PR: #118