Skip to content

Commit 634ae8e

Browse files
vishyyyyyyyyyvishyyyyyyyyy
committed
Add footer and Nebula logo components
Made a footer with navigation links and integrated the footer into the main layout.
1 parent bfe57d7 commit 634ae8e

File tree

3 files changed

+65
-0
lines changed

3 files changed

+65
-0
lines changed

‎src/app/footer.tsx‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
import { Bai_Jamjuree, Inter } from 'next/font/google';
2+
import NebulaLogo from 'src/app/nebula-logo';
3+
4+
const baiJamjuree = Bai_Jamjuree({ subsets: ['latin'], weight: '700' });
5+
6+
export default function Footer() {
7+
return (
8+
<footer className="w-full border-none bg-orange-400 rounded-t-3xl py-4 text-center flex flex-col gap-10">
9+
<div className="flex flex-row justify-center items-center gap-4 mb-2">
10+
<NebulaLogo className="w-14 h-14" />
11+
<div className={`text-4xl text-white align-bottom ${baiJamjuree.className}`}>NEBULA LABS NOTEBOOK</div>
12+
</div>
13+
<div className="flex flex-row justify-center items-center gap-30 mb-2 ml-20">
14+
<a href= ""
15+
className="text-white text-decoration-underline cursor-pointer text-2xl font-bold">About Us
16+
</a>
17+
18+
<a href= "https://github.com/UTDNebula/utd-notebook"
19+
className="text-white text-decoration-underline cursor-pointer text-2xl font-bold" target="_blank" rel="noopener noreferrer">GitHub
20+
</a>
21+
22+
<a href= "https://www.utdnebula.com/contact"
23+
className="text-white text-decoration-underline cursor-pointer text-2xl font-bold" target="_blank" rel="noopener noreferrer">Contact
24+
</a>
25+
</div>
26+
<div className="bg-white h-0.5 w-6/13 mx-auto rounded-full"></div>
27+
<div className="text-white text-sm mb-2">© 2023-2025 Nebula Labs Maintainers. Open-source under the MIT License.</div>
28+
</footer>
29+
);
30+
}

‎src/app/layout.tsx‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@ import { type Metadata } from 'next';
66

77
import { GoogleAnalytics } from '@next/third-parties/google';
88

9+
import Footer from './footer';
10+
911
const inter = Inter({
1012
subsets: ['latin'],
1113
variable: '--font-inter',
@@ -55,7 +57,9 @@ export default function RootLayout({
5557
{process.env.NEXT_PUBLIC_VERCEL_ENV === 'production' && (
5658
<GoogleAnalytics gaId="G-" />
5759
)}
60+
<Footer />
5861
</body>
5962
</html>
6063
);
64+
6165
}

‎src/app/nebula-logo.tsx‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import React from 'react';
2+
3+
interface Props {
4+
className?: string;
5+
}
6+
7+
export default function NebulaLogo(props: Props) {
8+
return (
9+
<svg
10+
viewBox="0 0 501.29 381.89"
11+
xmlns="http://www.w3.org/2000/svg"
12+
fill="#FFF"
13+
className={props.className}
14+
>
15+
<path d="m429.39 196.07a8.664 8.664 0 0 0-10.975 5.4492c-23.082 68.624-44.859 133.12-55.42 162.93-7.2724-0.0499-60.007-0.41937-91.018-0.42969a8.664 8.664 0 0 0-8.666 8.6602 8.664 8.664 0 0 0 8.6602 8.668c32.963 0.011 97.171 0.45899 97.191 0.45899a8.6649 8.6649 0 0 0 8.1562-5.7441c10.086-28.161 33.409-97.338 57.52-169.02a8.664 8.664 0 0 0-5.4492-10.975z" />
16+
<path d="m111.33 181.58a8.664 8.664 0 0 0-8.6641 8.6641c0 41.339 15.354 79.019 40.479 106.92 22.259 24.727 52.269 41.816 85.984 46.904 0.89027 0.1451 1.7217 0.25937 2.4766 0.36133a8.664 8.664 0 0 0 9.7461-7.4258 8.664 8.664 0 0 0-7.4258-9.7461c-0.76369-0.10315-1.4539-0.19807-2.0547-0.29688a8.6649 8.6649 0 0 0-0.11523-0.0176c-29.575-4.4528-55.986-19.434-75.734-41.373a8.6649 8.6649 0 0 0 0-2e-3c-22.284-24.745-36.027-58.271-36.027-95.322a8.664 8.664 0 0 0-8.6641-8.6641z" />
17+
<path d="m265.4 35.727a8.6649 8.6649 0 0 0-8.082 11.787c18.023 46.644 34.099 135.89 51.129 209.35a8.664 8.664 0 0 0 10.396 6.4824 8.664 8.664 0 0 0 6.4844-10.396c-15.406-66.46-29.764-145.86-46.92-197.45 11.223 2.6152 21.929 6.6921 31.879 12.174a8.6649 8.6649 0 0 0 2e-3 0c14.008 7.7134 26.566 18.076 37.041 30.461a8.6649 8.6649 0 0 0 2e-3 0c20.637 24.389 33.231 56.603 33.25 92.053v0.0566a8.664 8.664 0 0 0 8.6641 8.6641 8.664 8.664 0 0 0 8.6641-8.6641v-0.0625a8.6649 8.6649 0 0 0 0-4e-3c-0.02118-39.552-14.095-75.752-37.35-103.23-11.807-13.959-25.995-25.683-41.912-34.447h-2e-3c-15.906-8.7633-33.544-14.57-52.215-16.703l3.0527 0.93945c-1.1277-0.59355-4.064-1.0059-4.084-1.0059z" />
18+
<path d="m237.73 0.0625a8.664 8.664 0 0 0-8.6641 8.6641 8.664 8.664 0 0 0 8.6641 8.6641h2e-3c1.121 0.0023 3.6974 1.0215 7.4785 6.0898 2.099 2.8135 4.3367 6.82 6.6074 11.469-0.5132-0.0056-1.0092-0.08789-1.5234-0.08789a8.664 8.664 0 0 0-8.6641 8.6641 8.664 8.664 0 0 0 8.6641 8.6641c4.7768 0 9.491 0.27324 14.115 0.80859a8.6649 8.6649 0 0 0 8.8242-12.303c-4.329-11.141-8.8244-20.458-14.135-27.576-5.3993-7.2374-12.398-13.038-21.332-13.057a8.6649 8.6649 0 0 0-0.0176 0zm35.469 40.541 0.0312 0.07227a8.6649 8.6649 0 0 0-2e-3 -0.0078z" />
19+
<path d="m233.91 327.26a8.6649 8.6649 0 0 0-9.1856 11.801c4.7168 11.821 9.7372 21.684 15.783 29.182 6.046 7.4981 13.887 13.135 23.238 13.135h7.6055c5.0321 0 9.5098-2.3481 12.885-5.3379 9.614-8.5106 11.142-21.646 6.9629-31.67-4.1792-10.025-14.751-18.136-27.449-16.758a8.6649 8.6649 0 0 0-0.0156 8e-3l2e-3 -6e-3c-4.41 0.48566-8.8946 0.73047-13.443 0.73047-5.5497 0-11.016-0.37222-16.383-1.084zm31.709 17.576v2e-3c4.794-0.52018 7.8656 2.0676 9.5879 6.1992 1.7223 4.1316 1.4081 8.6088-2.457 12.029a8.6649 8.6649 0 0 0-4e-3 2e-3c-1.2871 1.1402-1.5466 0.98242-1.3945 0.98242h-7.6055c-2.4017 0-5.514-1.4321-9.75-6.6855-2.3471-2.9108-4.798-7.0326-7.2617-11.812 1.1886 0.03 2.3632 0.11914 3.5586 0.11914 5.1647 0 10.279-0.28058 15.326-0.83594z" />
20+
<path d="m398.82 0.91797a8.6649 8.6649 0 0 0-7.5781 4.3223s-19.667 33.959-33.111 58.973a8.664 8.664 0 0 0 3.5293 11.734 8.664 8.664 0 0 0 11.732-3.5312c11.777-21.911 26.854-48.078 30.367-54.166 29.041 0.20571 65.043 0.12415 76.748 0.09375-5.7068 16.329-12.829 37.044-22.545 65.77a8.664 8.664 0 0 0 5.4316 10.982 8.664 8.664 0 0 0 10.982-5.4316c11.414-33.746 20.918-61.598 26.416-77.066a8.6649 8.6649 0 0 0-8.1895-11.566s-61.314 0.18748-93.783-0.11328z" />
21+
<path d="m237.68 0-94.521 0.69922a8.664 8.664 0 0 0-8.5996 8.7285 8.664 8.664 0 0 0 8.7266 8.5996l72.316-0.53516c-1.6347 5.231-1.7077 10.845-0.28125 15.846 3.0064 10.539 13.114 20.026 26.221 19.104a8.6649 8.6649 0 0 0 4e-3 -2e-3c2.8928-0.20496 5.8215-0.31055 8.7617-0.31055 2.9825 0 5.8888 0.29379 8.8184 0.50586 8.3614 23.084 16.427 54.792 24.25 89.602 8.3759 37.31 16.575 77.846 25.09 114.58a8.6649 8.6649 0 0 0 0 2e-3c4.3664 18.818 8.8116 36.649 13.443 52.592a8.6649 8.6649 0 0 0 6e-3 0.0195c1.9312 6.591 10.926 9.8474 16.594 5.4043a8.6649 8.6649 0 0 0 8e-3 -6e-3c36.147-28.4 59.41-73.732 59.41-124.63a8.664 8.664 0 0 0-8.6641-8.6641 8.664 8.664 0 0 0-8.6641 8.6641c0 41.667-17.506 78.74-44.855 104-3.513-12.872-6.9819-26.575-10.396-41.291v-2e-3c-8.4338-36.381-16.631-76.893-25.065-114.46a8.6649 8.6649 0 0 0 0-2e-3c-8.4346-37.529-17.064-72.043-26.752-97.15a8.6649 8.6649 0 0 0-0.25976-0.60742c0.44902 0.94294 0.43972 0.91268-0.0293-0.07227a8.6649 8.6649 0 0 0-7.8086-4.9355h-4e-3a8.6649 8.6649 0 0 0-0.0117-0.0039h-0.0488c-4.9564-0.53947-9.98-0.86524-15.061-0.86524-3.3605 0-6.6945 0.12261-9.9824 0.35547-4.6813 0.32949-7.141-2.3701-8.3398-6.5723s-0.45686-8.1809 3.7812-10.607a8.6649 8.6649 0 0 0 8e-3 -0.0039c0.97859-0.56144 1.4995-0.64438 1.9668-0.64453h2e-3 0.0645a8.6649 8.6649 0 0 0-0.0647-17.328c-0.0214 0-0.0411 0.0096927-0.0625 0.0097656z" />
22+
<path d="m146.23 1.2383a8.664 8.664 0 0 0-11.133 5.1172l-45.98 124.27a8.664 8.664 0 0 0 5.1191 11.133 8.664 8.664 0 0 0 11.133-5.1191l45.98-124.27a8.664 8.664 0 0 0-5.1191-11.131z" />
23+
<path d="m63.209 225.58a8.664 8.664 0 0 0-11.133 5.1192l-51.537 139.26a8.6649 8.6649 0 0 0 8.0977 11.672c31.774 0.10381 91.163 0.4673 123.28 0.10156 8e-3 -3e-3 6.1308-2.4691 6.7266-3.2031 0.59618-0.73451 0.75132-1.077 0.89649-1.3457 0.29032-0.53739 0.35195-0.72152 0.41796-0.88477 0.13204-0.32649 0.16384-0.43776 0.20118-0.54882 0.0747-0.22212 0.11103-0.34808 0.15625-0.49805 0.0904-0.29994 0.18853-0.6371 0.31054-1.0684 0.24403-0.86251 0.57599-2.0694 0.98828-3.5918 0.8246-3.0449 1.9631-7.3378 3.2715-12.424 2.6167-10.172 5.9101-23.495 8.7051-36.229a8.664 8.664 0 0 0-6.6035-10.32 8.664 8.664 0 0 0-10.32 6.6055c-2.726 12.42-5.9815 25.592-8.5625 35.625-1.117 4.3421-2.017 7.719-2.7832 10.57-29.211 0.24459-73.016 0.0516-104.23-0.0723l47.234-127.63a8.664 8.664 0 0 0-5.1191-11.133z" />
24+
<path d="m171.91 60.518a8.6649 8.6649 0 0 0-5.2812 1.6484c-19.357 14.046-35.333 32.798-46.482 54.666a8.6649 8.6649 0 0 0-2e-3 4e-3c-11.14 21.868-17.447 46.859-17.447 73.346v0.0625a8.6649 8.6649 0 0 0 0 4e-3c0.0211 41.311 15.364 78.959 40.479 106.84a8.664 8.664 0 0 0 12.236 0.64062 8.664 8.664 0 0 0 0.63867-12.236c-22.274-24.731-36.006-58.225-36.025-95.252v-0.0625c0-23.737 5.6408-46.009 15.559-65.479v-2e-3c7.8282-15.354 18.393-28.851 30.859-39.994 3.5486 15.148 7.0634 31.467 10.574 49.166 14.05 70.861 25.69 155.24 45.406 204.84l-0.27344-0.79882c0.19889 0.68947 0.40057 1.1413 0.46094 1.2832a8.664 8.664 0 0 0 11.365 4.5781 8.664 8.664 0 0 0 4.5801-11.363c-0.0196-0.0461 0.1033 0.21775 0.24219 0.69922a8.6649 8.6649 0 0 0-0.27344-0.80078c-18.034-45.365-30.316-130.2-44.512-201.8a8.6649 8.6649 0 0 0 0-2e-3c-4.5654-23.016-9.1291-44.71-13.898-63.459a8.6649 8.6649 0 0 0-8.2051-6.5254z" />
25+
<ellipse cx="447.1" cy="49.717" rx="9.707" ry="9.917" />
26+
<ellipse cx="67.147" cy="337.94" rx="9.707" ry="9.917" />
27+
<path d="m446.39 140.76c-0.032-2.548 1.318-4.499 3.71-5.246 0.721-0.225 1.488-0.346 2.242-0.399 4.09-0.286 4.104-0.273 4.316-4.624 0.074-1.516 0.462-2.893 1.443-4.059 2.48-2.948 7.016-2.374 8.729 1.092 0.675 1.366 0.813 2.837 0.663 4.3-0.248 2.424 0.571 3.571 3.094 3.294 0.986-0.108 2.035 0.053 3.015 0.278 2.713 0.624 4.347 2.701 4.308 5.32-0.04 2.69-1.925 4.812-4.65 5.36-1.8 0.363-4.06-0.781-5.338 0.718-1.133 1.33-0.181 3.516-0.527 5.296-0.532 2.734-2.738 4.762-5.253 4.796-2.585 0.036-4.83-2.072-5.387-4.963-0.341-1.766 0.672-3.947-0.623-5.246-1.288-1.293-3.413-0.278-5.146-0.595-2.816-0.516-4.561-2.504-4.596-5.323z" />
28+
<path d="m66.452 182.33c-0.032-2.548 1.318-4.499 3.71-5.246 0.721-0.225 1.488-0.346 2.242-0.399 4.09-0.286 4.104-0.273 4.316-4.624 0.074-1.516 0.462-2.893 1.443-4.059 2.48-2.948 7.016-2.374 8.729 1.092 0.675 1.366 0.813 2.837 0.663 4.3-0.248 2.424 0.571 3.571 3.094 3.294 0.986-0.108 2.035 0.053 3.015 0.278 2.713 0.624 4.347 2.701 4.308 5.32-0.04 2.69-1.925 4.812-4.65 5.36-1.8 0.363-4.06-0.781-5.338 0.718-1.133 1.33-0.181 3.516-0.527 5.296-0.532 2.734-2.738 4.762-5.253 4.796-2.585 0.036-4.83-2.072-5.387-4.963-0.341-1.766 0.672-3.947-0.623-5.246-1.288-1.293-3.413-0.278-5.146-0.595-2.816-0.516-4.561-2.504-4.596-5.323z" />
29+
</svg>
30+
);
31+
}

0 commit comments

Comments
 (0)