issaafalkattan / react-landing-page-template Goto Github PK

View Code? Open in Web Editor NEW

1.1K 14.0 857.0 1.77 MB

A simple react one page landing page templates for startups/companies

Home Page: https://react-landing-page-template-93ne.vercel.app/

License: MIT License

CSS 47.76% HTML 3.55% JavaScript 48.68%

react landing page template free clean javascript meteor js json

react-landing-page-template's Introduction

React JS Landing Page Template

🛎️🛎️ Good news! New & improved V2 is out

LIVE DEMO

Description

This is a ReactJS based landing page template, fit for a startup company/service with a one page view. The design is inspired by a template from Free-CSS.com All 'visual' data can be easily modified by changing the data.json file.

Make it Yours!

1. Preps

You will need to have Node JS installed on your pc.

2. Clone Files

After cloning the files, you will have to run yarn followed by yarn start in the CLI

3. Add your own data

Change the data in the data.json file as well as add any images to public/img/ You can also change styles by modifying the public/css files. If you need the contact form to work, you also need to create an EmailJS account, and modify the src/components/contact.jsx file to replace your own service ID, template ID and Public Key

Like this project?

Buy my a coffee ☕️

Credits

Free CSS

Free-CSS.com

Issaaf kattan

react-landing-page-template's People

Contributors

Stargazers

Watchers

Forkers

cleanu thecoderpanda kikeex burketa ade-yohanes fyneworks angulemathias ucheuzor camin-mccluskey heavycrawfish snad1 vordcs abiolajolagunju winstonmhango drvgao ivelazco ffachrial stevemeister5 thabo777 thinh-mazeika peterosoo kmatiya communitymanagement gtstride emmaroland32 ongchonghian mahdi9292 gbarczyszyn yunaluv358 icaroo shahenazmonia tahsandewan mutegekihenry mpduty zeuslawyer thetechsurgeon betoxx1 gbeck-917 orkasolutionscz jschaufele xingzai96 3v1lw1th1n elmehdiabbes willie01 faithgaiciumia kamurenrickc137 a-deeb imaduddinamajid dreamer95 luwieb rckdrigo nakachi-s iamkkj jojitoon proletariatee parvathikrishnan99 mrjain0187 muhamood emrebulbul23 benjamin3322 viniciusrv55 spurgeonprakash notchraiser ozimos floriantsuala mhsoton cmgm15 eliasayele destiaarti pseudopixels siciarzmat funzadev moudjuu-averly longguodev cohey0727 yehonadav miachiu-coolbitx rahulchona11091991 nedvedyy johnmejia321 xchinjo knighton910 jobayer1007 juliojgarciaperez rajivrawat982 santiago8888 murtaza-ch vmathur sophi-e kennguyen1506 aagrandaz ryan-ally marcelotoko marcelotn bdoss1 amsteffensen claytoncampos magicianred vahoang sergioduarte369

react-landing-page-template's Issues

The contact us form does not clear after submission

*Describe the bug
The contact us form does not clear after submission

To Reproduce
Steps to reproduce the behavior:

Go to ‘contact form'
Enter data
Submit

Expected behavior
The form should clear

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: Mac OS
-Chrome

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]

Additional context
Add any other context about the problem here.

Demo/Heroku Not working

Hi.

Not sure if this project is still being maintained. The Heroku Demo is not running from the link. Selecting the Link generates an error.

great project

Oh, great project, please allow me to fork it and modify it. Thank you

This landing page does not have responsive layout.

Live demo

It would be better If a live demo that is hosted is attached in the repo, so that user's get to know what they after cloning the project

smooth scrolling does not work

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

Go to '...'
Click on '....'
Scroll down to '....'
See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser [e.g. chrome, safari]
Version [e.g. 22]

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]

Additional context
Add any other context about the problem here.
s

Production Build does not generate index.html

Describe the bug
The command yarn build-prod does not generate a index.html in /out directory. The index.html is instead in the /out/404 directory

To Reproduce
Steps to reproduce the behavior:

yarn install && yarn build-prod
Check output of out directory
See error

Expected behavior
A index.html page should be generated in the /out dir -> /out/index.html

Screenshots

Desktop (please complete the following information):

OS: Linux

Responsive Issue

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

Go to 'development server'
Click on 'Mobile responsive check
Scroll down to 'About'
See error

Expected behavior
A clear and concise description of what you expected to happen.
The whole app should be mobile responsive

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.
NILL

Font Awesome new Icons

I would like to use Tiktok icon in the contact section, but I can`t update font awesome, how do I put this Icon?

Please, someone can help me?

On navigation click it does not scroll

Hi, on your demo when I click the nav buttons it is scrolling to the location, but when I try it locally it just jumps to the location, without scrolling. What am I missing here?

Generating code docs :)

Feature request
Hey! We are generating a product to automate the generation of docs. We want to contribute to the community, this is the first iteration of the product and would love to receive feedback as to what could be enhanced to make them valuable for the community.

I’ve generated this docs for the repo.

They are generated with AI so it will always be up to date and a Changelog is fed with changes.

Motivation
contribute to the community!

We have a LinkedIn page here :)

deploying with Netlify

Describe the bug
after importing code into github and trying to deploy app using netlify. Get an error saying it is a jekyll file and a gemfile needs to be created. Cannot get to work after creating a gemfile

To Reproduce
Steps to reproduce the behavior:

Go to '...'
Click on '....'
Scroll down to '....'
See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser [e.g. chrome, safari]
Version [e.g. 22]

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]

Additional context
Add any other context about the problem here.

issaafalkattan / react-landing-page-template Goto Github PK

react-landing-page-template's Introduction

React JS Landing Page Template

🛎️🛎️ Good news! New & improved V2 is out

Description

Make it Yours!

1. Preps

2. Clone Files

3. Add your own data

Like this project?

Credits

Free CSS

Issaaf kattan

react-landing-page-template's People

Contributors

Stargazers

Watchers

Forkers

react-landing-page-template's Issues

Recommend Projects

Recommend Topics

Recommend Org