[#127] Update all pages by code formatter

kakadigi · Sep 9, 2023 · 2d2d5c1 · 2d2d5c1
1 parent ef651f6
commit 2d2d5c1
Show file tree

Hide file tree

Showing 4 changed files with 87 additions and 144 deletions.
diff --git a/pages/_app.jsx b/pages/_app.jsx
@@ -1,31 +1,31 @@
-import { ChakraProvider, extendTheme } from "@chakra-ui/react";
+import { ChakraProvider, extendTheme } from '@chakra-ui/react';
 
 const colors = {
   black: {
-    500: "#000000",
+    500: '#000000',
   },
   slate: {
-    900: "#0f172a",
-    800: "#1e293b",
-    500: "#334155",
-    300: "#cbd5e1",
-    200: "#e2e8f0",
-    100: "#f1f5f9",
+    900: '#0f172a',
+    800: '#1e293b',
+    500: '#334155',
+    300: '#cbd5e1',
+    200: '#e2e8f0',
+    100: '#f1f5f9',
   },
   primary: {
-    500: "#0ea5e9",
-    200: "#bae6fd",
-    100: "#e0f2fe",
+    500: '#0ea5e9',
+    200: '#bae6fd',
+    100: '#e0f2fe',
   },
   green: {
-    200: "#bbf7d0",
+    200: '#bbf7d0',
   },
   emerald: {
-    500: "#10b981",
-    600: "#059669",
+    500: '#10b981',
+    600: '#059669',
   },
   teal: {
-    500: "#14b8a6",
+    500: '#14b8a6',
   },
 };
 

diff --git a/pages/contact-us.jsx b/pages/contact-us.jsx
@@ -8,7 +8,7 @@ import {
   Heading,
   Text,
   VStack,
-} from "@chakra-ui/react";
+} from '@chakra-ui/react';
 import {
   FaMapMarkedAlt,
   FaGithub,
@@ -17,23 +17,17 @@ import {
   FaDribbble,
   FaBehance,
   FaWhatsapp,
-} from "react-icons/fa";
-import { SiToptal, SiUpwork } from "react-icons/si";
+} from 'react-icons/fa';
+import { SiToptal, SiUpwork } from 'react-icons/si';
 
-import { Layout, NextImage } from "../components";
-import styles from "../styles.module.scss";
+import { Layout, NextImage } from '../components';
+import styles from '../styles.module.scss';
 
 function ContactPage() {
   return (
     <Layout title="Contact Us">
       <Container maxW="container.xl">
-        <Flex
-          w="full"
-          h="full"
-          alignItems="center"
-          justifyContent="center"
-          py={16}
-        >
+        <Flex w="full" h="full" alignItems="center" justifyContent="center" py={16}>
           <Container maxW="container.xl">
             <VStack spacing={8} mb={24}>
               <Heading as="h1" size="2xl">
@@ -52,7 +46,7 @@ function ContactPage() {
               </Button>
             </VStack>
             <Flex
-              direction={{ base: "column", md: "column", lg: "row" }}
+              direction={{ base: 'column', md: 'column', lg: 'row' }}
               w="full"
               h="full"
               justify="space-between"
@@ -65,17 +59,16 @@ function ContactPage() {
                   </Heading>
                   <Divider />
                   <Text fontSize="lg">
-                    If you prefer face-to-face interactions, our doors are open
-                    at our office location:
+                    If you prefer face-to-face interactions, our doors are open at our office
+                    location:
                   </Text>
                 </VStack>
                 <HStack spacing={4} alignItems="flex-start">
                   <Text fontSize="lg">
                     <FaMapMarkedAlt />
                   </Text>
                   <Text fontWeight={500} fontSize="md">
-                    Perumahan Permata Perwira Kalimanah Purbalingga, Jawa Tengah
-                    53371
+                    Perumahan Permata Perwira Kalimanah Purbalingga, Jawa Tengah 53371
                   </Text>
                 </HStack>
               </Box>
@@ -86,27 +79,13 @@ function ContactPage() {
                   </Heading>
                   <Divider />
                   <Text fontSize="lg">
-                    Follow us on social media to stay updated on the latest tech
-                    trends, industry insights, and our exciting projects:
+                    Follow us on social media to stay updated on the latest tech trends, industry
+                    insights, and our exciting projects:
                   </Text>
                 </VStack>
-                <HStack
-                  spacing={6}
-                  className={styles.stayConnect}
-                  alignItems="center"
-                >
-                  <a
-                    href="http://"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="x-twitter"
-                  >
-                    <NextImage
-                      src="/images/x-twitter.svg"
-                      alt="X Twitter"
-                      width={24}
-                      height={24}
-                    />
+                <HStack spacing={6} className={styles.stayConnect} alignItems="center">
+                  <a href="http://" target="_blank" rel="noopener noreferrer" className="x-twitter">
+                    <NextImage src="/images/x-twitter.svg" alt="X Twitter" width={24} height={24} />
                   </a>
                   <a href="http://" target="_blank" rel="noopener noreferrer">
                     <FaLinkedin />

diff --git a/pages/index.jsx b/pages/index.jsx
@@ -9,8 +9,8 @@ import {
   ListItem,
   Text,
   VStack,
-} from "@chakra-ui/react";
-import { FaDocker, FaAws, FaLaravel, FaReact } from "react-icons/fa";
+} from '@chakra-ui/react';
+import { FaDocker, FaAws, FaLaravel, FaReact } from 'react-icons/fa';
 import {
   SiDjango,
   SiPostgresql,
@@ -19,9 +19,9 @@ import {
   SiNextdotjs,
   SiJest,
   SiAndroid,
-} from "react-icons/si";
-import { Layout, Hero, NextImage } from "../components";
-import styles from "../styles.module.scss";
+} from 'react-icons/si';
+import { Layout, Hero, NextImage } from '../components';
+import styles from '../styles.module.scss';
 
 function HomePage() {
   return (
@@ -49,11 +49,7 @@ function HomePage() {
                 <ListIcon as={FaAws} color="slate.500" fontSize="2xl" />
               </ListItem>
               <ListItem>
-                <ListIcon
-                  as={SiGithubactions}
-                  color="slate.500"
-                  fontSize="2xl"
-                />
+                <ListIcon as={SiGithubactions} color="slate.500" fontSize="2xl" />
               </ListItem>
               <ListItem>
                 <ListIcon as={FaLaravel} color="slate.500" fontSize="2xl" />
@@ -89,37 +85,27 @@ function HomePage() {
             <Heading as="h2" size="2xl" color="white">
               Our Unique Offerings
             </Heading>
-            <Flex
-              w="full"
-              gap={28}
-              alignItems="center"
-              justifyContent="space-between"
-            >
+            <Flex w="full" gap={28} alignItems="center" justifyContent="space-between">
               <Box>
                 <List spacing={12}>
                   <ListItem>
                     <VStack spacing={3} alignItems="flex-start">
                       <Heading size="md">Customized Solutions</Heading>
                       <Text size="md">
-                        Tailored to your needs and focused on providing maximum
-                        value
+                        Tailored to your needs and focused on providing maximum value
                       </Text>
                     </VStack>
                   </ListItem>
                   <ListItem>
                     <VStack spacing={3} alignItems="flex-start">
                       <Heading size="md">Dedicated Support</Heading>
-                      <Text size="md">
-                        Our experts are with you every step of the way
-                      </Text>
+                      <Text size="md">Our experts are with you every step of the way</Text>
                     </VStack>
                   </ListItem>
                   <ListItem>
                     <VStack spacing={3} alignItems="flex-start">
                       <Heading size="md">Growth-Focused</Heading>
-                      <Text size="md">
-                        Strategies to ensure exponential results
-                      </Text>
+                      <Text size="md">Strategies to ensure exponential results</Text>
                     </VStack>
                   </ListItem>
                 </List>
@@ -133,15 +119,15 @@ function HomePage() {
                     height={400}
                   />
                   <figcaption className={styles.figureCap}>
-                    Photo by{" "}
+                    Photo by{' '}
                     <a
                       href="https://unsplash.com/@charlesdeluvio?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText"
                       target="_blank"
                       rel="noopener noreferrer"
                     >
                       charlesdeluvio
-                    </a>{" "}
-                    on{" "}
+                    </a>{' '}
+                    on{' '}
                     <a
                       href="https://unsplash.com/photos/Lks7vei-eAg?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText"
                       target="_blank"