update landing

Author: AykutSarac

src/containers/Landing/FAQ.tsx

@@ -4,7 +4,7 @@ import Questions from "src/data/faq.json";
 
 export const FAQ = () => {
   return (
-    <Container id="faq" component="section" py={80}>
+    <Container id="faq" component="section" size="sm" py={80}>
       <Title
         c="black"
         order={2}

src/containers/Landing/HeroSection.tsx

@@ -118,8 +118,8 @@ export const HeroSection = () => {
           </Link>
           <StyledHeroTitle>Visualize JSON into interactive graphs</StyledHeroTitle>
           <StyledHeroText>
-            The best JSON viewer tool to <strong>visualize</strong>, <strong>format</strong> and{" "}
-            <strong>modify</strong>.
+            The best online JSON viewer tool to <strong>visualize</strong>, <strong>format</strong>{" "}
+            and <strong>explore</strong>.
           </StyledHeroText>
 
           <Flex gap="xs" wrap="wrap" justify="center" hiddenFrom="xs">

src/containers/Landing/Section1.tsx

@@ -88,7 +88,7 @@ export const Section1 = () => {
             maw={500}
             order={2}
           >
-            Understand complex data quickly
+            Don't waste time with JSON formatters
           </Title>
           <Text my="md" c="gray.6" fz={16} maw={510}>
             The days of getting lost in lines of code are over. JSON Crack gives you the most
@@ -104,9 +104,9 @@ export const Section1 = () => {
             icon={<LuBadgeCheck size="20" />}
           >
             <SimpleGrid w="fit-content" cols={2}>
+              <List.Item>Clear, concise data presentation</List.Item>
               <List.Item>Fast decision-making</List.Item>
               <List.Item>Grasp patterns and relationships faster</List.Item>
-              <List.Item>Clear, concise data presentation</List.Item>
               <List.Item>Share insights with teams easier</List.Item>
             </SimpleGrid>
           </List>

src/pages/index.tsx

@@ -27,10 +27,10 @@ export const HomePage = (props: InferGetStaticPropsType<typeof getStaticProps>)
       <HeroSection />
       <HeroPreview />
       <Section1 />
-      <SeePremium />
       <Features />
       <FAQ />
       <LovedBy stars={props.stars} />
+      <SeePremium />
     </Layout>
   );
 };