Skip to content

Commit a908099

Browse files
author
Naveen bandela
committed
added features, updated the footer, added GTM tag and updated meta keywords
1 parent 8b42236 commit a908099

20 files changed

+385
-189
lines changed

‎package.json

+1
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@
1818
"@markdoc/next.js": "0.3.1",
1919
"@mui/icons-material": "^5.15.13",
2020
"@mui/material": "^5.15.13",
21+
"@next/third-parties": "^14.2.5",
2122
"@sindresorhus/slugify": "^2.1.0",
2223
"@tailwindcss/typography": "^0.5.7",
2324
"autoprefixer": "^10.4.12",

‎src/app/docs/layout.jsx

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
'use client'
2+
import { DocsPage } from '@/components/DocsPage'
3+
4+
const Layout = ({ children }) => {
5+
return <DocsPage>{children}</DocsPage>
6+
}
7+
8+
export default Layout

‎src/app/layout.jsx

+20-3
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import { Layout } from '@/components/Layout'
77

88
import '@/styles/tailwind.css'
99
import FooterUi from '@/components/Footer'
10+
import { GoogleTagManager } from '@next/third-parties/google'
1011

1112
const inter = Inter({
1213
subsets: ['latin'],
@@ -28,6 +29,21 @@ export const metadata = {
2829
},
2930
description: 'For accelerated microservice development',
3031
metadataBase: new URL('https://gofr.dev'),
32+
keywords: [
33+
'gofr',
34+
'go framework',
35+
'golang framework',
36+
'golang web framework',
37+
'http services',
38+
'gin gonic',
39+
'go fiber',
40+
'fiber',
41+
'fiber app',
42+
'fiber logs',
43+
'go recover',
44+
'fiber set',
45+
'fiber router',
46+
],
3147
}
3248

3349
export default function RootLayout({ children }) {
@@ -57,7 +73,7 @@ export default function RootLayout({ children }) {
5773
<meta property="og:url" content="https://gofr.dev/"></meta>
5874
<meta property="og:type" content="website"></meta>
5975

60-
<script
76+
{/* <script
6177
async
6278
src="https://www.googletagmanager.com/gtag/js?id=G-QEC53YYXB8"
6379
></script>
@@ -71,10 +87,11 @@ export default function RootLayout({ children }) {
7187
gtag('config', 'G-QEC53YYXB8');
7288
`,
7389
}}
74-
/>
90+
/> */}
91+
<GoogleTagManager gtmId="GTM-5G6KD5VJ" />
7592
</head>
7693

77-
<body className="flex min-h-full flex-col bg-white dark:bg-slate-900">
94+
<body className="flex flex-col bg-white dark:bg-slate-900">
7895
<Providers>
7996
<Layout>{children}</Layout>
8097
<FooterUi />

‎src/app/not-found.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import Link from 'next/link'
22

33
export default function NotFound() {
44
return (
5-
<div className="min-w-0 max-w-2xl flex-auto px-4 py-16 lg:max-w-none lg:pl-8 lg:pr-0 xl:px-16">
5+
<div className="h-[70vh] min-w-0 max-w-2xl flex-auto px-4 py-16 lg:max-w-none lg:pl-8 lg:pr-0 xl:px-16">
66
<div className="flex h-full flex-col items-center justify-center text-center">
77
<p className="font-display text-sm font-medium text-slate-900 dark:text-white">
88
404

‎src/app/page.jsx

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
'use client'
2+
import { HomePage } from '@/components/HomePage'
3+
4+
const Home = () => {
5+
return <HomePage />
6+
}
7+
8+
export default Home

‎src/app/page.md

-99
This file was deleted.

‎src/app/releases/layout.jsx

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
'use client'
2+
import { ReleasesPage } from '@/components/ReleasesPage'
3+
4+
const Layout = ({ children }) => {
5+
return <ReleasesPage>{children}</ReleasesPage>
6+
}
7+
8+
export default Layout

‎src/components/DocsPage.jsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { Navigation } from './Navigation'
33
export function DocsPage({ children }) {
44
return (
55
<div>
6-
<div className="relative mx-auto flex w-full max-w-8xl flex-auto justify-center sm:px-2 lg:px-8 xl:px-12">
6+
<div className="relative mx-auto flex w-full max-w-screen-2xl flex-auto justify-center sm:px-2 lg:px-8 xl:px-12">
77
<div className="hidden lg:relative lg:block lg:flex-none">
88
<div className="absolute inset-y-0 right-0 w-[50vw] bg-slate-50 dark:hidden" />
99
<div className="absolute bottom-0 right-0 top-16 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block" />

‎src/components/Footer.jsx

+28-69
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import { DiscordIcon } from './icons/DiscordIcon'
99
import { LinkedinIcon } from './icons/LinkedinIcon'
1010
import { TwitterIcon } from './icons/TwitterIcon'
1111

12-
const SocailMediaLinks = [
12+
const socialMediaLinks = [
1313
{
1414
Icon: GithubIcon,
1515
Link: 'https://github.com/gofr-dev/',
@@ -32,84 +32,43 @@ const SocailMediaLinks = [
3232
},
3333
]
3434

35+
const footerLinks = [
36+
// { title: 'Releases', link: '/releases' },
37+
{ title: 'Documentation', link: '/docs' },
38+
{ title: 'Blogs', link: 'https://medium.com/gofr', target_blank: true },
39+
]
40+
3541
function FooterUi() {
3642
return (
3743
<footer className="border-t border-slate-800 px-12 pb-4 pt-4 dark:bg-slate-900">
38-
{/* <div className="flex w-full flex-col">
39-
<div className="mb-4 flex flex-col items-baseline justify-between md:flex-row">
40-
<div className="flex-1">
41-
<h2 className="mb-5 text-base font-semibold capitalize text-gray-900 dark:text-white">
42-
Web Links
43-
</h2>
44-
<ul className="text-sm font-medium text-gray-500 dark:text-gray-400">
45-
<li>
46-
<a
47-
href="https://landscape.cncf.io/?selected=go-fr"
48-
className="flex h-12 w-28 hover:text-sky-200"
49-
target="_blank"
50-
>
51-
<div className="dark:bg-slate-900">
52-
<Image
53-
src={cloudNativeLandscapeSvg}
54-
alt="cloudNativeLandscape"
55-
className="h-full w-full"
56-
/>
57-
</div>
58-
</a>
59-
</li>
60-
<li>
61-
<a
62-
href="https://github.com/avelino/awesome-go?tab=readme-ov-file#web-frameworks"
63-
className="flex h-12 w-28 hover:text-sky-200"
64-
target="_blank"
65-
>
66-
<div className="dark:bg-slate-900">
67-
<Image
68-
src={awesomeGo}
69-
alt="cloudNativeLandscape"
70-
className="h-full w-full"
71-
/>
72-
</div>
73-
</a>
74-
</li>
75-
</ul>
76-
</div>
77-
<div className="flex-1">
78-
<h2 className="mb-5 text-base font-semibold capitalize text-gray-900 dark:text-white">
79-
Community
80-
</h2>
81-
<ul className="text-sm font-medium text-slate-700 dark:text-slate-400">
82-
<li className="mb-3">
83-
<a
84-
href="https://github.com/gofr-dev/gofr/discussions"
85-
target="_blank"
86-
className="hover:text-slate-300"
87-
>
88-
Github
89-
</a>
90-
</li>
91-
</ul>
92-
</div>
93-
</div>
94-
<div className="flex items-center justify-center">
95-
<span className="text-xs text-gray-500 dark:text-gray-300 sm:text-center">
96-
© 2023 <span>GoFr</span>. All Rights Reserved.
97-
</span>
98-
</div>
99-
</div> */}
100-
{/* <div className="flex items-center justify-center gap-4 overflow-auto"> */}
101-
<div class="mx-auto max-w-7xl flex-wrap px-6 py-6 md:flex md:items-center md:justify-center lg:px-8">
102-
<div class="flex items-center justify-center space-x-6 md:order-2 ">
103-
{SocailMediaLinks.map((item, idx) => {
44+
<div className="mx-auto max-w-screen-2xl overflow-hidden px-6 py-4 lg:px-8">
45+
<nav
46+
aria-label="Footer"
47+
className="-mb-6 columns-2 sm:flex sm:justify-center sm:space-x-12"
48+
>
49+
{footerLinks.map((item) => (
50+
<div key={item.title} className="pb-6">
51+
<Link
52+
href={item.link}
53+
target={item?.target_blank ? '_blank' : '_self'}
54+
className="text-sm leading-6 text-slate-400 hover:text-slate-300"
55+
>
56+
{item.title}
57+
</Link>
58+
</div>
59+
))}
60+
</nav>
61+
<div className="mt-8 flex justify-center space-x-10">
62+
{socialMediaLinks.map((item, idx) => {
10463
const { Icon, Link: link } = item
10564
return (
10665
<Link
10766
href={link}
108-
class="text-gray-400 hover:text-gray-500"
67+
className="text-gray-400 hover:text-gray-500"
10968
target="_blank"
11069
aria-label="social media link"
11170
>
112-
<Icon className="h-6 w-6 fill-slate-400 group-hover:fill-slate-500 dark:group-hover:fill-slate-300"></Icon>
71+
<Icon className="h-6 w-6 fill-slate-400 hover:fill-slate-300 dark:hover:fill-slate-300"></Icon>
11372
</Link>
11473
)
11574
})}

‎src/components/HomePage.jsx

+19-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { Testimonials } from './Testimonials'
33
import { QuickLink } from '@/components/QuickLinks'
44
export function HomePage() {
55
return (
6-
<div>
6+
<div className="m-auto w-auto max-w-screen-2xl">
77
<Hero />
88
<div className="not-prose my-12 grid grid-cols-1 gap-6 px-4 md:grid-cols-3 lg:px-8 xl:px-12">
99
<QuickLink
@@ -24,6 +24,24 @@ export function HomePage() {
2424
icon="plugins"
2525
href="#"
2626
/>
27+
<QuickLink
28+
title="Middleware support"
29+
description="Elevate productivity effortlessly with predefined middleware's, while retaining flexibility through seamless integration of custom middleware tailored to your specific needs."
30+
icon="middleware"
31+
href="#"
32+
/>
33+
<QuickLink
34+
title="Environment based config"
35+
description="Following the 12-factor config principles for maintaining application configurations, simplify the integration of data sources like MySQL, Postgres, Kafka, Google Pubsub, and others."
36+
icon="env"
37+
href="#"
38+
/>
39+
<QuickLink
40+
title="Crash Handling"
41+
description="GoFr catches all and every panics and automatically recovers from them to maintain continuous availability of your server."
42+
icon="crash"
43+
href="#"
44+
/>
2745
</div>
2846
<div className="mx-4 flex flex-col {{ sm:flex-col xs:flex-col md:flex-row lg:flex-row }} gap-x-8 overflow-y-auto pb-10 gap-y-16 lg:mx-8 xl:mx-12 xl:gap-x-16">
2947
<Testimonials />

‎src/components/Icon.jsx

+6
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,9 @@ import { PluginsIcon } from '@/components/icons/PluginsIcon'
77
import { PresetsIcon } from '@/components/icons/PresetsIcon'
88
import { ThemingIcon } from '@/components/icons/ThemingIcon'
99
import { WarningIcon } from '@/components/icons/WarningIcon'
10+
import { CrashIcon } from '@/components/icons/CrashIcon'
11+
import { EnvIcon } from '@/components/icons/EnvIcon'
12+
import { MiddlewareIcon } from '@/components/icons/MiddlewareIcon'
1013

1114
const icons = {
1215
installation: InstallationIcon,
@@ -15,6 +18,9 @@ const icons = {
1518
theming: ThemingIcon,
1619
lightbulb: LightbulbIcon,
1720
warning: WarningIcon,
21+
crash: CrashIcon,
22+
env: EnvIcon,
23+
middleware: MiddlewareIcon,
1824
}
1925

2026
const iconStyles = {

0 commit comments

Comments
 (0)