Skip to content
This repository was archived by the owner on Mar 18, 2024. It is now read-only.

Commit 5607c40

Browse files
mkubdevmkubdev
committed
🏗️ [Feat] Architectural changes added src/ with pages/ and styles/ and components/
1 parent e4f5c62 commit 5607c40

30 files changed

+377
-234
lines changed

Diff for: ‎components/Footer.js

-57
This file was deleted.

Diff for: ‎components/Navbar.js

-92
This file was deleted.

Diff for: ‎pages/_app.js

-8
This file was deleted.

Diff for: ‎pages/index.js

-42
This file was deleted.

Diff for: ‎public/logo/logo-name.png

117 KB
Loading

Diff for: ‎public/logo/logo.png

57.2 KB
Loading

Diff for: ‎public/web3-2.png renamed to ‎public/logo/web3-2.png

File renamed without changes.

Diff for: ‎src/components/Content.js

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
export default function Content() {
2+
return (
3+
<div className="h-full bg-white">
4+
<div className="mx-auto max-w-6xl py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
5+
<div className="text-center">
6+
<h1 className="bg-gradient-to-r from-purple-900 to-pink-700 bg-clip-text text-8xl font-extrabold text-transparent">
7+
Dapp Hackathon Next.js Starter
8+
</h1>
9+
<p className="mt-4 font-semibold text-slate-700">
10+
Let&apos;s build your Hackathon Dapp faster with this starter -
11+
Tailwind + Redux
12+
</p>
13+
<div className="flex items-center justify-center space-x-4">
14+
<button
15+
type="button"
16+
className="border-dark mt-10 inline-flex items-center rounded-md border bg-gray-100 px-4 py-2 text-base font-medium text-slate-700 shadow-md hover:bg-gray-700 hover:text-slate-100 focus:outline-none focus:ring-2 focus:ring-pink-700 focus:ring-offset-2"
17+
>
18+
Join WebXDAO
19+
</button>
20+
<button
21+
href="https://github.com/WebXDAO/nextjs-dapp-template"
22+
type="button"
23+
className="border-dark mt-10 inline-flex items-center rounded-md border bg-gray-100 px-4 py-2 text-base font-medium text-slate-700 shadow-md hover:bg-gray-700 hover:text-slate-100 focus:outline-none focus:ring-2 focus:ring-pink-700 focus:ring-offset-2"
24+
>
25+
Contribute
26+
</button>
27+
</div>
28+
</div>
29+
</div>
30+
</div>
31+
)
32+
}

Diff for: ‎src/components/Content2.js

+51
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
/* This example requires Tailwind CSS v2.0+ */
2+
export default function Content2() {
3+
return (
4+
<div className="bg-indigo-700">
5+
<div className="mx-auto max-w-7xl py-16 px-4 sm:py-20 sm:px-6 lg:px-8">
6+
<h2 className="text-3xl font-bold tracking-tight text-white">
7+
Get in touch with our partners
8+
</h2>
9+
<div className="mt-8 flow-root lg:mt-10">
10+
<div className="-mt-4 -ml-8 flex flex-wrap justify-between lg:-ml-4">
11+
<div className="mt-4 ml-8 flex flex-shrink-0 flex-grow lg:ml-4 lg:flex-grow-0">
12+
<img
13+
className="h-12"
14+
src="https://tailwindui.com/img/logos/tuple-logo-indigo-300.svg"
15+
alt="Tuple"
16+
/>
17+
</div>
18+
<div className="mt-4 ml-8 flex flex-shrink-0 flex-grow lg:ml-4 lg:flex-grow-0">
19+
<img
20+
className="h-12"
21+
src="https://tailwindui.com/img/logos/mirage-logo-indigo-300.svg"
22+
alt="Mirage"
23+
/>
24+
</div>
25+
<div className="mt-4 ml-8 flex flex-shrink-0 flex-grow lg:ml-4 lg:flex-grow-0">
26+
<img
27+
className="h-12"
28+
src="https://tailwindui.com/img/logos/statickit-logo-indigo-300.svg"
29+
alt="StaticKit"
30+
/>
31+
</div>
32+
<div className="mt-4 ml-8 flex flex-shrink-0 flex-grow lg:ml-4 lg:flex-grow-0">
33+
<img
34+
className="h-12"
35+
src="https://tailwindui.com/img/logos/transistor-logo-indigo-300.svg"
36+
alt="Transistor"
37+
/>
38+
</div>
39+
<div className="mt-4 ml-8 flex flex-shrink-0 flex-grow lg:ml-4 lg:flex-grow-0">
40+
<img
41+
className="h-12"
42+
src="https://tailwindui.com/img/logos/workcation-logo-indigo-300.svg"
43+
alt="Workcation"
44+
/>
45+
</div>
46+
</div>
47+
</div>
48+
</div>
49+
</div>
50+
)
51+
}

Diff for: ‎src/components/layouts/GlobalLayout.js

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
import { useRouter } from 'next/router'
2+
import Navbar from '../navigation/Navbar'
3+
import NavbarPro from '../navigation/Navbar'
4+
5+
import Footer from '../navigation/Footer'
6+
import Head from 'next/head'
7+
8+
export default function GlobalLayout({ children, session }) {
9+
const router = useRouter()
10+
11+
return (
12+
<>
13+
<Head>
14+
<title>Nextjs-Dapp-Template | Web3Community</title>
15+
<meta
16+
name="description"
17+
content="Nextjs Dapp Hackaton Starter | WebXDAO"
18+
/>
19+
<link rel="icon" href="/favicon.ico" />
20+
</Head>
21+
22+
<div className="flex h-screen flex-col">
23+
{/* <Navbar></Navbar> */}
24+
<NavbarPro></NavbarPro>
25+
<div className="flex flex-1 md:flex-col">
26+
<main className="flex-1">{children}</main>
27+
</div>
28+
<Footer></Footer>
29+
</div>
30+
</>
31+
)
32+
}

Diff for: ‎src/components/navigation/Footer.js

+74
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
import Image from 'next/image'
2+
3+
const navigation = {
4+
social: [
5+
{
6+
name: 'Twitter',
7+
href: 'https://twitter.com/WebXDAO',
8+
icon: (props) => (
9+
<svg fill="currentColor" viewBox="0 0 24 24" {...props}>
10+
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
11+
</svg>
12+
),
13+
},
14+
{
15+
name: 'GitHub',
16+
href: 'https://github.com/WebXDAO/nextjs-dapp-template',
17+
icon: (props) => (
18+
<svg fill="currentColor" viewBox="0 0 24 24" {...props}>
19+
<path
20+
fillRule="evenodd"
21+
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
22+
clipRule="evenodd"
23+
/>
24+
</svg>
25+
),
26+
},
27+
],
28+
}
29+
const Footer = () => {
30+
return (
31+
<>
32+
<footer className="bg-gray-100" aria-labelledby="footer-heading">
33+
<h2 id="footer-heading" className="sr-only">
34+
Footer
35+
</h2>
36+
<div className="mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
37+
<div className="xl:grid xl:grid-cols-2 xl:gap-8">
38+
<div className="space-y-8 xl:col-span-1">
39+
<img className="h-10" src="/logo/logo.png" alt="Company name" />
40+
<p className="text-base text-slate-700">
41+
<span className="font-semibold">WebXDAO</span> is a community
42+
that focus on the future of the web.
43+
</p>
44+
<div className="flex space-x-6">
45+
{navigation.social.map((item) => (
46+
<a
47+
key={item.name}
48+
href={item.href}
49+
className="text-slate-700 hover:text-gray-500"
50+
>
51+
<span className="sr-only">{item.name}</span>
52+
<item.icon className="h-6 w-6" aria-hidden="true" />
53+
</a>
54+
))}
55+
<div className=" flex items-center justify-center space-x-4 text-sm font-semibold leading-6 text-slate-700 hover:text-slate-500">
56+
<a href="https://github.com/WebXDAO/nextjs-dapp-template">Github</a>
57+
<div className="h-4 w-px bg-slate-500/20"></div>
58+
<a href="https://github.com/WebXDAO/nextjs-dapp-template/commits/main">Changelog</a>
59+
</div>
60+
</div>
61+
</div>
62+
</div>
63+
<div className="mt-6 border-t border-gray-200 pt-8">
64+
<p className="text-sm font-semibold text-slate-700 xl:text-center">
65+
&copy; {new Date().getFullYear()}. Made with 🍿 by WebXDAO.
66+
</p>
67+
</div>
68+
</div>
69+
</footer>
70+
</>
71+
)
72+
}
73+
74+
export default Footer

0 commit comments

Comments
 (0)