feat edit_home (#55)

* feat edit_home * test --------- Co-authored-by: Santhita Krajangwongpaisan <74261236+santhitak@users.noreply.github.com>
deeptech-kmitl · Mar 28, 2024 · ca6c11f · ca6c11f
1 parent 7caf720
commit ca6c11f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/apps/web/src/routes/(landing)/components/cta.tsx b/apps/web/src/routes/(landing)/components/cta.tsx
@@ -5,7 +5,7 @@ import { LuArrowRightCircle } from '@qwikest/icons/lucide';
 export const CTA = component$(() => {
   return (
     <Box paddingX="10" paddingY="4" width="full">
-      <Box gap="2" width="full" align="center" paddingY="6" variant="primary" rounded="md">
+      <Box gap="2" width="full" align="center" paddingY="6" variant="primary" rounded="lg">
         <Text theme="primary" variant="title" weight="bold">
           Start your journey with us
         </Text>

diff --git a/apps/web/src/routes/(landing)/components/feature.tsx b/apps/web/src/routes/(landing)/components/feature.tsx
@@ -37,9 +37,9 @@ export const Feature = component$(() => {
         All the tools your team needs
       </Text>
       <Text weight="light">Easy to organize, plan and deliver tasks of all size</Text>
-      <Box gridCols="3" paddingY="4" paddingX="10" gap="2">
+      <Box gridCols="3" paddingY="2" paddingX="10" gap="2">
         {Features.map((item: FeatureProps) => (
-          <Box key={item.id} variant="surface" padding="2" rounded="lg" gap="2" direction="vertical" align="top-left">
+          <Box key={item.id} variant="surface" padding="2" rounded="lg" gap="2" direction="vertical" align="top-left" height='full'>
             <Box direction="horizontal" gap="1">
               <Box variant="primary" padding="1" shadow="sm" rounded="full">
                 <Text variant="h3">{item.icon}</Text>

diff --git a/apps/web/src/routes/(landing)/components/hero.tsx b/apps/web/src/routes/(landing)/components/hero.tsx
@@ -4,11 +4,11 @@ import { LuArrowUpRight } from '@qwikest/icons/lucide';
 
 export const Hero = component$(() => {
   return (
-    <Box direction="horizontal" height="full" paddingY="8">
+    <Box direction="horizontal" height="full">
       <Box gap="1" width="3/4" align="center">
         <iframe src="https://lottie.host/embed/d4291adc-a4e7-4d9e-b81e-54e7a390dc69/VJVzblxTgI.json" height={700} width={500} />
       </Box>
-      <Box direction="vertical" align="between-start" width="full" height="full" paddingY="5">
+      <Box direction="vertical" align="between-start" width="full" height="full" paddingY="6">
         <Box gap="1" height="half" width="full" align="left">
           <Text variant="hero" theme="gradient" weight="bold">
             Welcome to