diff --git a/apps/web/src/app/(home)/gradient-bg.tsx b/apps/web/src/app/(home)/gradient-bg.tsx
index eab8384..022d0f6 100644
--- a/apps/web/src/app/(home)/gradient-bg.tsx
+++ b/apps/web/src/app/(home)/gradient-bg.tsx
@@ -33,7 +33,7 @@ export function GradientBg(props: ComponentProps<'svg'>) {
           height="140%"
           filterUnits="objectBoundingBox"
           primitiveUnits="userSpaceOnUse"
-          color-interpolation-filters="linearRGB"
+          colorInterpolationFilters="linearRGB"
         >
           <feTurbulence
             type="fractalNoise"
@@ -51,7 +51,7 @@ export function GradientBg(props: ComponentProps<'svg'>) {
             surfaceScale="15"
             specularConstant="0.75"
             specularExponent="20"
-            lighting-color="#989898"
+            lightingColor="#989898"
             x="0%"
             y="0%"
             width="100%"
diff --git a/apps/web/src/app/(home)/page.tsx b/apps/web/src/app/(home)/page.tsx
index 65becab..e30156b 100644
--- a/apps/web/src/app/(home)/page.tsx
+++ b/apps/web/src/app/(home)/page.tsx
@@ -47,7 +47,7 @@ export default function Homepage() {
             </p>
           </div>
 
-          <div className="flex items-center gap-4">
+          <div className="flex flex-col-reverse items-center gap-4 sm:flex-row">
             <Button asChild size="lg" variant="link" className="text-zinc-400">
               <Link href="/about">What is Nivo?</Link>
             </Button>
diff --git a/apps/web/src/app/opengraph-image.png b/apps/web/src/app/opengraph-image.png
new file mode 100644
index 0000000..4ee1c47
Binary files /dev/null and b/apps/web/src/app/opengraph-image.png differ
diff --git a/apps/web/src/app/twitter-image.png b/apps/web/src/app/twitter-image.png
new file mode 100644
index 0000000..ae8239d
Binary files /dev/null and b/apps/web/src/app/twitter-image.png differ