Merge branch '2024-04-08-newlayout-2' of https://github.com/replayio/…

…landing-page into 2024-04-08-newlayout-2
replayio · Apr 9, 2024 · 505ff1d · 505ff1d
2 parents 30d1972 + c481235
commit 505ff1d
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 20 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -26,10 +26,12 @@ export default function Home() {
             <main>
               <div
                 className="bg-cover bg-center bg-no-repeat"
+
                 style={{
                   backgroundImage: 'url(/images/hyperspace.svg)',
                   backgroundPosition: '-290px center'
                 }}
+
               >
                 <Header />
                 <Hero {...landingPage} />

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -103,6 +103,7 @@ export function Header({ variant }: { variant?: 'dark' | 'light' }) {
             <Link href="/" aria-label="Home">
               <Logo
                 className={classNames(variant === 'dark' ? 'fill-slate-100' : 'fill-slate-800')}
+                style={{ height: '20px' }}
               />
             </Link>
             <div className="hidden md:flex md:gap-x-6">

diff --git a/src/components/sections/Hero.tsx b/src/components/sections/Hero.tsx
@@ -17,27 +17,22 @@ import { Carousel } from '~/components/Carousel'
 
 export function Hero({ hero }: LandingPageFragment) {
   return (
-    <div className="relative overflow-hidden">
-      <Container
-        className="relative z-10 flex max-w-7xl items-center"
-        style={{ height: 'calc(100vh - 300px)' }}
-      >
-        <div className="flex-1 text-left">
-          <h1 className=" font-display text-3xl font-bold tracking-tight text-slate-900 sm:text-5xl">
-            Move fast{' '}
-            <span className="relative whitespace-nowrap">
-              <span className={`${styles.colorPrimaryAccent} relative`}>without</span>
-            </span>{' '}
-            breaking things.
-          </h1>
-          <div className="mt-4 max-w-3xl rounded-lg bg-white/75 p-2 text-lg tracking-tight text-slate-700">
-            <RichText>{hero.subtitle.json.content}</RichText>
-          </div>
+    <div className="relative overflow-hidden ">
+      <Container className="relative z-10 max-w-4xl pt-20 text-center lg:pt-20">
+        <h1 className="mx-auto max-w-4xl font-display text-3xl font-bold tracking-tight text-slate-900 sm:text-5xl">
+          Move fast{' '}
+          <span className="relative whitespace-nowrap">
+            <span className={`${styles.colorPrimaryAccent} relative`}>without</span>
+          </span>{' '}
+          breaking things.
+        </h1>
+        <div className="mx-auto mt-4 max-w-3xl rounded-lg bg-white/75 p-2 text-lg tracking-tight text-slate-700">
+          <RichText>{hero.subtitle.json.content}</RichText>
+        </div>
 
-          <div className="mt-10 flex justify-start gap-x-6">
-            <BaseHubButton {...hero.getStartedLink} />
-            <Cal link={hero.contactUsLink} />
-          </div>
+        <div className="mb-32 mt-10 flex justify-center gap-x-6">
+          <BaseHubButton {...hero.getStartedLink} />
+          <Cal link={hero.contactUsLink} />
         </div>
         <div className="hidden p-0 lg:flex">
           <Carousel testimonials={hero.testimonials.items} />