Skip to content

Commit d665356

Browse files
michasdevmichasdev
authored
Merge pull request #3 from michasdev/feat/www
fix(www): build error & footer github icon
2 parents c8f001d + 46b07bb commit d665356

1 file changed

Lines changed: 84 additions & 103 deletions

File tree

‎apps/web/www/src/components/shared/footer.tsx‎

Lines changed: 84 additions & 103 deletions
Original file line numberDiff line numberDiff line change
@@ -1,110 +1,91 @@
1-
import {
2-
Grid2X2Plus,
3-
} from 'lucide-react';
41
import mildstack from '@/assets/logos/mildstack-logo-full-white.png';
52

63
export function Footer() {
7-
const year = new Date().getFullYear();
4+
const year = new Date().getFullYear();
85

9-
const website = [
10-
{
11-
title: 'Home',
12-
href: '#',
13-
},
14-
{
15-
title: 'Features',
16-
href: '#',
17-
},
18-
{
19-
title: 'Services',
20-
href: '#',
21-
},
22-
{
23-
title: 'Docs',
24-
href: '#',
25-
}
26-
];
6+
const website = [
7+
{
8+
title: 'Home',
9+
href: '#',
10+
},
11+
{
12+
title: 'Features',
13+
href: '#',
14+
},
15+
{
16+
title: 'Services',
17+
href: '#',
18+
},
19+
{
20+
title: 'Docs',
21+
href: '#',
22+
}
23+
];
2724

28-
const resources = [
29-
{
30-
title: 'Blog',
31-
href: '#',
32-
},
33-
{
34-
title: 'Help Center',
35-
href: '#',
36-
},
37-
{
38-
title: 'Contact Support',
39-
href: '#',
40-
},
41-
{
42-
title: 'Community',
43-
href: '#',
44-
},
45-
{
46-
title: 'Security',
47-
href: '#',
48-
},
49-
];
50-
51-
const socialLinks = [
52-
{
53-
icon: <Grid2X2Plus className="size-4" />,
54-
link: 'https://github.com/michasdev/mildstack',
55-
},
56-
];
57-
return (
58-
<footer className="relative">
59-
<div className="bg-[radial-gradient(35%_80%_at_30%_0%,--theme(--color-primary/.1),transparent)] mx-auto max-w-5xl md:border-x">
60-
<div className="bg-border absolute inset-x-0 h-px w-full" />
61-
<div className="grid max-w-7xl grid-cols-5 gap-6 p-4">
62-
<div className="col-span-6 flex flex-col gap-3 md:col-span-4">
63-
<a href="#" className="w-max">
64-
<img src={mildstack} alt="MildStack Logo" className="h-12" />
65-
</a>
66-
<p className="w-full text-muted-foreground max-w-xl font-mono text-sm text-balance">
67-
Mildstack: Run AWS services locally. Free, lightweight, and open-source.
68-
<br/>
25+
const socialLinks = [
26+
{
27+
icon: <svg
28+
className="size-5"
29+
fill="white"
30+
viewBox="0 0 24 24"
31+
xmlns="http://w3.org"
32+
>
33+
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
34+
</svg>,
35+
link: 'https://github.com/michasdev/mildstack',
36+
},
37+
];
38+
return (
39+
<footer className="relative">
40+
<div className="bg-[radial-gradient(35%_80%_at_30%_0%,--theme(--color-primary/.1),transparent)] mx-auto max-w-5xl md:border-x">
41+
<div className="bg-border absolute inset-x-0 h-px w-full" />
42+
<div className="grid max-w-7xl grid-cols-5 gap-6 p-4">
43+
<div className="col-span-6 flex flex-col gap-3 md:col-span-4">
44+
<a href="#" className="w-max">
45+
<img src={mildstack} alt="MildStack Logo" className="h-12" />
46+
</a>
47+
<p className="w-full text-muted-foreground max-w-xl font-mono text-sm text-balance">
48+
Mildstack: Run AWS services locally. Free, lightweight, and open-source.
49+
<br />
6950
The definitive LocalStack alternative.
70-
</p>
71-
<div className="flex gap-2">
72-
{socialLinks.map((item, i) => (
73-
<a
74-
key={i}
75-
className="hover:bg-accent rounded-md border p-1.5"
76-
target="_blank"
77-
href={item.link}
78-
>
79-
{item.icon}
80-
</a>
81-
))}
82-
</div>
83-
</div>
84-
<div className="col-span-3 w-full md:col-span-1">
85-
<span className="text-muted-foreground mb-1 text-xs">
86-
Resources
87-
</span>
88-
<div className="flex flex-col gap-1">
89-
{website.map(({ href, title }, i) => (
90-
<a
91-
key={i}
92-
className={`w-max py-1 text-sm duration-200 hover:underline`}
93-
href={href}
94-
>
95-
{title}
96-
</a>
97-
))}
98-
</div>
99-
</div>
100-
</div>
101-
<div className="bg-border absolute inset-x-0 h-px w-full" />
102-
<div className="flex max-w-4xl flex-col justify-between gap-2 pt-2 pb-5">
103-
<p className="text-muted-foreground text-center text-sm font-light">
104-
© <a href="https://mildstack.dev">MildStack {year}</a>. MIT Licensed. <a href="https://github.com/michasdev/mildstack" target="_blank" rel="noopener noreferrer">View Repository.</a>
105-
</p>
106-
</div>
107-
</div>
108-
</footer>
109-
);
51+
</p>
52+
<div className="flex gap-2">
53+
{socialLinks.map((item, i) => (
54+
<a
55+
key={i}
56+
className="hover:bg-accent rounded-md border p-1.5 flex flex-row items-center gap-2 text-sm font-light"
57+
target="_blank"
58+
href={item.link}
59+
>
60+
{item.icon} Github
61+
</a>
62+
))}
63+
</div>
64+
</div>
65+
<div className="col-span-3 w-full md:col-span-1">
66+
<span className="text-muted-foreground mb-1 text-xs">
67+
Resources
68+
</span>
69+
<div className="flex flex-col gap-1">
70+
{website.map(({ href, title }, i) => (
71+
<a
72+
key={i}
73+
className={`w-max py-1 text-sm duration-200 hover:underline`}
74+
href={href}
75+
>
76+
{title}
77+
</a>
78+
))}
79+
</div>
80+
</div>
81+
</div>
82+
<div className="bg-border absolute inset-x-0 h-px w-full" />
83+
<div className="flex max-w-4xl flex-col justify-between gap-2 pt-2 pb-5">
84+
<p className="text-muted-foreground text-center text-sm font-light">
85+
© <a href="https://mildstack.dev">MildStack {year}</a>. MIT Licensed. <a href="https://github.com/michasdev/mildstack" target="_blank" rel="noopener noreferrer">View Repository.</a>
86+
</p>
87+
</div>
88+
</div>
89+
</footer>
90+
);
11091
}

0 commit comments

Comments
 (0)