added hero section

index.ftd

@@ -2,9 +2,12 @@
 
 -- header:
 
+-- hero:
+
 -- end: ds.page
 
 
+
 -- component header:
 
 -- ds.section-row:
@@ -15,7 +18,7 @@
 	margin: $ds.spaces.vertical-gap.extra-large
 
 -- ftd.image:
-src: /Users/yashveer/Documents/fifthtry-website/assets/Logo.png
+src: assets/Logo.png
 
 -- ds.row:
 width: hug-content
@@ -33,4 +36,30 @@ link: /
 
 -- end: ds.section-row
 
--- end: header
+-- end: header
+
+
+
+-- component hero:
+
+-- ds.section-row:
+spacing: $ds.spaces.horizontal-gap.extra-large
+inset: $ds.spaces.inset-tall.zero-medium
+
+-- ds.column:
+spacing: $ds.spaces.vertical-gap.large
+
+-- ds.heading-small: UI/UX | Product design
+-- ds.heading-hero: My awesome portfolio
+-- ds.heading-tiny: And I made it myself! Yes. usign fifthtry design system
+
+-- end: ds.column
+
+-- ftd.image:
+src: assets/Image.png
+
+-- end: ds.section-row
+
+-- end: hero
+
+