diff --git a/src/webapp/app/page.tsx b/src/webapp/app/page.tsx
index 91a48aec..b811d1b6 100644
--- a/src/webapp/app/page.tsx
+++ b/src/webapp/app/page.tsx
@@ -11,9 +11,8 @@ import {
   Center,
   Group,
   Badge,
-  Grid,
-  GridCol,
 } from '@mantine/core';
+import Link from 'next/link';
 import BG from '@/assets/semble-bg.webp';
 import DarkBG from '@/assets/semble-bg-dark.png';
 import CurateIcon from '@/assets/icons/curate-icon.svg';
@@ -24,15 +23,18 @@ import SembleLogo from '@/assets/semble-logo.svg';
 import AnimatedTitle from '@/components/landing/animatedTitle/AnimatedTitle';
 import IosShortcutButton from '@/components/landing/iosShortcutButton/IosShortcutButton';
 import RecentActivity from '@/components/landing/recentActivity/RecentActivity';
+import RecentActivitySkeleton from '@/components/landing/recentActivity/Skeleton.RecentActivity';
 import Footer from '@/components/landing/footer/Footer';
-import { Fragment } from 'react';
+import { Fragment, Suspense } from 'react';
 import AuthButtons from '@/components/landing/authButtons/AuthButtons';
+import { IoArrowForward } from 'react-icons/io5';
+import { RiArrowRightUpLine } from 'react-icons/ri';
 
 export default async function Page() {
   const fadeStyle = {
     inset: 0,
-    WebkitMaskImage: 'linear-gradient(to top, transparent 0%, black 35%)',
-    maskImage: 'linear-gradient(to top, transparent 0%, black 35%)',
+    WebkitMaskImage: 'linear-gradient(to bottom, transparent 10%, black 35%)',
+    maskImage: 'linear-gradient(to bottom, transparent 10%, black 35%)',
     zIndex: 0,
   };
 
@@ -70,18 +72,30 @@ function Content() {
       <Container size="xl" p="md" my="auto">
         <Group justify="space-between">
           <Stack gap={6} align="center">
-            <Image src={SembleLogo.src} alt="Semble logo" w={30} h="auto" />
-            <Badge size="sm">Alpha</Badge>
+            <Image src={SembleLogo.src} alt="Semble logo" w={25} h="auto" />
+            <Badge size="xs">Alpha</Badge>
           </Stack>
           <Group gap={'sm'}>
             <IosShortcutButton />
+            <Button
+              component="a"
+              href="https://docs.cosmik.network/semble"
+              target="_blank"
+              variant="light"
+              color="gray"
+              size="xs"
+              rightSection={<RiArrowRightUpLine />}
+            >
+              Semble Docs
+            </Button>
             <Button
               data-tally-open="31a9Ng"
               data-tally-hide-title="1"
               data-tally-layout="modal"
               data-tally-emoji-animation="none"
-              variant="default"
-              size="sm"
+              variant="light"
+              color="gray"
+              size="xs"
             >
               Stay in the loop
             </Button>
@@ -91,31 +105,58 @@ function Content() {
 
       <Center h="100svh" py={{ base: '2rem', xs: '5rem' }}>
         <Container size="xl" p="md" my="auto">
-          <Stack gap="5rem">
-            <Grid gutter="xl" align="center">
-              <GridCol span={{ sm: 5, md: 6 }}>
-                <Stack gap="xs" maw={550}>
-                  <AnimatedTitle />
+          <Stack gap="5rem" align="center">
+            <Stack gap="xs" align="center" maw={700}>
+              <Button
+                component={Link}
+                href={'https://atmosphereconf.org/event/OD6Gd0A'}
+                size="compact-sm"
+                leftSection={'🪿'}
+                variant="default"
+                rightSection={<IoArrowForward />}
+                c="#4098FF"
+                bg={'blue.0'}
+              >
+                We&apos;re heading to ATmosphereConf!
+              </Button>
+              <AnimatedTitle />
+
+              {/* light mode subtitle */}
+              <Title
+                order={2}
+                fw={600}
+                fz="xl"
+                c="#1F6144"
+                ta={'center'}
+                maw={450}
+                darkHidden
+              >
+                Follow your peers&apos; research trails. Surface and discover
+                new connections. Built on ATProto so you own your data.
+              </Title>
 
-                  {/* light mode subtitle */}
-                  <Title order={2} fw={600} fz="xl" c="#1F6144" darkHidden>
-                    Follow your peers’ research trails. Surface and discover new
-                    connections. Built on ATProto so you own your data.
-                  </Title>
+              {/* dark mode subtitle */}
+              <Title
+                order={2}
+                fw={600}
+                fz="xl"
+                c="#1e4dd9"
+                ta={'center'}
+                maw={450}
+                lightHidden
+              >
+                Follow your peers&apos; research trails. Surface and discover
+                new connections. Built on ATProto so you own your data.
+              </Title>
 
-                  {/* dark mode subtitle */}
-                  <Title order={2} fw={600} fz="xl" c="#1e4dd9" lightHidden>
-                    Follow your peers’ research trails. Surface and discover new
-                    connections. Built on ATProto so you own your data.
-                  </Title>
+              <AuthButtons />
+            </Stack>
 
-                  <AuthButtons />
-                </Stack>
-              </GridCol>
-              <GridCol span={{ sm: 7, md: 6 }}>
+            <Box maw={750} w="100%">
+              <Suspense fallback={<RecentActivitySkeleton />}>
                 <RecentActivity />
-              </GridCol>
-            </Grid>
+              </Suspense>
+            </Box>
 
             <SimpleGrid
               cols={{ base: 1, xs: 2, sm: 2, md: 3, lg: 4 }}
diff --git a/src/webapp/components/landing/animatedTitle/AnimatedTitle.tsx b/src/webapp/components/landing/animatedTitle/AnimatedTitle.tsx
index f9ac555a..d5f050d1 100644
--- a/src/webapp/components/landing/animatedTitle/AnimatedTitle.tsx
+++ b/src/webapp/components/landing/animatedTitle/AnimatedTitle.tsx
@@ -15,7 +15,7 @@ const words = [
 export default function AnimatedTitle() {
   const [index, setIndex] = useState(0);
   const [opened, setOpened] = useState(true);
-  const CHANGE_EVERY_MS = 3000;
+  const CHANGE_EVERY_MS = 2600;
 
   useEffect(() => {
     const interval = setInterval(() => {
@@ -33,14 +33,14 @@ export default function AnimatedTitle() {
   }, []);
 
   return (
-    <Title order={1} fw={600} fz="2.7rem">
+    <Title order={1} fw={700} fz="2.6rem" ta={'center'}>
       A social knowledge network for{' '}
       <Box
         component="span"
         style={{
           display: 'inline-block',
           minWidth: '250px',
-          textAlign: 'left',
+          textAlign: 'center',
         }}
       >
         <Transition
@@ -51,12 +51,12 @@ export default function AnimatedTitle() {
         >
           {(styles) => (
             <Text
-              fw={600}
-              fz="2.7rem"
+              fw={700}
+              fz="2.6rem"
               style={{
                 ...styles,
               }}
-              c={'grape'}
+              ta={'center'}
               span
             >
               {words[index]}
diff --git a/src/webapp/components/landing/footer/Footer.tsx b/src/webapp/components/landing/footer/Footer.tsx
index f8d95af5..db5f01a4 100644
--- a/src/webapp/components/landing/footer/Footer.tsx
+++ b/src/webapp/components/landing/footer/Footer.tsx
@@ -77,17 +77,6 @@ export default function Footer() {
           >
             Follow our blog for updates
           </Button>
-          <Button
-            component="a"
-            href="https://docs.cosmik.network/semble"
-            target="_blank"
-            variant="light"
-            color="dark.1"
-            fw={600}
-            rightSection={<RiArrowRightUpLine />}
-          >
-            Semble Docs
-          </Button>
         </Group>
         <Stack align="center" gap="0">
           <Text c="dark.1" fw={600} ta="center">
diff --git a/src/webapp/components/landing/recentActivity/Skeleton.RecentActivity.tsx b/src/webapp/components/landing/recentActivity/Skeleton.RecentActivity.tsx
new file mode 100644
index 00000000..5830466d
--- /dev/null
+++ b/src/webapp/components/landing/recentActivity/Skeleton.RecentActivity.tsx
@@ -0,0 +1,20 @@
+import { Card, Group, Skeleton, Stack } from '@mantine/core';
+import ActivityCardSkeleton from '../activityCard/Skeleton.ActivityCard';
+
+export default function RecentActivitySkeleton() {
+  return (
+    <Card withBorder component="article" p="xs" radius="lg">
+      <Stack gap="md">
+        <Group gap="xs" justify="space-between">
+          <Skeleton w={220} h={28} />
+          <Skeleton w={110} h={36} radius="xl" />
+        </Group>
+        <Stack gap="xl">
+          <ActivityCardSkeleton />
+          <ActivityCardSkeleton />
+          <ActivityCardSkeleton />
+        </Stack>
+      </Stack>
+    </Card>
+  );
+}