@@ -37,26 +37,26 @@ const Footer = styled.div`
3737 }
3838` ;
3939
40- const TrendsLink = styled . a `
41- background: url("/nebula-bg.png") right / cover, black ;
40+ const SageLink = styled . a `
41+ background: linear-gradient(90deg, rgba(7,67,37,1) 0%, rgba(22,50,36,1) 100%) ;
4242 display: inline-flex;
4343 align-items: center;
44- gap: 0.5rem ;
45- padding: 0.75rem 1.25rem ;
44+ gap: 0.25rem ;
45+ padding: 1rem 2rem ;
4646 margin-bottom: 0.5rem;
47- border-radius: 1.5rem ;
48- color: white ;
47+ border-radius: 100rem ;
48+ color: #5AED86 ;
4949 text-shadow: 0 0 4px rgb(0 0 0 / 0.6);
5050 box-shadow: 0 2px 6px rgb(0 0 0 / 0.2);
5151 transition: transform cubic-bezier(0.4, 0, 0.2, 1) 150ms, box-shadow cubic-bezier(0.4, 0, 0.2, 1) 150ms;
5252 &:hover {
53- color: white ;
53+ color: #5AED86 ;
5454 box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
5555 transform: scale(1.01);
5656 }
5757` ;
5858
59- const TrendsText = styled . p `
59+ const SageText = styled . p `
6060 line-height: 1.375rem;
6161 margin-bottom: 0;
6262` ;
@@ -71,11 +71,16 @@ const BuiltWithLove = styled.p`
7171 font-weight: 550;
7272` ;
7373
74- const NebulaLogo = styled . img `
75- height: 1.375rem;
74+ const SageLogo = styled . img `
75+ height: 1.5rem;
76+ margin-right: 0.5rem;
7677 filter: drop-shadow(0 0 4px rgb(0 0 0 / 0.6));
7778` ;
7879
80+ const SageTextMark = styled . img `
81+ height: 1.375rem;
82+ `
83+
7984interface CoreProps {
8085 children : ReactNode ;
8186}
@@ -96,10 +101,11 @@ function Core({ children }: CoreProps) {
96101 < Container >
97102 < Body > { children } </ Body >
98103 < Footer >
99- < TrendsLink href = "https://trends.utdnebula.com/" target = { "blank" } >
100- < NebulaLogo src = "/nebula-logo.svg" />
101- < TrendsText > Compare everything in one place with < b > UTD Trends</ b > </ TrendsText >
102- </ TrendsLink >
104+ < SageLink href = "https://utdsage.com/" target = { "blank" } >
105+ < SageLogo src = "/SAGE-Logo.svg" />
106+ < SageText > Get AI-powered UTD advising with </ SageText >
107+ < SageTextMark src = "/SAGE-Textmark.svg" />
108+ </ SageLink >
103109 < BuiltWithLove >
104110 Built with < HeartTwoTone twoToneColor = "#eb2f96" /> by{ " " }
105111 < a href = "https://www.acmutd.co" target = { "blank" } > ACM Dev</ a >
0 commit comments