Create Navbar - Landing Page component

[bitfalt]

Create the Navbar - Landing Page component it should have the logo, About Us, Services, Use Cases, Forum and a button to launch Dapp. The component should NOT receive anything since it is static. Please refer to the color palette for the accurate hex code colors.

Component Image:

Color Palette:

[SudiptaPaul-31]

Would love to work on this issue

I am a fullstack and blockchain developer having experience for more than 1.5 years and had worked on many projects from previous odhack my profile: (https://app.onlydust.com/u/SudiptaPaul-31)

[0xdevcollins]

Could I try solving this?

My Background
I am a Full Stack Blockchain Developer with proficiency in Solidity/Rust, Next.js, TypeScript, React, and Node.js. I've demonstrated my ability to adjust to a variety of requirements, perform well under pressure, and reliably produce user-centric blockchain solutions with 46 significant contributions spread over 12 OnlyDust projects.

[Benjtalkshow]

I am a Full Stack Developer with a strong background in blockchain and extensive experience in Next.js/React, TypeScript, and Rust. I’ve made over 49 contributions to over 17 projects in the OnlyDust ecosystem, solving complex issues and delivering efficient, scalable solutions.

I can handle this task.
ETA is 3days.

[coxmars]

I'm a software developer with 2+ years of experience and I have worked with backend technologies such as Cairo, Java, C# and frontend with React, NextJS, JS/TS. Also, I'm a member of the Dojo Coding community here in CR and I have made contributions in Cairo VM Go, Cairo VM TS, Cairo Lints etc. Likewise, I’m a Cairo developer working in ByteBuildersLabs creating on-chain games using the Dojo framework.

This is my approach:

1- I will review the project structure to place the Navbar component as expected.
2- I’m going to use the code structure/best practices implemented among the project codebase to continue the standard.
3- I'm going to create the component following the provided description and I will test to validate it's working.

Here I created a Navbar: web3wagers/gostarkme#99

ET: 3 days

[Michaelkingsdev]

Hello @LazarusAA
I am a frontend developer with 4 years of experience. I would really love to work on this task. Can it be assigned to me?

[Kingsuite]

I’d like to resolve this.

[Pvsaint]

I’d love to work on this task please, I'm Victor Peter, a front-end and smart contract developer. I promise to write a pixel perfect code.

[SudiptaPaul-31]

Would love to work on this issue

I am a fullstack and blockchain developer having experience for more than 1.5 years and had worked on many projects from previous odhack my profile: (https://app.onlydust.com/u/SudiptaPaul-31)

[Yunusabdul38]

May I be assigned to this?
will be glad to work on this as my first contribution to this project
I have solid experience with contract integration and have worked on multiple web3 projects (open source and personal projects)

[Supa-mega]

Could I grab this task?

[martinvibes]

i'm a frontend dev and blockchain dev
i would love to work on this and get it done
I’m interested in this one.
kindly assign

[3th-Enjay]

Mind if I take this issue?

[NueloSE]

I'd love to work on this!

[kayceeDev]

May I be assigned to this?

[austineblaise]

I'm a frontend JavaScript/TypeScript Blockchain developer. I'll create the Navbar for the landing page, including the logo, About Us, Services, Use Cases, Forum, and a button to launch the Dapp. The component will be static and not receive any props. I'll ensure it follows the color palette for accurate colors. Excited to get this done!

[coxmars]

I'm a software developer with 2+ years of experience and I have worked with backend technologies such as Cairo, Java, C# and frontend with React, NextJS, JS/TS. Also, I'm a member of the Dojo Coding community here in CR and I have made contributions in Cairo VM Go, Cairo VM TS, Cairo Lints etc. Likewise, I’m a Cairo developer working in ByteBuildersLabs creating on-chain games using the Dojo framework.

This is my approach:

1- I will review the project structure to place the Navbar component as expected.
2- I’m going to use the code structure/best practices implemented among the project codebase to continue the standard.
3- I'm going to create the component following the provided description and I will test to validate it's working.

Here I created a Navbar: web3wagers/gostarkme#99

ET: 3 days

[Bran18]

Hello Team,

My name is Brandon Andrey Fernandez, and I am part of the Dojo Coding Community ⛩️💻 KindFi and https://bitcash.org/en. I’m excited about the opportunity to contribute to your project during Only Dust Hackathon #12! 🚀

I am a full-stack developer with experience in Web3 and blockchain technologies, particularly in projects involving smart contracts, AI integration, and decentralized solutions. I have worked on a large number of web3 projects and solutions as for example:

https://masterbots.ai/
https://bitlauncher.ai/en

I am interested in this specific issue because it combines my passions: blockchain, AI technology, and modern web development. I am motivated by the opportunity to improve my skills and contribute to the project. I have participated in hackathons like ODH and other web2 based hackathons.

During the hackathon, I can dedicate approximately 5h min hours per day to working on this issue. I am committed to active collaboration, delivering high-quality code, and maintaining open communication with the team.

You can find my profiles and links here:

• GitHub: https://github.com/Bran18?tab=repositories
• OnlyDust: https://app.onlydust.com/u/Bran18
• X https://x.com/branfdez_18
• LinkedIn: https://www.linkedin.com/in/brandonfdez18/

Thank you for considering my application. Please let me know if you have any questions or need any additional information.

[derianrddev]

Hello SocialSphere team,

I’m Derian Rodríguez, a member of the Dojo Coding community ⛩️💻. I’m excited to contribute to your Stellar-based project during the Only Dust 11 hackathon 🚀.

As a full-stack developer, I have experience in:

• Frontend: JavaScript/TypeScript, TailwindCSS, React, Next.js, and shadcn/ui.
• Backend: Node.js (Express.js, Nest.js).
• Web3: Cairo.

Plan to resolve the issue

1. Design a static React component that includes:
   • The logo of the page.
   • Links: About Us, Services, Use Cases, Forum.
   • A button to launch the Dapp.
2. Ensure the component does not receive any parameters as it is static.
3. Use the provided color palette to ensure visual consistency.
4. Validate the final design using the reference image.
5. Test the component to ensure all elements are functional and visually appealing.

Here are my profiles:

• GitHub
• OnlyDust

Thank you for considering my application.

[PedroCo3lho]

Hello @bitfalt,
I’m a full-stack developer with experience working with Next.js and TailwindCSS. The task seems clear to me, and I’d love to contribute to the project, hope to be assigned!

[Jagadeeshftw]

Hi,
I’d love to work on this issue as I have strong experience with front-end development. Please assign this to me, and I’ll deliver an efficient and secure PR within 12-24 hours.

[1nonlypiece]

I’d like to work on this issue as I have experience in building frontend interfaces using frameworks like React and Next.js.

ETA:
I estimate completing this task in about 12-24 hours. Let me know if I can get started!

[ShantelPeters]

Mind if I try this one?

I am a full stack blockchain developer with experience in Cairo , typescript, react , JavaScript, solidity, HTML, and python.. and also UI/UX I have worked on different projects having over 31 contributions ..
please let me give this a go …

[Shalomnze]

I am Nze Shalom, a full stack developer with strong foundation in modern web development frameworks and technologies. My expertise includes: Nuxt.js, Next.js and Tailwind CSS with a bit of knowledge in Cairo. I am Experienced in crafting responsive, visually appealing designs using Tailwind CSS, ensuring consistency and efficiency in the development process. I would love to contribute to this project.
I would love to contribute to this project. My approach towards this issue after forking the repo and creating the branch would be to first define the colours according to the colours in the GitHub. I would then import the logo, create a list items for the links and also a button for the launch drop. I would then style it with tailwind css to fit the look of how its meant to be like the design

[deeseeker]

Hello, I am Qudus Adeyemi (@deeseeker), a frontend developer with over two years of experience in React, TypeScript, and JavaScript. I am currently working on a social media app for African creators (https://app.myrevva.com/).

I have reviewed the requirements carefully and will create the navbar component with all the items-about us,services, use cases, forum and button to launch the Dapp with great attention to detail. You can check out my portfolio for a sample of my work, such as https://logisfi-pro-app.vercel.app/, available on my GitHub.

I would love the opportunity to take on this issue.

[mimisavage]

Can I work on this, please?

[Kaminar-i]

Can I resolve this issue.

[vestor-dev]

hey sir i would love to work on this issue
i'm a blockchain dev and i would love to handle this issue
assign me and i'll get to work

[SimplementeCao]

Hi, I'm Leandro, Front-end developer.
I would solve the issue first by reviewing the image design and adjusting to the component-based development guideline to maintain consistency and scalability of the project.
Estimated delivery time: 20 hours.

I have contributed before to other projects like:

• Cairo Book
• Starknet Book
• Starknet Docs
• Starknet Security Challenges Factory
• Starkane

Can I work on this issue?

Check my OnlyDust, I've contributed to many projects: OnlyDust Profile,
and my GitHub

[sebas11042]

Background:
I’m a software developer with experience in Java, JavaScript, React, and C#. I’m also part of the Dojo Coding community and a member of the Sunset Labs team, where we are developing an on-chain game. My skills span both backend and frontend technologies, and I’m passionate about building innovative, decentralized applications. As part of the Sunset Labs team, I am actively contributing to the development of our blockchain-based game, combining my expertise in software development with my interest in cutting-edge technologies.

Solution:
To implement the static navigation bar component, I will use the specified file and create a structure that includes the logo, links such as "About Us," "Services," "Use Cases," "Forum," and a prominent "Launch Dapp" button. I will strictly follow the provided color palette (#EEEEEE for the background, #E36C59 for the button, and secondary colors like #4ECCA3) and ensure a responsive design using Tailwind CSS or custom classes. The navigation bar will be visually consistent with the Figma design to ensure a modern and professional appearance.

[BrunoAmbricca]

I would like to work on this issue

[Luluameh]

Let me handle this issue!

[ikezuby2012]

Hello, my name is nnubia nzube, I'm a full-stack developer with nearly 4 years of experience working with JavaScript, TypeScript, Reactjs, Nextjs, tailwindcss, Express.js, and recently exploring Cairo for blockchain development. I’m passionate about building robust and scalable applications while ensuring clean and maintainable code.

i would like to work on this issue

[portableDD]

Hi, I am Emmanuel Dorcas, a software develper with React js and Typescript , i will like to tackle this issues, my estimated day is 1 day.

how will I tackle this issue:
I will be creating an array for the nav list, and mapping through it to create the list item in the ul.
I will be using tailwind CSS for styling.

thanks

[caxtonacollins]

Can I take this from here?

[Emmanex01]

Can I start working on this?

[respp]

Can I take this from here?

[khayss]

I'm a full-stack developer. I have the ability to build responsive and user-friendly UIs for production grade applications.

I understand what is required to complete this issue. I'll:

• Create the NavBar component containing all the required details.
• Design and Style it to integrate perfectly with the landing page.
• Integrate it with the landing page.
• This component is static and does not have any props according to the requirement.
• Ensure this fits in well with the overall app UI without breaking the UI.

I'm excited about working on this.

[pheobeayo]

Can I handle this task?

[Dorcas18]

Can I attempt this issue?

[ekumamatthew]

Can I try solving this issue?

[Prosper1218]

can i work on this ?
i'll make my first PR in in 30hrs