Skip to content

feat(landing) : add watch demo modal#69

Open
ZAINABKANGSIWALA wants to merge 1 commit into
rdodiya:gssoc_developfrom
ZAINABKANGSIWALA:fix/broken_live_demo_link
Open

feat(landing) : add watch demo modal#69
ZAINABKANGSIWALA wants to merge 1 commit into
rdodiya:gssoc_developfrom
ZAINABKANGSIWALA:fix/broken_live_demo_link

Conversation

@ZAINABKANGSIWALA
Copy link
Copy Markdown

Fixes #39

What changed?

Frontend (Landing.jsx)

  • Added a video demo modal for the “Watch Demo” button in the hero section

  • Created a reusable DemoModal component with an embedded video iframe (temporary placeholder)

  • Implemented state handling (showDemo) to control modal visibility

  • Clicking “Watch Demo” opens the modal, and users can close it via:

    • Close (X) button
    • Clicking outside the modal
  • Prevents background interaction while modal is open (backdrop overlay with blur)

Type

  • New feature

Testing

  • Verified modal opens correctly on button click
  • Verified close behavior (X button + outside click)
  • Video loads properly inside iframe
  • UI works as expected on desktop and mobile screens

@rdodiya
Copy link
Copy Markdown
Owner

rdodiya commented May 13, 2026

Hi @ZAINABKANGSIWALA ,
Please resolve conflicts and only keep changes of demo modal and remove other changes.

The Ui of landing page has been fully changed , revert this changes and keep only demo modal changes.
Revert below changes
tmp_037353bd-0fe6-4ca7-ac81-9509b615b7bd

Keep this changes only
tmp_8834bf4a-8639-4694-b712-8a40620b6b44

@ZAINABKANGSIWALA
Copy link
Copy Markdown
Author

Okay

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG] UI Alignment Issue in "How It Works" Section & Broken Live Demo Link

2 participants