feat(dev-hub) Landing Pages finishing touch

apps/developer-hub/apps/developer-hub/src/components/Pages/TempPage/index.tsx

@@ -1,5 +0,0 @@
-
-import styles from "./index.module.scss";
-import { ProductCard } from "../../ProductCard";
-
-export function DeveloperHubPreview() {

apps/developer-hub/src/components/Pages/Homepage/index.module.scss

@@ -20,6 +20,7 @@
 
 .sectionHeroContent {
   @include theme.max-width;
+
   display: flex;
   flex-direction: column;
   gap: theme.spacing(10);
@@ -72,12 +73,14 @@
 
 .sectionHeaderTitle {
   @include theme.text("3xl", "medium");
+
   color: theme.color("heading");
   margin-bottom: theme.spacing(2);
 }
 
 .sectionHeaderSubtitle {
   @include theme.text("xl", "normal");
+
   color: light-dark(
     theme.pallette-color("stone", 500),
     theme.pallette-color("steel", 400)

apps/developer-hub/src/components/Pages/Homepage/section-card.module.scss

@@ -9,16 +9,19 @@
   border-radius: theme.border-radius("2xl");
   background-color: theme.color("background", "secondary");
   flex: 1;
+
   .sectionCardHeader {
     display: flex;
     flex-direction: row;
     gap: theme.spacing(2);
     align-items: flex-end;
     justify-content: space-between;
+
     .sectionCardTitle {
       @include theme.text("lg", "medium");
     }
   }
+
   .sectionCardDescription {
     line-height: 140%;
     color: light-dark(
@@ -26,6 +29,7 @@
       theme.pallette-color("steel", 400)
     );
   }
+
   .sectionCardUrl {
     font-weight: theme.font-weight("medium");
     text-decoration: underline;
@@ -36,6 +40,7 @@
   display: flex;
   gap: theme.spacing(10);
   flex-direction: column;
+
   @include theme.breakpoint("lg") {
     flex-direction: row;
   }

apps/developer-hub/src/components/Pages/Homepage/section.module.scss

@@ -4,11 +4,13 @@
   padding: theme.spacing(34) 0;
   padding-left: theme.spacing(20);
   padding-right: theme.spacing(20);
+
   .sectionContent {
     margin: 0 auto;
     width: 100%;
     max-width: theme.$max-width;
   }
+
   .sectionHeader {
     display: flex;
     gap: theme.spacing(2);
@@ -16,14 +18,18 @@
     justify-content: space-between;
     padding-bottom: theme.spacing(12);
   }
+
   .sectionHeaderTitle {
     @include theme.text("3xl", "medium");
+
     color: theme.color("heading");
     margin-top: 0;
     margin-bottom: theme.spacing(4);
   }
+
   .sectionHeaderSubtitle {
     @include theme.text("3xl", "medium");
+
     color: light-dark(
       theme.pallette-color("stone", 500),
       theme.pallette-color("steel", 400)