RCCTechzClub/TechzRevamp

CREATE THE LANDING PAGE OF THE WEBSITE

Opened this issue · 13 comments

We need to design and develop the Landing Page for our website. This page will serve as the first point of user interaction and should be visually appealing, responsive, and user-friendly. The page must reflect the club's identity and provide clear navigation to key sections of the site.

  • Use Framer Motions to make it look cool
  • The Figma mockup is present in the DESIGN.md

image

I'm familiar with HTML and CSS and just started learning JavaScript.
I would love to contribute to the development of the landing page. I can help with the structure and styling, and I'm eager to learn and collaborate on making the page responsive and visually appealing.

  1. HTML Structure: I will set up the basic layout for the landing page, including sections like the header, main content, and footer, ensuring the structure is clean and organized.
  2. CSS for Styling: I'll work on styling the page to match the Figma design, focusing on making it visually appealing and responsive for different screen sizes.

While I’m still learning, I’m open to guidance on how to use Framer Motion for animations and improving the overall look of the page.

If you assign this task to me, I’ll give my best to contribute and make the page great!

Assign me I will be create this

assign me i can do this i am good at mern stack also has knowledge of next js as i done i internship in frontend so i know best codding practice

sir assign this task to me i want to gain eperince i am new hope you give me a chance

dev129 commented

Hi there
I have mastery in talwind css and next js, I can design it easily, th only thing i need is vector images, rest can be done easily by me.

Hi i have assigned it to you @dev129 . But i don't have vector images i contacted admin about this but he didn't respond me back!

dev129 commented

Okay but you just add specify the level, i will start working on it

dev129 commented

LandingPage
Hi , I have recently designed the following portion the landing page , now provide me with vector images so i can work on it ,also i have made the navbar section too, so I have integrated that into it.

@dev129 Everything is present in the Figma file duplicate the design in your own figma, export the image and do it

dev129 commented

Okay, please also tell me how do i remove the discord button and other text from the image also.

dev129 commented

@Abhay-hack can you share the images ?

image
I have recently designed the landing page using the Figma got the images, now what shall be done on hovering , any idea in your mind or shall i do something on my own ?

@Abhay-hack @chetanck03 @Swapnendu003 can anyone of you tell me what to do now ? Or atleast approve this so i can start working on animation