Merge pull request #2 from smswithoutborders/develop

[Feature] Implement New Blog Template

README.md

@@ -1,43 +1,20 @@
-# A statically generated blog example using Next.js, Markdown, and TypeScript
+## Smswithoutborders Blog
 
-This is the existing [blog-starter](https://github.com/vercel/next.js/tree/canary/examples/blog-starter) plus TypeScript.
+SMSWithoutBorders(Relay sms) Official Blog Feed.
+[smswithoutborders](https://smswithoutborders.com)
 
 This example showcases Next.js's [Static Generation](https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts) feature using Markdown files as the data source.
 
 The blog posts are stored in `/_posts` as Markdown files with front matter support. Adding a new Markdown file in there will create a new blog post.
 
 To create the blog posts we use [`remark`](https://github.com/remarkjs/remark) and [`remark-html`](https://github.com/remarkjs/remark-html) to convert the Markdown files into an HTML string, and then send it down as a prop to the page. The metadata of every post is handled by [`gray-matter`](https://github.com/jonschlinkert/gray-matter) and also sent in props to the page.
 
-## Demo
-
-[https://next-blog-starter.vercel.app/](https://next-blog-starter.vercel.app/)
-
 ## Deploy your own
 
 Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example) or preview live with [StackBlitz](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/blog-starter)
 
 [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/vercel/next.js/tree/canary/examples/blog-starter&project-name=blog-starter&repository-name=blog-starter)
 
-### Related examples
-
-- [WordPress](/examples/cms-wordpress)
-- [DatoCMS](/examples/cms-datocms)
-- [Sanity](/examples/cms-sanity)
-- [TakeShape](/examples/cms-takeshape)
-- [Prismic](/examples/cms-prismic)
-- [Contentful](/examples/cms-contentful)
-- [Strapi](/examples/cms-strapi)
-- [Agility CMS](/examples/cms-agilitycms)
-- [Cosmic](/examples/cms-cosmic)
-- [ButterCMS](/examples/cms-buttercms)
-- [Storyblok](/examples/cms-storyblok)
-- [GraphCMS](/examples/cms-graphcms)
-- [Kontent](/examples/cms-kontent)
-- [Umbraco Heartcore](/examples/cms-umbraco-heartcore)
-- [Builder.io](/examples/cms-builder-io)
-- [TinaCMS](/examples/cms-tina/)
-- [Enterspeed](/examples/cms-enterspeed)
-
 ## How to use
 
 Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init), [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/), or [pnpm](https://pnpm.io) to bootstrap the example:

_posts/dynamic-routing.md

@@ -1,15 +1,16 @@
 ---
-title: "Dynamic Routing and Static Generation"
-excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus."
-coverImage: "/assets/blog/dynamic-routing/cover.jpg"
-date: "2020-03-16T05:35:07.322Z"
+title: "Anything relay sms"
+excerpt: "What's New with Smswithoutborders(Relay Sms)"
+date: "2024-03-22T05:35:07.322Z"
 author:
-  name: JJ Kasper
-  picture: "/assets/blog/authors/jj.jpeg"
+  name: Relay
+  picture: "/assets/blog/deku.png"
 ogImage:
-  url: "/assets/blog/dynamic-routing/cover.jpg"
+  url: "/assets/blog/swob.png"
 ---
 
+## RELAY
+
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus. Praesent elementum facilisis leo vel fringilla. Congue mauris rhoncus aenean vel. Egestas sed tempus urna et pharetra pharetra massa massa ultricies.
 
 Venenatis cras sed felis eget velit. Consectetur libero id faucibus nisl tincidunt. Gravida in fermentum et sollicitudin ac orci phasellus egestas tellus. Volutpat consequat mauris nunc congue nisi vitae. Id aliquet risus feugiat in ante metus dictum at tempor. Sed blandit libero volutpat sed cras. Sed odio morbi quis commodo odio aenean sed adipiscing. Velit euismod in pellentesque massa placerat. Mi bibendum neque egestas congue quisque egestas diam in arcu. Nisi lacus sed viverra tellus in. Nibh cras pulvinar mattis nunc sed. Luctus accumsan tortor posuere ac ut consequat semper viverra. Fringilla ut morbi tincidunt augue interdum velit euismod.

_posts/first.md

@@ -0,0 +1,42 @@
+---
+title: "Deku SMS security check"
+excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus."
+date: "2024-03-16T05:35:07.322Z"
+author:
+  name: Relay
+  picture: "/assets/blog/deku.png"
+ogImage:
+  url: "/assets/blog/deku.png"
+---
+
+### Stay connected With [SmsWithoutBorders](https://SmsWithoutBorders.com) SWOB
+
+We hardly know when we are going to find ourselves without an internet connection;
+Whether in an event, in school, traveling to a new place or migrating to a remote area, natural disaster, in a protest, etc.
+
+We are pleased to introduce SMSWithoutBorders(SWOB). SWOB is a messaging app developed by Afkanerd Technologies Ltd. It allows messages to be sent to online platforms such as Telegram, Gmail, and Twitter without an active internet connection.
+
+Messages in SWOB are sent securely through a network of SMS gateways to stay connected. Users have to set up their SWOB accounts while connected to the internet, then continue communication later in a situation of bad internet connection.
+
+  <!--![picture](/index.jpeg)-->
+
+### SWOB has the following characteristics:
+
+- It is secure. SWOB uses hybrid encryption to provide a secure means of communication.
+- It is open source. Our code base is available on GitHub and is open to contributions from the public.
+- It does not collect any additional information other than the access granted by the user. SWOB does not share user information with third parties or use it for commercial purposes.
+- SWOB is a free tool available for download on Playstore and the app store.
+
+### Here are some steps to synchronize your SWOB account;
+
+![steps](/steps.jpg)
+
+<!---->
+
+#### To download SWOB, click on the link below:
+
+![](/)<https://play.google.com/store/apps/details?id=com.afkanerd.sw0b>
+
+<!---->
+
+![](/)<https://smswithoutborders.com>

_posts/preview.md → _posts/third.md

@@ -1,13 +1,12 @@
 ---
-title: "Preview Mode for Static Generation"
+title: "Deku SMS security check"
 excerpt: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus."
-coverImage: "/assets/blog/preview/cover.jpg"
-date: "2020-03-16T05:35:07.322Z"
+date: "2024-03-16T05:35:07.322Z"
 author:
-  name: Joe Haddad
-  picture: "/assets/blog/authors/joe.jpeg"
+  name: Relay
+  picture: "/assets/blog/deku.png"
 ogImage:
-  url: "/assets/blog/preview/cover.jpg"
+  url: "/assets/blog/deku.png"
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus. Praesent elementum facilisis leo vel fringilla. Congue mauris rhoncus aenean vel. Egestas sed tempus urna et pharetra pharetra massa massa ultricies.

package.json

@@ -15,6 +15,7 @@
 		"next": "14.1.0",
 		"react": "^18",
 		"react-dom": "^18",
+		"react-icons": "^5.0.1",
 		"remark": "^15.0.1",
 		"remark-html": "^16.0.1"
 	},

public/favicon/site.webmanifest

@@ -1,14 +1,14 @@
 {
-	"name": "Next.js",
-	"short_name": "Next.js",
+	"name": "SMSWithoutBorders Blog",
+	"short_name": "SMSWithoutBorders Blog",
 	"icons": [
 		{
-			"src": "/favicons/android-chrome-192x192.png",
+			"src": "/favicons/favicon.ico",
 			"sizes": "192x192",
 			"type": "image/png"
 		},
 		{
-			"src": "/favicons/android-chrome-512x512.png",
+			"src": "/favicons/favicon.ico",
 			"sizes": "512x512",
 			"type": "image/png"
 		}

src/app/_components/avatar.tsx

@@ -5,7 +5,7 @@ type Props = {
 
 const Avatar = ({ name, picture }: Props) => {
 	return (
-		<div className="flex items-center">
+		<div className="flex items-center mx-3">
 			<img src={picture} className="w-12 h-12 rounded-full mr-4" alt={name} />
 			<div className="text-xl font-bold">{name}</div>
 		</div>

src/app/_components/footer.tsx

@@ -1,26 +1,43 @@
 import Container from "@/app/_components/container";
-import { EXAMPLE_PATH } from "@/lib/constants";
+import { FaFacebook, FaXTwitter, FaGithub } from "react-icons/fa6";
 
 export function Footer() {
 	return (
-		<footer className="bg-neutral-50 border-t border-neutral-200">
+		<footer className="border-t text-white border-neutral-200 bg-gray-900 justify-between pt-5 py-5 ">
 			<Container>
-				<div className="py-28 flex flex-col lg:flex-row items-center">
-					<h3 className="text-4xl lg:text-[2.5rem] font-bold tracking-tighter leading-tight text-center lg:text-left mb-10 lg:mb-0 lg:pr-4 lg:w-1/2">
-						Statically Generated with Next.js.
-					</h3>
-					<div className="flex flex-col lg:flex-row justify-center items-center lg:pl-4 lg:w-1/2">
+				<div className="flex md:flex-col lg:flex-row justify-between">
+					<img src="/assets/blog/logo.png" alt="Your Logo" className="h-10 " />
+
+					<div className="flex md:justify-center">
+						<a
+							href="https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"
+							target="_blank"
+							rel="noopener noreferrer"
+						>
+							<FaFacebook
+								size="25px"
+								className="m-2 mx-3 rounded hover:bg-white hover:blue text-white"
+							/>
+						</a>
 						<a
 							href="https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"
-							className="mx-3 bg-black hover:bg-white hover:text-black border border-black text-white font-bold py-3 px-12 lg:px-8 duration-200 transition-colors mb-6 lg:mb-0"
+							target="_blank"
+							rel="noopener noreferrer"
 						>
-							Read Documentation
+							<FaXTwitter
+								size="25px"
+								className="m-2 mx-3 rounded hover:bg-white hover:blue text-white"
+							/>
 						</a>
 						<a
-							href={`https://github.com/vercel/next.js/tree/canary/examples/${EXAMPLE_PATH}`}
-							className="mx-3 font-bold hover:underline"
+							href="https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts"
+							target="_blank"
+							rel="noopener noreferrer"
 						>
-							View on GitHub
+							<FaGithub
+								size="25px"
+								className="m-2 mx-3 rounded hover:bg-white hover:blue text-white"
+							/>
 						</a>
 					</div>
 				</div>