Design & Implement Insurance Page

[Baskarayelu]

Design and implement the micro-insurance management page where users can create policies, view active policies, and pay premiums.

Design Requirements

Layout Structure:

1. Header:

   • Back button
   • Page title: "Micro-Insurance"
   • "New Policy" button (top right, primary)

2. Active Policies Grid:

   • Section title: "Active Policies"
   • Responsive grid (2 columns desktop, 1 mobile)
   • Policy cards showing:
     • Shield icon (blue)
     • Policy name
     • "Active" badge (green)
     • Coverage type
     • Monthly premium
     • Coverage amount
     • Next payment date
     • "Pay Premium Now" button

3. Total Premium Card:

   • Highlighted card showing:
     • Title: "Total Monthly Premium"
     • Subtitle: "Auto-paid from remittance allocation"
     • Large amount display (blue)

4. Create Policy Form:

   • Section title: "Create New Policy"
   • Form fields:
     • Policy Name (text input)
     • Coverage Type (dropdown: Health, Emergency, Life)
     • Monthly Premium (USD, with $ prefix)
     • Coverage Amount (USD, with $ prefix)
   • "Create Policy" button

Policy Card Design:

• White card with shadow
• Shield icon
• Active status badge
• Clear information hierarchy
• Action button

Visual Design:

• Blue color scheme (trust, security)
• Shield iconography
• Status indicators
• Responsive grid

[drips-wave]

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

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

🤠 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

[martinvibes]

@martinvibes has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I’d like to work on this issue because it aligns with my experience building and contributing to web and blockchain projects. I’m comfortable working across frontend and smart contract codebases and delivering clean, well-structured solutions.

I’ve reviewed the issue and repository and can implement a reliable fix while following the project’s standards. I communicate progress clearly and iterate quickly based on feedback. I’d be happy to take this on and would appreciate being assigned.

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

[EA10-lite]

@EA10-lite has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hello, my name is Emmanuel. I am a full-stack developer with 4 years of experience building Web and mobile applications.

I can confidently handle this issue.
Here is my portfolio and projects I have handled:

https://ecohotels.com
https://loveping.vercel.app
https://www.usememora.xyz
https://360comms.network
https://ea10.vercel.app

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

[OnyemaAnthony]

@OnyemaAnthony has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hello i will love to fix this issue, i have solid experience in frontend and i have good UI and UX skill, i will like to create a pixel perfect design and solve this issue

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

[Themancalledpg]

@Themancalledpg has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi, my name is Preciousgift, and I am a fullstack and smart contract developer skilled in React, Next.js, JavaScript, TypeScript, Tailwind CSS, and Soroban. For this task, I will:
Build the client account completion form using React and Tailwind CSS, implementing all required input fields and validation rules.
Connect the form to the backend API endpoints to submit and persist client profile data securely.
Handle form state management, error handling, and success feedback to ensure a smooth user experience.
Add basic tests and final verification to confirm correct data submission, validation behavior, and UI responsiveness.
ETA: 10 hours

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

[Elite-tch]

@Elite-tch has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I’d like to work on this because I have experience building user-friendly management pages for financial products. I can design a clean, responsive micro-insurance page where users can easily create policies, track active ones, and make premium payments without confusion, making the experience smooth and intuitive.
ETA 24hrs

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

[tali-creator]

@tali-creator has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Good afternoon,

My name is Tali Moses, and I’m a Full-Stack Developer with a strong focus on front-end development, backed by over 4 years of hands-on experience.

My core skill set includes TypeScript, Tailwind CSS, and Node.js, along with tools and libraries such as Redux and shadcn/ui. After reviewing the requirements, I’m confident they align well with my experience and technical strengths.

I’d be glad to work on this issue if assigned.
Estimated time of completion: 12 hours

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

[OSEH-svg]

@OSEH-svg has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

hi. i would like to work on this issue. i have experience building frotend applications and this would be a great fit for me

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

[drips-wave]

Congratulations, @OnyemaAnthony! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on January 31, 2026.

🧑‍💻 @OnyemaAnthony: 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.

⚠️ Important: When opening a PR, please link it to this issue to ensure it gets tracked accurately.

🤠 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 🌊

[OnyemaAnthony]

@Baskarayelu i have implemented the Isurance page and i want to add it to the figma file you provided please grant me access https://www.figma.com/design/yTHE6toX5wHJs39DgsoETp/Design?t=qLdxRFjMRYY5r0zU-1