refactor: wrap SectionHeader with Center component in Hero

Author: ciro-maciel

src/components/Hero.jsx

@@ -33,13 +33,15 @@ export function Hero({ subtitle, title, description, cta, video, image, backgrou
                         gap={{ base: 32, md: 48 }}
                         ta={{ base: 'center', md: 'left' }}
                     >
-                        <SectionHeader
-                            subtitle={subtitle}
-                            title={title}
-                            titleOrder={1}
-                            titleFz="var(--fz-hero)"
-                            ta="inherit"
-                        />
+                        <Center>
+                            <SectionHeader
+                                subtitle={subtitle}
+                                title={title}
+                                titleOrder={1}
+                                titleFz="var(--fz-hero)"
+                                ta="inherit"
+                            />
+                        </Center>
 
                         {description && (
                             <Center>