index.tsx (1815B)
1 import Head from "next/head"; 2 import { useIntl } from 'react-intl' 3 import { Footer } from '@/components/sections/Footer'; 4 import { NotedeckHero } from '@/components/sections/Notedeck/NotedeckHero'; 5 import { NotedeckWaitlistForm } from "@/components/sections/Notedeck/WaitlistForm"; 6 import { Benefits } from "@/components/sections/Notedeck/Benefits"; 7 import { NotIncluded } from "@/components/sections/Notedeck/NotIncluded"; 8 import { ShareFeedback } from "@/components/sections/Notedeck/ShareFeedback"; 9 import { NotedeckFAQ } from "@/components/sections/Notedeck/NotedeckFAQ"; 10 import { WhatIsNotedeck } from "@/components/sections/Notedeck/WhatIsNotedeck"; 11 import { Recap } from "@/components/sections/Notedeck/Recap"; 12 import { motion } from "framer-motion"; 13 import { TopMenu } from "@/components/sections/TopMenu"; 14 import { InstallNowButton } from "@/components/sections/Notedeck/NotedeckHero"; 15 16 export function Notedeck() { 17 const intl = useIntl() 18 19 return (<> 20 <Head> 21 <title>Notedeck</title> 22 <meta name="description" content={intl.formatMessage({ id: "notedeck.meta_description", defaultMessage: "Notedeck is a powerful, performant Nostr client for Linux, Windows, and macOS" })} /> 23 </Head> 24 <main style={{ scrollBehavior: "smooth" }}> 25 <motion.div 26 className="w-full" 27 style={{ opacity: 0 }} 28 animate={{ opacity: 1, transition: { delay: 1.5, duration: 1 } }} 29 > 30 <TopMenu 31 className="w-full z-10" 32 customCTA={ 33 <InstallNowButton className="hidden lg:block"/> 34 } 35 hideLogoOnTop={true} 36 /> 37 </motion.div> 38 <NotedeckHero/> 39 <WhatIsNotedeck /> 40 <Benefits /> 41 <NotIncluded /> 42 <NotedeckFAQ /> 43 <ShareFeedback /> 44 <Recap /> 45 <Footer /> 46 </main> 47 </>) 48 }