can you create this prototype! this is figma design!https://www.figma.com/proto/fGNM09woxjr7V2YQHABjWB/Ishan's-Social?page-id=0%3A1&node-id=15-264&node-type=canvas&viewport=-99%2C307%2C0.7&t=0xNYKBhxi9r47mHd-1&scaling=scale-down&content-scaling=fixed
I've created a responsive navigation bar component that matches the design from the Figma prototype. The navigation bar includes:
- A logo/brand section with "Ishan's Social"
- Authentication buttons including "Log in or create account" and "Continue with Google"
- Theme toggle and settings buttons
- Responsive design that works on all screen sizes
- Proper accessibility with semantic HTML and aria labels
The component uses shadcn/ui components for consistent styling and the Lucide icons for the theme and settings buttons. I've also included a basic layout.tsx file to show how to integrate the navbar into your Next.js application.
Would you like me to add any additional features or make any adjustments to match the Figma design more closely?
please look complete design , and make it look like it use react + js only
there will be home , all , following , and university tabs , look at the images and make it same as it is
-W6Z7JXpM8V969r9BQg5ieYb2illBLi.png&w=32&q=75){kind=small}
-baqTzwy7bJlyg6x3FEW1XdL49AqsbS.png&w=32&q=75){kind=small}
