Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added Deals in Hero Section as Slider #635

Closed
wants to merge 2 commits into from

Conversation

Nitheesha33
Copy link

Added Delas in the Hero Section as a slider

Issue #535 : Added Deals in the hero section as a slider

Type of PR

  • Bug fix
  • Feature enhancement
  • Documentation update
  • Other (specify): ___________

Description

This pull request aims to add a new slider in the hero section of the website to showcase ongoing and upcoming deals, as well as new arrivals. The slider enhances the user experience by allowing customers to quickly view the latest offers and arrivals in a visually appealing manner.

Screenshots / Videos (if applicable)

Before:

before-slides.mp4

After:

after-slides.mp4

Checklist

  • I have performed a self-review of my code.
  • I have tested the changes thoroughly before submitting this pull request.
  • I have provided relevant issue numbers, screenshots, and videos after making the changes.
  • I have commented my code, particularly in hard-to-understand areas.

Additional Context

I have implemented three slides in total: one for ongoing deals, one for upcoming deals, and another for new arrivals. The challenge was to ensure smooth transitions between the slides while maintaining performance. After considering different design options, I decided to prioritize a clean, minimalist layout for better readability and engagement.

Thank you for reviewing my pull request!

@swaraj-das Please label my issue with the appropriate level and then merge my pr

Copy link

vercel bot commented Oct 21, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
collect-your-gaming-tools ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 21, 2024 4:51pm

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job, @Nitheesha33! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

Copy link

netlify bot commented Oct 21, 2024

Deploy Preview for collect-your-gamingtools ready!

Name Link
🔨 Latest commit 6c68030
🔍 Latest deploy log https://app.netlify.com/sites/collect-your-gamingtools/deploys/671686934fffe30008b2b22c
😎 Deploy Preview https://deploy-preview-635--collect-your-gamingtools.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@Nitheesha33
Copy link
Author

@swaraj-das the only issue is with a PR without the label. Other than that, my PR is perfectly able to deploy. I request you to look into this asap.

Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

1 similar comment
Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

@@ -0,0 +1,43 @@
let slideIndex = 1;
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do not create a separate 'hero-slider' folder. Instead, please add the JavaScript for the hero slider directly into the existing script.js file.

</div>
</div>
</li>

<li class="login"><a href="login/login.html">Login</a></li>
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add two buttons to the slider that allow users to navigate the images left (previous) and right (next) within the slider.

@@ -52,6 +52,17 @@
<li><a href="#keyboard">Gaming Keyboard</a></li>
<li><a href="#others">Others</a></li>

<!--adding short search bar-->
Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can position the search bar at the bottom of the navbar to enhance the user experience.

@Nitheesha33
Copy link
Author

@swaraj-das Sure, I will make these changes and get back to you. In the meantime, I kindly request you to add an appropriate level label to the issue to pass all the checks when submitting my PR.

Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants