ITP-302 Spacing Changes

Implementation of Spacing changes
ARC-Solutions · Apr 18, 2024 · a29b0ab · a29b0ab
1 parent f931414
commit a29b0ab
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 14 deletions.
diff --git a/src/components/LandingPage/contact.tsx b/src/components/LandingPage/contact.tsx
@@ -8,7 +8,7 @@ const Contact = () => {
             id='contact'
         >
             <h2 className='text-center text-4xl font-bold'>Contact Us</h2>
-            <p className='max-w-lg text-center text-lg'>
+            <p className='max-w-xl text-center text-lg'>
                 Have any questions or feedback? We&apos;d love to hear from you.
             </p>
             <Link href='mailto:[email protected]'>

diff --git a/src/components/LandingPage/features.tsx b/src/components/LandingPage/features.tsx
@@ -10,7 +10,7 @@ const Features = () => {
             <h2 className='text-center text-4xl font-bold'>Features</h2>
             <div className='grid grid-cols-1 gap-8 md:grid-cols-2'>
                 <Card className='h-full w-full rounded-md border-none bg-purple-800 bg-opacity-10 bg-clip-padding backdrop-blur-sm backdrop-filter'>
-                    <CardContent className='flex flex-col items-center space-y-4'>
+                    <CardContent className='flex flex-col items-center space-y-4 mt-4'>
                         <LuBrain className='h-12 w-12' />
                         <h3 className='text-2xl font-bold'>AI Powered</h3>
                         <p className='text-center'>
@@ -20,7 +20,7 @@ const Features = () => {
                     </CardContent>
                 </Card>
                 <Card className='h-full w-full rounded-md border-none bg-purple-800 bg-opacity-10 bg-clip-padding backdrop-blur-sm backdrop-filter'>
-                    <CardContent className='flex flex-col items-center space-y-4'>
+                    <CardContent className='flex flex-col items-center space-y-4 mt-4'>
                         <LuPuzzle className='h-12 w-12' />
                         <h3 className='text-2xl font-bold'>Custom Quizzes</h3>
                         <p className='text-center'>

diff --git a/src/components/LandingPage/footer.tsx b/src/components/LandingPage/footer.tsx
@@ -9,16 +9,21 @@ const Footer = () => {
         <footer className='flex items-center justify-center bg-transparent px-8 py-4 text-gray-600'>
             <div className='mx-auto max-w-7xl px-4 sm:px-6 lg:px-8'>
                 <div className='flex justify-center space-x-6'>
-                    <SocialIcon IconComponent={FaXTwitter} url='https://twitter.com/ARCTeamGroup' />
+                    <div className='hover:text-[#F8F8FF]'><SocialIcon IconComponent={FaXTwitter} url='https://twitter.com/ARCTeamGroup' /></div>
+                    <div className='hover:text-[#F8F8FF]'>
                     <SocialIcon
                         IconComponent={FaInstagram}
                         url='https://www.instagram.com/arcteamgroup/'
                     />
+                    </div>
+                    <div className='hover:text-[#F8F8FF]'>
                     <SocialIcon
                         IconComponent={SiBuymeacoffee}
                         url='https://www.buymeacoffee.com/arcsolutions'
-                    />
-                    <SocialIcon IconComponent={FaGithub} url='https://github.com/ARC-Solutions' />
+                    /></div>
+                    <div className='hover:text-[#F8F8FF]'>
+                    <SocialIcon IconComponent={FaGithub} url='https://github.com/ARC-Solutions'/>
+                    </div>
                 </div>
                 <p className='font-archivo mt-8 text-center'>
                     Copyright © {currentYear}. ARC-Solutions. All rights reserved.
@@ -28,4 +33,4 @@ const Footer = () => {
     );
 };
 
-export default Footer;
+export default Footer;  
diff --git a/src/components/LandingPage/main.tsx b/src/components/LandingPage/main.tsx
@@ -4,7 +4,7 @@ import { Button } from '@/components/ui/button';
 const Main = () => {
     return (
         <main className='flex flex-col items-center justify-center space-y-8 px-8 py-16'>
-            <h2 className='text-center text-5xl font-bold'>
+            <h2 className='text-center text-5xl font-bold pb-5'>
                 Welcome to <span className='text-primary'> IntelliQ</span>
             </h2>
             <p className='max-w-lg text-center text-xl'>

diff --git a/src/components/dashboard-page.tsx b/src/components/dashboard-page.tsx
@@ -36,7 +36,7 @@ const Dashboard = ({
     }
     return (
         <div className='flex flex-col items-center justify-center'>
-            <h1 className='text-center text-3xl font-semibold lg:text-4xl'>DASHBOARD</h1>
+            <h1 className='text-center text-3xl font-semibold lg:text-4xl mb-4'>DASHBOARD</h1>
             <InfoDialog />
             <div className='m-2 mt-12 gap-8 lg:grid lg:grid-flow-col'>
                 <div className='col-span-1 m-4 lg:m-0'>

diff --git a/src/components/info-dialog.tsx b/src/components/info-dialog.tsx
@@ -15,7 +15,7 @@ const InfoDialog = () => {
     return (
         <Dialog>
             <DialogTrigger asChild>
-                <Button className='rounded-xl bg-[#c8b6ff] text-sm font-bold'>
+                <Button className='rounded-lg bg-[#c8b6ff] text-sm font-bold mt-2'>
                     What Is IntelliQ <FaQuestionCircle className='ml-2' />
                 </Button>
             </DialogTrigger>
@@ -47,8 +47,8 @@ const InfoDialog = () => {
                     </DialogDescription>
                 </DialogHeader>
                 <div className='border-b-[0.5px] border-primary pb-1 pt-1 opacity-30'></div>
-                <h1 className='mt-4 py-2 text-lg'>Built with</h1>
-                <div className='justify-content-between mt-2 grid w-full grid-cols-2 gap-6 md:grid-cols-4'>
+                <h1 className='mt-3 py-2 text-lg'>Built with</h1>
+                <div className='justify-content-between grid w-full grid-cols-2 gap-2 md:grid-cols-4'>
                     <div className='flex items-center'>
                         <Image
                             src='/svgs/nextjs.svg'

diff --git a/src/components/quiz-me.tsx b/src/components/quiz-me.tsx
@@ -18,7 +18,7 @@ const QuizMe = () => {
                 </CardDescription>
             </CardHeader>
 
-            <CardContent className='p-4'>
+            <CardContent className='p-3'>
                 <Link href={'/quiz'}>
                     <div className='flex items-center justify-center'>
                         <Button className='w-full bg-[#c8b6ff] text-sm'>

diff --git a/src/components/single-quiz.tsx b/src/components/single-quiz.tsx
@@ -22,7 +22,7 @@ const SingleQuiz = ({ quiz }: Props) => {
             <FaBookOpen className='hidden h-4 w-4 sm:inline-block' />
             <CardTitle className='flex-grow'>{quiz.quiz_title}</CardTitle>
             <Button>
-                <MdAccessTimeFilled />
+                <MdAccessTimeFilled className='mx-2'/>
                 {quiz.created_at}
             </Button>
         </Card>