diff --git a/app/(home)/layout.js b/app/(home)/layout.js index 9f37458db..d34d6b952 100644 --- a/app/(home)/layout.js +++ b/app/(home)/layout.js @@ -10,12 +10,10 @@ export default function HomeLayout({ children }) { -
- {children} -
- -
-
+
{children}
+ ); } diff --git a/app/(home)/styles.module.scss b/app/(home)/styles.module.scss index 6326b3347..da58e8cde 100644 --- a/app/(home)/styles.module.scss +++ b/app/(home)/styles.module.scss @@ -1,3 +1,5 @@ +@use 'styles/_spacing'; + .main { - padding: 0 60px; + padding: 0 spacing.$page-margin-x; } diff --git a/components/home/index.js b/components/home/index.js index efe34ee77..185b592ac 100644 --- a/components/home/index.js +++ b/components/home/index.js @@ -114,19 +114,31 @@ export async function HomeFooter() { return (
-

- For additional creative resources, visit the following: -
- Moodboard, Soundtrack, Twitter, Instagram. -

-

- To discuss creative opportunities and potential -
- collaborations, visit Aug.Services for more information. -

-
- +
+

+ For additional creative resources, visit the following: +
+ {/* Moodboard, Soundtrack, Twitter, Instagram. */} + <> + {footerMenu?.map(item => ( + + {item?.title} + + ))} + +

+

+ To discuss creative opportunities and potential +
+ collaborations, visit{' '} + Aug.Services for more + information. +

+
+ +
+ shop.aug.svcs
); } diff --git a/components/home/styles.module.scss b/components/home/styles.module.scss index a46cf9eba..33b29b7a4 100644 --- a/components/home/styles.module.scss +++ b/components/home/styles.module.scss @@ -1,4 +1,5 @@ @use 'styles/_typography'; +@use 'styles/_spacing'; @mixin home-grid { display: grid; @@ -75,15 +76,46 @@ } .homeFooter { - @include home-grid; + .top { + padding: 0 spacing.$page-margin-x; + padding-top: 20px; + padding-bottom: 30px; - > p { - @include typography.body; + @include home-grid; - grid-column-end: span 10; - } + > p { + @include typography.body; - > *:last-child { - grid-column-end: span 4; + grid-column-end: span 10; + + a { + &:not(&:last-of-type)::after { + content: ',\00a0'; + text-decoration-line: none; + display: inline-block; + } + &:last-of-type::after { + content: '.'; + text-decoration-line: none; + display: inline-block; + } + } + } + + > *:last-child { + grid-column-end: span 4; + } + + > div { + display: flex; + align-items: flex-end; + } + + button { + @include typography.subheader; + + text-align: right; + word-wrap: none; + } } } diff --git a/public/logo.svg b/public/logo.svg new file mode 100644 index 000000000..895902fb8 --- /dev/null +++ b/public/logo.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/styles/_spacing.scss b/styles/_spacing.scss new file mode 100644 index 000000000..ca9fe6450 --- /dev/null +++ b/styles/_spacing.scss @@ -0,0 +1 @@ +$page-margin-x: 60px; diff --git a/styles/_typography.scss b/styles/_typography.scss index cfcb5a16c..e068011bb 100644 --- a/styles/_typography.scss +++ b/styles/_typography.scss @@ -37,6 +37,18 @@ font-weight: 300; line-height: 30px; /* 120% */ letter-spacing: -0.75px; + + a, + a:visited, + a:hover { + font-family: var(--font-dia); + font-weight: 100; + letter-spacing: -0.25px; + + text-decoration-line: underline; + text-decoration-thickness: 3%; + text-underline-offset: 7%; + } } @mixin list {