Spaces:
Running
You are NOT allowed to redesign, reinterpret, or improve anything.
Browse filesYour job is to CLONE the uploaded reference image layout for the homepage hero section.
This is NOT an inspiration task.
This is a STRUCTURE REPLICATION task.
### Rules (must follow)
- Background color, layout, spacing, alignment must match the image.
- Dark navy gradient background on hero section.
- Two-column layout: text on left, white card on right.
- Do NOT add search bars, category pills, or marketplace elements.
- Do NOT use a white hero background.
- Do NOT replace the UI with a generic product search layout.
If the output does not visually resemble the reference image at first glance, it is wrong.
---
### Header
- Left: WiseFind logo + text "FIND SMARTER."
- Right menu: Home, How It Works, Categories, Contact, Log In, Sign Up
- Sign Up is a filled blue button.
---
### Hero Left Content (EXACT TEXT)
Badge:
"AI-POWERED RECOMMENDATIONS"
Heading:
"Ready to make"
"smarter choices?"
Paragraph:
"Join thousands of users finding the best products tailored to their specific needs and budget. Stop guessing, start finding."
Footer text:
"Trusted by 10,000+ users"
---
### Hero Right Card (UI FORM)
White rounded card with shadow containing:
- Budget slider (₹25,000)
- Category dropdown
- Subcategory dropdown
- Usage / Purpose input
- Primary button: "Find My Product"
No additional UI elements.
---
### Technology
- HTML + CSS
- Minimal JS only for slider
- Responsive
- No frameworks
---
### Output
Return FULL WORKING CODE ONLY.
No explanation.
No markdown.