Skip to content

Commit

Permalink
New Commit
Browse files Browse the repository at this point in the history
  • Loading branch information
sufi0900 committed Nov 14, 2023
1 parent f54cf82 commit 4cd4a37
Show file tree
Hide file tree
Showing 50 changed files with 560 additions and 5,594 deletions.
132 changes: 132 additions & 0 deletions app/SufianMustafa/page.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,132 @@
import React from "react";
import Home from "../HomeComponent/HomeComp";
import Script from "next/script";

import { NextSeo } from "next-seo";
import Head from "next/head";

export const metadata = {
title: "Sufian Mustafa",
description:
"Welcome to the portfolio of SuFiaN MusTaFa, a passionate web developer based in Pakistan. Explore my portfolio showcasing expertise in ReactJs, Nextjs, HTML5, CSS, and more. Download my resume and get in touch for your web development needs. My nick name is sufi. sufian website",
author: "Sufian Mustafa",
keywords:
"Sufian Mustafa, Sufian Mustafa, Sufian Mustafa sufi website, sufi web developer, sufian web developer, sufi, sufian",
icons: {
icon: "https://res.cloudinary.com/dtvtphhsc/image/upload/fl_immutable_cache.lossy.progressive/v1693675157/sufi_gt9fke.webp",
},
other: {
"og:image":
"https://res.cloudinary.com/dtvtphhsc/image/upload/ar_1.9,c_scale,h_630,w_1200/v1694356123/Sufian-Mustafa-Web-Developer_en5jxl.png",
},
};
const page = () => {
function sufianmustafa() {
return {
__html: ` {
"@context": "http://schema.org",
"@type": "Website",
"name": "Sufian Mustafa",
"jobTitle": "Web Developer",
"description": "I am Sufian Mustafa, a web developer with a passion for creating things that live on the internet. I am Sufian Mustafa, a web developer with a passion for
creating things that live on the internet. My interest in web
development began during my Master's degree in Computer
Science at AWKUM University. I have a wide range of experience in web development, with a
focus on front-end technologies such as HTML, CSS, and
JavaScript with a particular focus on ReactJS & NextJS",
"url": "https://sufianmustafa.com/SufianMustafa",
"sameAs": [
"https://dev.to/sufian/"
],
"image": [
"https://res.cloudinary.com/dtvtphhsc/image/upload/v1692819142/Images/sufi3_dnokbh.jpg",
"https://res.cloudinary.com/dtvtphhsc/image/upload/v1693673965/AirBrush_20170128130335_t6dhwx.webp",
"https://res.cloudinary.com/dtvtphhsc/image/upload/v1693672394/sufi6_depmpo.webp"
]
}
`,
};
}
return (
<>
<Head>
<meta charset="utf-8" />
<link
rel="icon"
href="https://res.cloudinary.com/dtvtphhsc/image/upload/fl_immutable_cache.lossy.progressive/v1693675157/sufi_gt9fke.webp"
sizes="any"
/>
<meta
name="keywords"
content="sufian, sufian website, sufi website, sufi web developer,web developer, web development services, developer website, website developer, site developer, it web developer, web site designers, web developer websites, a web developer, i am web developer, web programmers, the web developer, web developer skills, about web developer, backend development, create website, build website, i am looking for a web developer, website making, web developer near me, react developers, html website, online blog, developer for website, looking for web developer, web development projects, react web development, web technologies, responsive website, web making, web coding, react website, web development services near me, my web,"
/>

<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Sufian Mustafa </title>
<meta
name="description"
content="Hi i am SuFiaN MusTaFa, a passionate web developer based in Pakistan. Explore my projects and skills in web development. I have a wide range of experience in web development, with a
focus on front-end technologies such as HTML, CSS, and
JavaScript with a particular focus on ReactJS NextJS"
/>

<meta name="author" content="Sufian Mustafa" />
<meta property="og:title" content="Sufian Mustafa" />
<meta
property="og:description"
content="Sufian Mustafa, Explore the work of Sufian Mustafa, a web developer with a passion for creating stunning web applications."
/>
<meta
name="google-site-verification"
content="k0JxDLTBR6jAV0eTVc6UxwWSEuoyBpz1c4k0zI7mKL4"
/>
<meta
property="og:url"
content="https://sufianmustafa.com/SufianMustafa/"
/>
<meta property="og:type" content="website" />
<meta
property="og:image"
content="https://res.cloudinary.com/dtvtphhsc/image/upload/v1694356123/Sufian-Mustafa-Web-Developer_en5jxl.png"
/>
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta
property="og:url"
content="https://sufianmustafa.com/SufianMustafa"
/>

<link rel="canonical" href="https://sufianmustafa.com/SufianMustafa/" />
<NextSeo
title="Sufian Mustafa"
description="Explore Sufian Mustafa's proficiency in various technologies and tools. Discover his expertise in web development, including ReactJS, Node.js, HTML5, CSS3, and more."
author="Sufian Mustafa"
openGraph={{
title: "Sufian Mustafa",
description:
"Explore Sufian Mustafa's proficiency in various technologies and tools. Discover his expertise in web development, including ReactJS, Node.js, HTML5, CSS3, and more.",
type: "webpage",
url: "https://sufianmustafa.com/SufianMustafa",
images: [
{
url: "https://res.cloudinary.com/dtvtphhsc/image/upload/v1694356123/Sufian-Mustafa-Web-Developer_en5jxl.png",
width: 800,
height: 800,
alt: "Product Image",
},
],
}}
/>
</Head>
<Script
id="webpage-ld-json"
type="application/ld+json"
dangerouslySetInnerHTML={sufianmustafa()}
key="root-jsonld"
/>
<Home />
</>
);
};

export default page;
119 changes: 119 additions & 0 deletions app/about/ListABoutMe.js
Original file line number Diff line number Diff line change
Expand Up @@ -21,11 +21,130 @@ import Grid from "@mui/material/Grid";
import AbcIcon from "@mui/icons-material/Abc";
import { Cake, LanguageOutlined, Mail } from "@mui/icons-material";
import { ListItemButton } from "@mui/material";
import { NextSeo } from "next-seo";
import Head from "next/head";
import Script from "next/script";

export default function InteractiveList() {
const [secondary, setSecondary] = useState(false);

function sufianmustafawebdeveloperaboutmelist() {
return {
__html: `
{
"@context": "http://schema.org",
"@type": "ItemList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@type": "PropertyValue",
"name": "Full Name",
"value": "SuFian Mustafa"
}
},
{
"@type": "ListItem",
"position": 2,
"item": {
"@type": "PropertyValue",
"name": "Age",
"value": "27"
}
},
{
"@type": "ListItem",
"position": 3,
"item": {
"@type": "PropertyValue",
"name": "NickName",
"value": "Sufi"
}
},
{
"@type": "ListItem",
"position": 4,
"item": {
"@type": "PropertyValue",
"name": "Date of Birth",
"value": "6 Sep, 1997"
}
},
{
"@type": "ListItem",
"position": 5,
"item": {
"@type": "PropertyValue",
"name": "Date of Birth",
"value": "6 Sep, 1997"
}
},
{
"@type": "ListItem",
"position": 6,
"item": {
"@type": "PropertyValue",
"name": "Date of Birth",
"value": "6 Sep, 1997"
}
},
}
}
`,
};
}

return (
<Box sx={{ flexGrow: 1, overflow: "auto" }}>
<Head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>More About Me - Sufian Mustafa</title>
<meta
name="description"
content="Learn more about Sufian Mustafa, a web developer with a passion for web development and various interests."
/>
<meta name="author" content="Sufian Mustafa" />
<meta property="og:title" content="About Me - Sufian Mustafa" />
<meta
property="og:description"
content="Explore details about Sufian Mustafa, a web developer with a passion for web development and various interests."
/>
<meta
property="og:image"
content="https://res.cloudinary.com/dtvtphhsc/image/upload/v1699977636/About-Me-Sufian-Mustafa_y0kren.png"
/>
<meta property="og:url" content="https://sufianmustafa.com/about" />
<link rel="canonical" href="https://sufianmustafa.com/about" />
<NextSeo
title="About Me - Sufian Mustafa"
description="Learn more about Sufian Mustafa, a web developer with a passion for web development and various interests."
author="Sufian Mustafa"
canonical="https://sufianmustafa.com/about"
openGraph={{
title: "About Me - Sufian Mustafa",
description:
"Explore details about Sufian Mustafa, a web developer with a passion for web development and various interests.",
type: "webpage",
url: "https://sufianmustafa.com/about",
images: [
{
url: "https://res.cloudinary.com/dtvtphhsc/image/upload/v1699977636/About-Me-Sufian-Mustafa_y0kren.png",
width: 800,
height: 800,
alt: "About Me - Sufian Mustafa",
},
],
}}
/>
</Head>
<Script
id="MySkills-webpage-ld-json"
type="application/ld+json"
dangerouslySetInnerHTML={sufianmustafawebdeveloperaboutmelist()}
key="MySkills-jsonld"
/>
<br />
<div className="custom-input-color About3">
<h2>
Expand Down
15 changes: 1 addition & 14 deletions app/about/aboutonly.js
Original file line number Diff line number Diff line change
Expand Up @@ -27,9 +27,6 @@ import Head from "next/head";
import Script from "next/script";
import { NextSeo } from "next-seo";

// import ComponentA from "./responsiveshow";
// import ComponentB from "./slideshowlg";

const About = () => {
const [showAdvantages, setShowAdvantages] = useState(false);

Expand Down Expand Up @@ -88,16 +85,6 @@ const About = () => {
color: "rgba(15, 15, 251, 0.878)",
position: "relative",
};
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
></link>;
<link
href="https://unpkg.com/[email protected]/dist/aos.css"
rel="stylesheet"
></link>;

const Bluetick = {
color: "rgb(255, 0, 242)",
Expand All @@ -113,7 +100,7 @@ const About = () => {
<Head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>About Me - Sufian Mustafa</title>
<title>About Me - Sufian Mustafa - web developer</title>
<meta
name="description"
content="Welcome to the portfolio of SuFiaN MusTaFa, a passionate web developer based in Pakistan. Explore my projects and skills in web development. I have a wide range of experience in web development, with a
Expand Down
9 changes: 6 additions & 3 deletions app/about/page.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import { NextSeo } from "next-seo";
import Aboutcode from "./aboutcode";

export const metadata = {
title: "About Me - Sufian Mustafa",
title: "About Me - Sufian Mustafa - Web Developer",
description:
"Sufian Mustafa is a web developer with a passion for creating user-friendly and visually appealing websites. He is proficient in using front-end technologies such as HTML, CSS, and JavaScript, with a particular focus on ReactJS & NextJS. He is also proficient in using back-end technologies such as Node.js, PHP, and MongoDB",
author: "Sufian Mustafa",
Expand All @@ -14,7 +14,7 @@ export const metadata = {
const page = () => {
function sufianmustafawebdeveloperaboutme() {
return {
__html: ` {
__html: ` {
"@context": "http://schema.org",
"@type": "Person",
"name": "Sufian Mustafa",
Expand All @@ -32,7 +32,10 @@ const page = () => {
"https://res.cloudinary.com/dtvtphhsc/image/upload/v1693672395/sufi5_nrizsx.webp",
"https://res.cloudinary.com/dtvtphhsc/image/upload/v1692819142/Images/sufi3_dnokbh.jpg",
"https://res.cloudinary.com/dtvtphhsc/image/upload/v1693673965/AirBrush_20170128130335_t6dhwx.webp",
"https://res.cloudinary.com/dtvtphhsc/image/upload/v1693672394/sufi6_depmpo.webp"
"https://res.cloudinary.com/dtvtphhsc/image/upload/v1693672394/sufi6_depmpo.webp",
"https://res.cloudinary.com/dtvtphhsc/image/upload/v1693675157/sufi_gt9fke.webp",
"https://res.cloudinary.com/dtvtphhsc/image/upload/v1699977827/Sufian-Mustafa-Web-Developer_lqleg1.png"
"https://res.cloudinary.com/dtvtphhsc/image/upload/v1692819143/Images/sufiselfie_oz7sbx.jpg"
]
}
`,
Expand Down
21 changes: 0 additions & 21 deletions app/about/slideshowmbl.js
Original file line number Diff line number Diff line change
Expand Up @@ -60,27 +60,6 @@ function CarouselFadeExample() {

return (
<>
<>
<style type="text/css">
{`
// .carousel-control-next{
// width: 0%;
// position:relative;
// },
// .carousel-control-prev{
// width: 10px;
// position:relative;
// }
`}
</style>
</>
<div
style={{
width: "99%",
Expand Down
Loading

0 comments on commit 4cd4a37

Please sign in to comment.