├── .eslintrc.json ├── .github └── frontendweb3.github.io-2.gif ├── .gitignore ├── CODE_OF_CONDUCT.md ├── LICENSE ├── README.md ├── SECURITY.md ├── app ├── about │ └── page.tsx ├── author │ └── [slug] │ │ └── page.tsx ├── contact │ └── page.tsx ├── globals.css ├── layout.tsx ├── not-found.tsx ├── page.tsx ├── read │ └── [slug] │ │ └── page.tsx └── search │ └── page.tsx ├── components.json ├── components ├── Card │ └── Card.tsx ├── Footer │ └── Footer.tsx ├── Header │ └── Header.tsx ├── Hero │ └── Hero.tsx ├── icons │ ├── facebook.tsx │ ├── github.tsx │ ├── instagram.tsx │ └── twitter.tsx ├── theme │ ├── theme-provider.tsx │ └── theme-toggle.tsx ├── ui │ ├── badge.tsx │ ├── button.tsx │ ├── card.tsx │ ├── dropdown-menu.tsx │ ├── input.tsx │ ├── label.tsx │ └── navigation-menu.tsx └── useFuse.ts ├── contentlayer.config.ts ├── lib └── utils.ts ├── next.config.js ├── package.json ├── pnpm-lock.yaml ├── postcss.config.js ├── posts ├── 10-things-you-most-likely-didnt-know-about-health.md ├── 15-common-misconceptions-about-health.md ├── 15-facts-you-never-knew-about-photography.md ├── 5-reasons-why-you-shouldnt-learn-photography-on-your-own.md ├── 7-useful-tips-from-python-experts-in-programming.md ├── 7-ways-to-use-computer-science-to-your-advantage.md ├── blog-that-had-gone-way-too-far.md ├── cillum-cupidatat-proident-fugiat-aute.md ├── five-secrets-you-will-never-know-about-blogging.md ├── how-computer-science-is-going-to-change-your-business-strategies.md ├── photography-is-not-rocket-science-learn-them-now.md ├── random-my-blog-title.md ├── seven-mind-blowing-facts-about-smart-phone.md ├── seven-ways-to-have-fun-learning-computer-science.md ├── ten-features-of-smart-phone-that-make-everyone-love-it.md ├── ten-reasons-why-you-cannot-start-blog-blogging.md ├── the-history-of-humans.md ├── the-millionaire-guide-on-programing-to-help-you-get-rich.md ├── top-10-sites-you-can-learn-programming-for-free.md ├── understand-the-android-features-before-you-regret.md └── why-learning-tech-can-actually-improve-your-working-speed.md ├── public ├── favicon.ico ├── frontendweb3.github.io-2.png ├── images │ ├── about-us.png │ ├── android.jpg │ ├── author-1.jpg │ ├── author-2.jpg │ ├── author-3.jpg │ ├── author-4.jpg │ ├── author-5.jpg │ ├── author-6.jpg │ ├── author-7.jpg │ ├── blog-2.jpg │ ├── blog.jpg │ ├── blogging.jpg │ ├── camera.jpg │ ├── code.jpg │ ├── codeing.jpg │ ├── computer.jpg │ ├── contact-us.png │ ├── curtis-lopez.jpg │ ├── desk-desktop.jpg │ ├── desk-laptop.jpg │ ├── dice.jpg │ ├── eyes.png │ ├── fantasy-android.jpg │ ├── female art 3.jpg │ ├── female1.jpg │ ├── female2.jpg │ ├── flowers.jpg │ ├── hanoi-natural.jpg │ ├── health.jpg │ ├── humans.jpg │ ├── ios.jpg │ ├── iphone.jpg │ ├── leaves.jpg │ ├── lens.jpg │ ├── minimalist-logo.jpeg │ ├── natural.jpg │ ├── photographer.jpg │ ├── rajdeep-singh.png │ ├── smartphone.jpg │ ├── software-developer.jpg │ ├── tech.jpg │ ├── technology.jpg │ ├── vegetables.jpg │ ├── woman-4.jpg │ ├── woman-5.jpg │ └── yogo.jpg ├── minimalist-favicon.svg └── minimalist-icon.svg ├── tailwind.config.js ├── tsconfig.json └── type.d.ts /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /.github/frontendweb3.github.io-2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/frontendweb3/minimalist/e1fd81ec24b0ed13ffbd0344c66cfe7583b26688/.github/frontendweb3.github.io-2.gif -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # next.js 12 | /.next/ 13 | /out/ 14 | 15 | # production 16 | /build 17 | 18 | # misc 19 | .DS_Store 20 | *.pem 21 | 22 | # debug 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | .pnpm-debug.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | # typescript 35 | *.tsbuildinfo 36 | next-env.d.ts 37 | 38 | # Adding theb exit 39 | /.contentlayer/* -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | We as members, contributors, and leaders pledge to make participation in our 6 | community a harassment-free experience for everyone, regardless of age, body 7 | size, visible or invisible disability, ethnicity, sex characteristics, gender 8 | identity and expression, level of experience, education, socio-economic status, 9 | nationality, personal appearance, race, religion, or sexual identity 10 | and orientation. 11 | 12 | We pledge to act and interact in ways that contribute to an open, welcoming, 13 | diverse, inclusive, and healthy community. 14 | 15 | ## Our Standards 16 | 17 | Examples of behavior that contributes to a positive environment for our 18 | community include: 19 | 20 | * Demonstrating empathy and kindness toward other people 21 | * Being respectful of differing opinions, viewpoints, and experiences 22 | * Giving and gracefully accepting constructive feedback 23 | * Accepting responsibility and apologizing to those affected by our mistakes, 24 | and learning from the experience 25 | * Focusing on what is best not just for us as individuals, but for the 26 | overall community 27 | 28 | Examples of unacceptable behavior include: 29 | 30 | * The use of sexualized language or imagery, and sexual attention or 31 | advances of any kind 32 | * Trolling, insulting or derogatory comments, and personal or political attacks 33 | * Public or private harassment 34 | * Publishing others' private information, such as a physical or email 35 | address, without their explicit permission 36 | * Other conduct which could reasonably be considered inappropriate in a 37 | professional setting 38 | 39 | ## Enforcement Responsibilities 40 | 41 | Community leaders are responsible for clarifying and enforcing our standards of 42 | acceptable behavior and will take appropriate and fair corrective action in 43 | response to any behavior that they deem inappropriate, threatening, offensive, 44 | or harmful. 45 | 46 | Community leaders have the right and responsibility to remove, edit, or reject 47 | comments, commits, code, wiki edits, issues, and other contributions that are 48 | not aligned to this Code of Conduct, and will communicate reasons for moderation 49 | decisions when appropriate. 50 | 51 | ## Scope 52 | 53 | This Code of Conduct applies within all community spaces, and also applies when 54 | an individual is officially representing the community in public spaces. 55 | Examples of representing our community include using an official e-mail address, 56 | posting via an official social media account, or acting as an appointed 57 | representative at an online or offline event. 58 | 59 | ## Enforcement 60 | 61 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 62 | reported to the community leaders responsible for enforcement at 63 | officialrajdeepsingh@gmail.com. 64 | All complaints will be reviewed and investigated promptly and fairly. 65 | 66 | All community leaders are obligated to respect the privacy and security of the 67 | reporter of any incident. 68 | 69 | ## Enforcement Guidelines 70 | 71 | Community leaders will follow these Community Impact Guidelines in determining 72 | the consequences for any action they deem in violation of this Code of Conduct: 73 | 74 | ### 1. Correction 75 | 76 | **Community Impact**: Use of inappropriate language or other behavior deemed 77 | unprofessional or unwelcome in the community. 78 | 79 | **Consequence**: A private, written warning from community leaders, providing 80 | clarity around the nature of the violation and an explanation of why the 81 | behavior was inappropriate. A public apology may be requested. 82 | 83 | ### 2. Warning 84 | 85 | **Community Impact**: A violation through a single incident or series 86 | of actions. 87 | 88 | **Consequence**: A warning with consequences for continued behavior. No 89 | interaction with the people involved, including unsolicited interaction with 90 | those enforcing the Code of Conduct, for a specified period of time. This 91 | includes avoiding interactions in community spaces as well as external channels 92 | like social media. Violating these terms may lead to a temporary or 93 | permanent ban. 94 | 95 | ### 3. Temporary Ban 96 | 97 | **Community Impact**: A serious violation of community standards, including 98 | sustained inappropriate behavior. 99 | 100 | **Consequence**: A temporary ban from any sort of interaction or public 101 | communication with the community for a specified period of time. No public or 102 | private interaction with the people involved, including unsolicited interaction 103 | with those enforcing the Code of Conduct, is allowed during this period. 104 | Violating these terms may lead to a permanent ban. 105 | 106 | ### 4. Permanent Ban 107 | 108 | **Community Impact**: Demonstrating a pattern of violation of community 109 | standards, including sustained inappropriate behavior, harassment of an 110 | individual, or aggression toward or disparagement of classes of individuals. 111 | 112 | **Consequence**: A permanent ban from any sort of public interaction within 113 | the community. 114 | 115 | ## Attribution 116 | 117 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], 118 | version 2.0, available at 119 | https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. 120 | 121 | Community Impact Guidelines were inspired by [Mozilla's code of conduct 122 | enforcement ladder](https://github.com/mozilla/diversity). 123 | 124 | [homepage]: https://www.contributor-covenant.org 125 | 126 | For answers to common questions about this code of conduct, see the FAQ at 127 | https://www.contributor-covenant.org/faq. Translations are available at 128 | https://www.contributor-covenant.org/translations. 129 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Frontend Web 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | The Minimalist blog template was created with Next.js, Shadcn UI, Content Layer, and Tailwind CSS. The Minimalist template is built using modern technologies, making it easy to extend and customize. 2 | 3 | Take a look at the demo of the Minimalist template! 4 | 5 | ## Demo 6 | 7 | [![Demo](/.github/frontendweb3.github.io-2.gif)](https://minimalist-nu.vercel.app/) 8 | 9 | ## Our Template Stack 10 | 11 | ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) 12 | ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) 13 | ![Markdown](https://img.shields.io/badge/markdown-%23000000.svg?style=for-the-badge&logo=markdown&logoColor=white) 14 | ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) 15 | ![Shadcn UI](https://img.shields.io/badge/Shadcn/ui-white.svg?&%20style=for-the-badge&logoColor=white&logo=data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+c2hhZGNuL3VpPC90aXRsZT48cGF0aCBkPSJNMjIuMjE5IDExLjc4NCAxMS43ODQgMjIuMjE5Yy0uNDA3LjQwNy0uNDA3IDEuMDY4IDAgMS40NzYuNDA3LjQwNyAxLjA2OC40MDcgMS40NzYgMEwyMy42OTUgMTMuMjZjLjQwNy0uNDA4LjQwNy0xLjA2OSAwLTEuNDc2LS40MDgtLjQwNy0xLjA2OS0uNDA3LTEuNDc2IDBaTTIwLjEzMi4zMDUuMzA1IDIwLjEzMmMtLjQwNy40MDctLjQwNyAxLjA2OCAwIDEuNDc2LjQwOC40MDcgMS4wNjkuNDA3IDEuNDc2IDBMMjEuNjA4IDEuNzgxYy40MDctLjQwNy40MDctMS4wNjggMC0xLjQ3Ni0uNDA4LS40MDctMS4wNjktLjQwNy0xLjQ3NiAwWiIvPjwvc3ZnPg=) 16 | ![Contentlayer](https://img.shields.io/badge/Contntlayer-white.svg?&logoColor=7C3AED&logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjQzIDAuOTIyNjhDMTEuMTQyNiAwLjM5ODExNSAxMi4xMTc3IDAuNDA3NDkxIDEyLjgyIDAuOTQ1NjY1TDE5Ljk5MjggNi40NDE5OEMyMS4wMjY2IDcuMjM0MTkgMjEuMDI2NiA4Ljc4NzcxIDE5Ljk5MjggOS41Nzk5MkwxNy4yNTczIDExLjY3NjFMMjAuMDM3OSAxMy45MDM3QzIxLjA0OTMgMTQuNzEzOSAyMS4wMjIgMTYuMjU3NCAxOS45ODI2IDE3LjAzMTVMMTIuNjIgMjIuNTE1M0MxMS44NjM0IDIzLjA3ODggMTAuODEzNCAyMy4wMzMyIDEwLjEwODkgMjIuNDA2M0w0LjM0Nzg5IDE3LjI4MDJMMy41NDIyNCAxNi41OTAzQy0wLjA1MzAxMTIgMTMuNTExNCAwLjM5MDE4MyA3Ljg0MDk0IDQuNDEyNzQgNS4zNTIxMkwxMC40MyAwLjkyMjY4Wk0xNi4xOTU1IDEwLjgyNTRMMTIuODUxNSA4LjE0NjU5QzEyLjEzNzUgNy41NzQ1NyAxMS4xMjM1IDcuNTYzNjUgMTAuMzk3MiA4LjEyMDE3TDcuOTIyOTggMTAuMDE2MUM2Ljg4OTEzIDEwLjgwODQgNi44ODkxMyAxMi4zNjE5IDcuOTIyOTggMTMuMTU0MUwxMC40MTU0IDE1LjA2NEMxMS4xMjkgMTUuNjEwOCAxMi4xMjI0IDE1LjYxMDggMTIuODM2IDE1LjA2NEwxNi4xNzczIDEyLjUwMzZMMTkuMjA4NiAxNC45MzJDMTkuNTQ1NyAxNS4yMDIxIDE5LjUzNjYgMTUuNzE2NiAxOS4xOTAxIDE1Ljk3NDdMMTEuODI3NSAyMS40NTg1QzExLjU3NTMgMjEuNjQ2MyAxMS4yMjUzIDIxLjYzMTEgMTAuOTkwNSAyMS40MjIxTDUuMjI0OCAxNi4yOTE4TDQuNDA0OTUgMTUuNTg5NUMxLjQ4MjU1IDEzLjA4NjkgMS44NDk0MSA4LjQ3MzM4IDUuMTMwODggNi40NjA3OEw1LjE1NDcxIDYuNDQ2MTdMMTEuMjE2NSAxLjk4Mzk4QzExLjQ1NCAxLjgwOTEzIDExLjc3OSAxLjgxMjI1IDEyLjAxMzIgMS45OTE2NEwxOS4xODU5IDcuNDg3OTZDMTkuNTMwNSA3Ljc1MjAzIDE5LjUzMDUgOC4yNjk4NyAxOS4xODU5IDguNTMzOTRMMTYuMTk1NSAxMC44MjU0Wk0xNS4xMTU1IDExLjY1M0wxMi4wMjkxIDE0LjAxOEMxMS43OTEzIDE0LjIwMDMgMTEuNDYwMSAxNC4yMDAzIDExLjIyMjMgMTQuMDE4TDguNzI5ODQgMTIuMTA4MUM4LjM4NTIzIDExLjg0NCA4LjM4NTIzIDExLjMyNjIgOC43Mjk4NCAxMS4wNjIxTDExLjIwNDEgOS4xNjYxNUMxMS40NDYyIDguOTgwNjUgMTEuNzg0MiA4Ljk4NDI5IDEyLjAyMjIgOS4xNzQ5NkwxNS4xMTU1IDExLjY1M1oiIGZpbGw9IiM3QzNBRUQiIHN0cm9rZT0iIzdDM0FFRCIgc3Ryb2tlLXdpZHRoPSIwLjUiPjwvcGF0aD48L3N2Zz4K) 17 | 18 | ## Clone Repository 19 | 20 | First, download the Next.js minimalist template code from the GitHub repository using the following command: 21 | 22 | ```bash 23 | git clone https://github.com/frontendweb3/minimalist.git 24 | ``` 25 | Then follow the below **steps**: 26 | 27 | ```markdown 28 | # step 1 29 | cd minimalist 30 | 31 | # step 2 32 | pnpm install 33 | # or 34 | yarn install 35 | 36 | # step 3 37 | yarn dev 38 | # or 39 | pnpm dev 40 | ``` 41 | 42 | 43 | ### Our primary stack for the minimalist template includes: 44 | 45 | 1. Next.js 46 | 2. TypeScript 47 | 3. PNPM 48 | 4. Tailwind CSS 49 | 50 | ## Additional packages: 51 | 52 | 1. Lucide icons 53 | 2. @tailwindcss/typography 54 | 3. fuse.js 55 | 56 | After downloading, open your browser and navigate to [http://localhost:3000](http://localhost:3000) to see the result. 57 | -------------------------------------------------------------------------------- /SECURITY.md: -------------------------------------------------------------------------------- 1 | # Security Policy 2 | 3 | ## Supported Packages 4 | 5 | We are currenlty using following package for the minimalist template. 6 | 7 | 8 | | Version | Supported | 9 | | ------- | ------------------ | 10 | | 18.2.0 | react | 11 | | 18.2.0 | react-dom | 12 | | 13.1.4 | next | 13 | | 0.3.0 | contentlayer | 14 | 15 | ## Reporting a Vulnerability 16 | 17 | Report a vulnerability on officialrajdeepsingh@gmail.com email -------------------------------------------------------------------------------- /app/about/page.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Mail, FileText } from "lucide-react" 3 | import { Button } from "@/components/ui/button" 4 | 5 | import type { Metadata } from 'next' 6 | 7 | export const metadata: Metadata = { 8 | title: 'About Us', 9 | description: 'About us - Built Minimalist website.', 10 | } 11 | 12 | export default function About() { 13 | return ( 14 |
15 | {/* Container */} 16 |
17 | {/* Component */} 18 |
19 | {/* Content */} 20 |
21 |
22 |
23 |

Available for work

24 |
25 |

26 | Developer & UX Specialist 27 |

28 | {/* Title */} 29 |

30 | Jonathan Smith 31 |

32 |

33 | Consectetur adipiscing elit duis tristique sollicitudin nibh. 34 | Augue mauris augue neque gravida in fermentum. Sapien pellentesque 35 | habitant morbi tristique pellentesque. 36 |

37 | {/* Buttons */} 38 |
39 | 42 | 43 | 46 |
47 |
48 | {/* Image */} 49 |
50 |
51 |
52 |
) 53 | } 54 | -------------------------------------------------------------------------------- /app/author/[slug]/page.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Card } from '@/components/Card/Card'; 3 | import _ from 'lodash'; 4 | import { allPosts } from 'contentlayer/generated'; 5 | import type { Metadata } from 'next' 6 | import type { Post } from 'contentlayer/generated'; 7 | import { notFound } from 'next/navigation'; 8 | 9 | 10 | export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise { 11 | const { slug } = await params 12 | return { title: `Published by ${slug?.trim().replaceAll(" ", "-")}` } 13 | } 14 | 15 | 16 | export async function generateStaticParams() { 17 | 18 | let paths: { slug: string }[] = [] 19 | 20 | allPosts.map( 21 | item => { 22 | if (item.author !== undefined) { 23 | paths.push({ slug: item.author?.trim().toLowerCase().replaceAll(" ", "-") }) 24 | } 25 | } 26 | ) 27 | 28 | const RemoveDuplicateAuthor = paths.filter((value, index, self) => 29 | index === self.findIndex((t) => ( 30 | t.slug === value.slug 31 | )) 32 | ) 33 | return RemoveDuplicateAuthor 34 | } 35 | export default async function Page({ params }: { params: Promise<{ slug: string }> }) { 36 | 37 | const slug = (await params).slug 38 | 39 | const AuthorPosts: Post[] = allPosts.filter((post) => { 40 | if (post.author !== undefined) { 41 | if (post.author?.trim().toLowerCase().replaceAll(" ", "-") === slug) return post 42 | } 43 | }) 44 | 45 | if (AuthorPosts.length === 0) { 46 | notFound() 47 | } 48 | 49 | return ( 50 |
51 |
52 |
53 |

54 | {slug.replaceAll("-", " ")} 55 |

56 |
57 | 58 |
59 | {AuthorPosts.map((item) => )} 60 |
61 |
62 |
63 | ); 64 | } 65 | 66 | 67 | 68 | //export async function getStaticPaths() { 69 | // 70 | 71 | //} 72 | // 73 | 74 | //export async function getStaticProps({ params }: { params: { slug: string } }) { 75 | // 76 | // let author: AuthorType = {} 77 | // 78 | // let authorPost = _.filter(allPosts, (item) => { 79 | // 80 | // if (item.author?.name.trim().toLowerCase().replaceAll(" ", "-") === params.slug) { 81 | // 82 | // author = { 83 | // firstName: item.author?.name.trim().split(" ")[0], 84 | // lastName: item.author?.name.trim().split(" ")[1], 85 | // job: item.author?.job, 86 | // image: item.author?.image, 87 | // social: item.author?.social, 88 | // } 89 | // 90 | // } 91 | // 92 | // return item.author?.name.trim().toLowerCase().replaceAll(" ", "-") === params.slug 93 | // }) 94 | // 95 | // return { 96 | // props: { posts: authorPost, author }, 97 | // } 98 | //} 99 | -------------------------------------------------------------------------------- /app/contact/page.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Button } from "@/components/ui/button" 3 | import { SendHorizontal } from "lucide-react" 4 | import type { Metadata } from 'next' 5 | 6 | export const metadata: Metadata = { 7 | title: 'Contact Us', 8 | description: 'Contact us - Built Minimalist website.', 9 | } 10 | export default function Contact() { 11 | 12 | return ( 13 |
14 |

Contact Us

15 |

Send feedback about us if you have any queries or questions. Ask our team in the office—our time reply on office time.

16 |
17 |
18 | 19 | 20 |
21 |
22 | 23 | 24 |
25 |
26 | 27 | 28 |
29 | 30 | 33 | 34 |
35 |
36 | ) 37 | } 38 | 39 | -------------------------------------------------------------------------------- /app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | @layer base { 6 | :root { 7 | --background: 0 0% 100%; 8 | --foreground: 224 71.4% 4.1%; 9 | --card: 0 0% 100%; 10 | --card-foreground: 224 71.4% 4.1%; 11 | --popover: 0 0% 100%; 12 | --popover-foreground: 224 71.4% 4.1%; 13 | --primary: 220.9 39.3% 11%; 14 | --primary-foreground: 210 20% 98%; 15 | --secondary: 220 14.3% 95.9%; 16 | --secondary-foreground: 220.9 39.3% 11%; 17 | --muted: 220 14.3% 95.9%; 18 | --muted-foreground: 220 8.9% 46.1%; 19 | --accent: 220 14.3% 95.9%; 20 | --accent-foreground: 220.9 39.3% 11%; 21 | --destructive: 0 84.2% 60.2%; 22 | --destructive-foreground: 210 20% 98%; 23 | --border: 220 13% 91%; 24 | --input: 220 13% 91%; 25 | --ring: 224 71.4% 4.1%; 26 | --chart-1: 12 76% 61%; 27 | --chart-2: 173 58% 39%; 28 | --chart-3: 197 37% 24%; 29 | --chart-4: 43 74% 66%; 30 | --chart-5: 27 87% 67%; 31 | --radius: 0.5rem 32 | } 33 | 34 | .dark { 35 | --background: 224 71.4% 4.1%; 36 | --foreground: 210 20% 98%; 37 | --card: 224 71.4% 4.1%; 38 | --card-foreground: 210 20% 98%; 39 | --popover: 224 71.4% 4.1%; 40 | --popover-foreground: 210 20% 98%; 41 | --primary: 210 20% 98%; 42 | --primary-foreground: 220.9 39.3% 11%; 43 | --secondary: 215 27.9% 16.9%; 44 | --secondary-foreground: 210 20% 98%; 45 | --muted: 215 27.9% 16.9%; 46 | --muted-foreground: 217.9 10.6% 64.9%; 47 | --accent: 215 27.9% 16.9%; 48 | --accent-foreground: 210 20% 98%; 49 | --destructive: 0 62.8% 30.6%; 50 | --destructive-foreground: 210 20% 98%; 51 | --border: 215 27.9% 16.9%; 52 | --input: 215 27.9% 16.9%; 53 | --ring: 216 12.2% 83.9%; 54 | --chart-1: 220 70% 50%; 55 | --chart-2: 160 60% 45%; 56 | --chart-3: 30 80% 55%; 57 | --chart-4: 280 65% 60%; 58 | --chart-5: 340 75% 55% 59 | } 60 | } 61 | 62 | @layer base { 63 | * { 64 | @apply border-border; 65 | } 66 | 67 | body { 68 | @apply bg-background text-foreground; 69 | } 70 | } 71 | -------------------------------------------------------------------------------- /app/layout.tsx: -------------------------------------------------------------------------------- 1 | import type { Metadata } from "next"; 2 | import "./globals.css"; 3 | import { VercelToolbar } from '@vercel/toolbar/next'; 4 | import { Header } from "@/components/Header/Header"; 5 | import { Footer } from "@/components/Footer/Footer"; 6 | import { ThemeProvider } from "@/components/theme/theme-provider" 7 | 8 | export const metadata: Metadata = { 9 | title: 'Home | Minimalist', 10 | description: 'Minimalist is template for blog built with nextjs, shadcn ui and tailwind css.', 11 | } 12 | 13 | export default async function RootLayout({ children }: Readonly<{ children: React.ReactNode; }>) { 14 | 15 | const shouldInjectToolbar = process.env.NODE_ENV === 'development'; 16 | // const banner = await showBanner(); 17 | return ( 18 | 19 | 20 | 21 |
22 | {children} 23 | {shouldInjectToolbar && } 24 |