Curator: update footer styles (#6070)

* update footer styles

* update sicial icons to links to avoid icons

* Fix spaces.

Co-authored-by: Jeff Ong <jonger4@gmail.com>

curator/parts/footer.html

@@ -1,11 +1 @@
-<!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group">
-	<!-- wp:group {"style":{"spacing":{"padding":{"top":"80px","bottom":"30px"}}}} -->
-	<div class="wp-block-group" style="padding-top:80px;padding-bottom:30px">
-		<!-- wp:paragraph {"align":"center"} -->
-		<p class="has-text-align-center">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
-		<!-- /wp:paragraph -->
-	</div>
-	<!-- /wp:group -->
-</div>
-<!-- /wp:group -->
+<!-- wp:pattern {"slug":"curator/footer"} /-->

curator/patterns/footer.php

@@ -0,0 +1,47 @@
+<?php
+/**
+ * Title: Default footer
+ * Slug: curator/footer
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ */
+?>
+
+<!-- wp:group {"align":"full","layout":{"inherit":false}} -->
+<div class="wp-block-group alignfull"><!-- wp:group {"style":{"spacing":{"padding":{"top":"1.5rem","bottom":"1.5rem"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group" style="padding-top:1.5rem;padding-bottom:1.5rem"><!-- wp:paragraph {"align":"left"} -->
+<p class="has-text-align-left">
+  <?php
+	printf(
+		/* Translators: WordPress link. */
+		esc_html__( 'Proudly powered by %s', 'curator' ),
+		'<a href="' . esc_url( __( 'https://wordpress.org', 'curator' ) ) . '" rel="nofollow">WordPress</a>'
+	);
+	?>
+</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"1rem"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"right"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}}} -->
+<p class="has-link-color">
+	<?php
+		echo(
+			'<a href="' . esc_url( __( 'https://instagram.com', 'curator' ) ) . '" rel="nofollow">' . esc_html__( 'Instagram', 'curator' ) . '</a>'
+		);
+		?>
+</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}}} -->
+<p class="has-link-color">
+	<?php
+		echo(
+			'<a href="' . esc_url( __( 'https://twitter.com', 'curator' ) ) . '" rel="nofollow">' . esc_html__( 'Twitter', 'curator' ) . '</a>'
+		);
+		?>
+</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+