Frontend: Route "Get Started" Button to GetStarted Page

[Mkalbani]

🎯 Objective

Ensure the "Get Started" button correctly navigates users to the GetStarted page when clicked.

🔍 Context

This button is present on the home page and should guide users to the GetStarted.tsx page, as seen in the Figma design.

📋 Tasks

• Ensure a GetStarted.tsx page exists in pages/.
• Add a Route for /get-started in routes/AppRoutes.tsx.
• Update the "Get Started" button in the Hero section to navigate to /get-started.
• Ensure smooth navigation using Link from react-router-dom.

💻 Technical Implementation

1️⃣ Locate the "Get Started" button inside HeroSection.tsx (or relevant component).
2️⃣ Import Link from react-router-dom.
3️⃣ Use the Link's to property to set the route
4️⃣ Ensure styling matches the Figma design.

📌 Contributor Reminders

✅ Check the Contribution Guidelines: 🔗 CONTRIBUTING.md
✅ Sync with the latest changes from the LogiQuest repository before working on this issue.

📝 Acceptance Criteria

✅ Clicking the "Get Started" button navigates to the GetStarted page.
✅ The button matches the Figma design.
✅ Navigation is smooth and works across all devices.

💪 Skills Required

• React
• Tailwind CSS
• React Router
• Responsive Design

📈 Difficulty
Easy

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 150 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

[Nacho1499]

@Nacho1499 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’s a simple but important improvement to the user onboarding flow. I have experience with React, React Router, and Tailwind CSS, and I’m comfortable setting up routes, linking buttons for smooth navigation, and matching designs to Figma specs. I’ll follow the contribution guidelines and ensure the “Get Started” button routes correctly and works across devices.

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

[luighis]

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

Hi 👋, I'm a front-end UI/UX developer with experience in Next.js, TypeScript, Shadcn, Zustand, Tailwind CSS, and more.

I've reviewed the requirements and I'd love to resolve this issue.

I actively contribute to several open-source projects and submit high-quality pull requests. The code will be clean, composable, and follow QuestFront conventions, maintaining responsive designs and compatibility with figma, etc.

I'm in the Telegram group: logicQues

I can resolve this issue within 5 hour.

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

[Jayrodri088]

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

Hello @Mkalbani Can I take this issue?

I'm a developer with a solid background in Web3, working across both front-end and back-end. You can check out my profile to see my contributions to the most important projects within the Stellar ecosystem.

Additionally, I have experience working in other ecosystems such as StarkNet, Optimism, Worldcoin, and I have already contributed multiple times to Akkuea, Offer-Hub and kindifi.

My ETA on this issue will be 5 hours

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

[asalisu6580]

@asalisu6580 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 the “Get Started” button is a key entry point for users. It sets the tone for their journey in the application—if it’s not intuitive or responsive, users could get frustrated or lost. Ensuring smooth, reliable navigation is essential for a seamless user experience.

I have experience using React and Tailwind CSS to build interactive components, and I’m familiar with react-router-dom for implementing client-side routing. I understand the importance of following Figma designs precisely while keeping navigation smooth and responsive across devices. I pay close attention to both usability and code maintainability, ensuring the button works reliably and fits well within the page structure.

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

[samuelgodsgift]

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

I can handle this issue!

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

[drips-wave]

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

🧑‍💻 @asalisu6580: 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 🌊