home.tsx (1687B)
1 import Image from 'next/image' 2 import { Inter } from 'next/font/google' 3 import { Hero } from '@/components/sections/Hero' 4 import Head from "next/head"; 5 import { useIntl } from 'react-intl' 6 import { BannedInChina } from '@/components/sections/BannedInChina' 7 import { DamusOnMedia } from '@/components/sections/DamusOnMedia'; 8 import { MeetTheTeam } from '@/components/sections/MeetTheTeam'; 9 import { DamusAroundTheWorld } from '@/components/sections/DamusAroundTheWorld'; 10 import { Footer } from '@/components/sections/Footer'; 11 import { DamusLiveEvents } from '@/components/sections/DamusLiveEvents'; 12 import { Contribute } from '@/components/sections/Contribute'; 13 import { FinalCTA } from '@/components/sections/FinalCTA'; 14 import { Benefits } from '@/components/sections/Benefits'; 15 import { PurpleBanner } from '../sections/PurpleBanner'; 16 17 const inter = Inter({ subsets: ['latin'] }) 18 19 export function Home() { 20 const intl = useIntl() 21 22 return (<> 23 <Head> 24 <title>Damus</title> 25 <meta name="description" content={ intl.formatMessage({ id: "home.meta_description", defaultMessage: "Damus is a new social network that you control. Available now on iOS, iPad and macOS (M1/M2)" }) }/> 26 <meta name="apple-itunes-app" content="app-id=1628663131"/> 27 </Head> 28 <main style={{ scrollBehavior: "smooth" }}> 29 <Hero/> 30 <Benefits/> 31 <PurpleBanner/> 32 <BannedInChina/> 33 <div id="events"> 34 <DamusLiveEvents/> 35 </div> 36 <DamusOnMedia/> 37 <div id="team"> 38 <MeetTheTeam/> 39 </div> 40 <div id="contribute"> 41 <Contribute/> 42 </div> 43 <DamusAroundTheWorld/> 44 <FinalCTA/> 45 <Footer/> 46 </main> 47 </>) 48 }