diff options
| author | Jeff <jeffkleinaitis@gmail.com> | 2024-03-27 13:35:00 -0400 |
|---|---|---|
| committer | Jeff <jeffkleinaitis@gmail.com> | 2024-03-27 13:35:00 -0400 |
| commit | 616b4959ef33a1e5fae167a37d108f736badf2a6 (patch) | |
| tree | e6f58e34960a814c4bda38ca2888b45aa8d4bafa /pages/index.js | |
init
Diffstat (limited to 'pages/index.js')
| -rw-r--r-- | pages/index.js | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/pages/index.js b/pages/index.js new file mode 100644 index 0000000..1156b2b --- /dev/null +++ b/pages/index.js @@ -0,0 +1,63 @@ +import Head from "next/head"; +import Hero from "../components/hero"; +import Navbar from "../components/navbar"; +import SectionTitle from "../components/sectionTitle"; + +import { benefitOne, benefitTwo } from "../components/data"; +import Video from "../components/video"; +import Benefits from "../components/benefits"; +import Footer from "../components/footer"; +import Testimonials from "../components/testimonials"; +import Cta from "../components/cta"; +import Faq from "../components/faq"; +import PopupWidget from "../components/popupWidget"; + +const Home = () => { + return ( + <> + <Head> + <title>Helping Hands - Free Nextjs & TailwindCSS Landing Page Template</title> + <meta + name="description" + content="Helping Hands is a free landing page template built with next.js & Tailwind CSS" + /> + <link rel="icon" href="/favicon.ico" /> + </Head> + + <Navbar /> + <Hero /> + <SectionTitle + pretitle="How It Works" + title="Getting Started with Helping Hands"> + Helping Hands simplifies the process of finding or offering volunteer opportunities. Here's a step-by-step guide: + </SectionTitle> + <Benefits data={benefitOne} /> + <Benefits imgPos="right" data={benefitTwo} /> + <SectionTitle + pretitle="Watch a video" + title="Learn how to fullfil your needs"> + This section is to highlight a promo or demo video of your product. + Analysts says a landing page with video has 3% more conversion rate. So, + don't forget to add one. Just like this. + </SectionTitle> + <Video /> + <SectionTitle + pretitle="Testimonials" + title="Here's what our customers said"> + Testimonails is a great way to increase the brand trust and awareness. + Use this section to highlight your popular customers. + </SectionTitle> + <Testimonials /> + <SectionTitle pretitle="FAQ" title="Frequently Asked Questions"> + Answer your customers possible questions here, it will increase the + conversion rate as well as support or chat requests. + </SectionTitle> + <Faq /> + <Cta /> + <Footer /> + <PopupWidget /> + </> + ); +} + +export default Home;
\ No newline at end of file |