Generate 10 page React Code using Claude + Fill images using NanoBanana 2
Budget: ₹37,500 – ₹75,000 INR
I need a clean, professional-looking React website built from the ground up. The site’s role is purely informational/blog style, so the focus is on fast loading pages, readable typography and a layout that feels corporate rather than flashy.
Scope
– Create a fresh React codebase (CRA, Vite or similar is fine) and structure it for 10 separate routes.
– Lean on Claude AI prompts where helpful to speed up component scaffolding and boilerplate, but make sure every line that ends up in the repo is production-ready and human-reviewed.
– Source and drop in high-resolution placeholders from the “Nano Banana 2” image set for all hero sections, thumbnails and blog headers. Optimise them so Lighthouse keeps green scores.
Pages you will hand over
Home, About-Us, Blog list, Single-post template, Services, Resources, FAQ, Testimonials, Contact and Privacy. Feel free to reshuffle copy blocks or component names, just keep the count at ten and the tone consistent with a corporate brand.
Essential build notes
• React functional components with hooks.
• react-router-dom for navigation.
• Modular SCSS or styled-components for a tidy code trail.
• Fully responsive breakpoints (mobile-first).
• SEO-ready <head> tags on every page.
Deliverables
1. Complete Git-ready project folder.
2. README covering local setup, Claude prompt snippets you used, and a one-click Netlify deployment guide.
3. All Nano Banana 2 images stored in /assets and referenced correctly.
4. A short video or screenshots proving all ten pages render and routes work.
Acceptance criteria
– No console errors or broken links on a fresh install.
– CLS, FCP and LCP in the green on a simple Lighthouse run.
– Each page passes WCAG AA colour contrast.
Once everything is zipped and pushed to the repo I’ll review, request tweaks if needed, and release payment on approval.
Scope
– Create a fresh React codebase (CRA, Vite or similar is fine) and structure it for 10 separate routes.
– Lean on Claude AI prompts where helpful to speed up component scaffolding and boilerplate, but make sure every line that ends up in the repo is production-ready and human-reviewed.
– Source and drop in high-resolution placeholders from the “Nano Banana 2” image set for all hero sections, thumbnails and blog headers. Optimise them so Lighthouse keeps green scores.
Pages you will hand over
Home, About-Us, Blog list, Single-post template, Services, Resources, FAQ, Testimonials, Contact and Privacy. Feel free to reshuffle copy blocks or component names, just keep the count at ten and the tone consistent with a corporate brand.
Essential build notes
• React functional components with hooks.
• react-router-dom for navigation.
• Modular SCSS or styled-components for a tidy code trail.
• Fully responsive breakpoints (mobile-first).
• SEO-ready <head> tags on every page.
Deliverables
1. Complete Git-ready project folder.
2. README covering local setup, Claude prompt snippets you used, and a one-click Netlify deployment guide.
3. All Nano Banana 2 images stored in /assets and referenced correctly.
4. A short video or screenshots proving all ten pages render and routes work.
Acceptance criteria
– No console errors or broken links on a fresh install.
– CLS, FCP and LCP in the green on a simple Lighthouse run.
– Each page passes WCAG AA colour contrast.
Once everything is zipped and pushed to the repo I’ll review, request tweaks if needed, and release payment on approval.
Related categories:
JavaScript
Website Design
Graphic Design
SEO
CSS
HTML
React.js
Web Development
Frontend Development
AI Content Creation