-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
sumitm001
committed
Aug 25, 2024
1 parent
01d1646
commit d3cf3fb
Showing
24 changed files
with
274 additions
and
126 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| import Link from "next/link" | ||
| import { lato } from "@/lib/fonts" | ||
| type TMenuLink = { | ||
| href: string | ||
| value: string | ||
| postText?: string | ||
| } | ||
|
|
||
| const MenuLink = ( {href, value, postText}: TMenuLink ) => { | ||
| return ( | ||
| <Link className={`${lato.className} text-[1.1rem] hover:text-tealBright hover:pb-1 text-black relative text-center after:absolute after:left-[10%] after:top-[100%] hover:after:h-[2px] after:h-0 after:w-[80%] after:bg-black`} href={ href }> | ||
| <span> {value} {postText && <b className="text-tealBright px-1">{postText}</b>} </span> | ||
| </Link> | ||
| ) | ||
| } | ||
|
|
||
| export default MenuLink |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import { canela } from "@/lib/fonts"; | ||
|
|
||
| type HeroHeaderProps = { | ||
| text: string; | ||
| postText?: string | null; | ||
| }; | ||
|
|
||
| const HeroHeader: React.FC<HeroHeaderProps> = ({ text, postText = null }) => { | ||
| return ( | ||
| <header | ||
| className={`${canela.className} text-left sm:px-4 md:px-8 lg:px-14 text-grey leading-tight lg:text-7xl md:text-6xl text-5xl w-[100%] mx-auto py-6 md:py-6 lg:py-8`} | ||
| > | ||
| {text} {postText && <b className="text-tealBright">{postText}</b>} | ||
| </header> | ||
| ); | ||
| }; | ||
|
|
||
| export default HeroHeader; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| import React from "react" | ||
| import Header from "@/components/header" | ||
| import Footer from "@/components/footer" | ||
| import HeroHeader from "@/components/@ui/page/hero/header" | ||
|
|
||
| type TMetaData = { | ||
| children: React.ReactNode | ||
| heroHeaderText: string | ||
| postText?: string | ||
| } | ||
|
|
||
| const Article = ( { children, heroHeaderText, postText }: TMetaData ) => { | ||
| return ( | ||
| <> | ||
| <Header /> | ||
| <div className="min-w-full px-2 text-center"> | ||
| <article className={'prose-lg lg:text-xl text-[16px] max-w-5xl mx-auto px-4'}> | ||
| <HeroHeader text={ heroHeaderText } postText={postText}/> | ||
| {/* Here goes rest of content */} | ||
| <div className="text-left px-2 sm:px-4 md:px-8 lg:px-14 pt:10 md:pt-12 lg:pt-16"> | ||
| { children } | ||
| </div> | ||
| </article> | ||
|
|
||
| <Footer /> | ||
| </div> | ||
| </> | ||
| ) | ||
| } | ||
|
|
||
| export default Article |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,38 +1,26 @@ | ||
| import React from "react" | ||
| import { Metadata } from "next" | ||
| import { amstelvar400, amstelvar } from "../lib/fonts" | ||
| import Header from "@/components/header" | ||
| import Footer from "@/components/footer" | ||
| import { canela_th } from "../lib/fonts" | ||
| import Article from "@/components/article" | ||
|
|
||
| export const metadata: Metadata = { | ||
| title: 'Sumit So | Contact' | ||
| title: 'Contact' | ||
| } | ||
|
|
||
| const Page = () => { | ||
| return ( | ||
| <div className="min-w-full px-2 text-center"> | ||
| <Header /> | ||
|
|
||
| {/* header */} | ||
| <header className={`${amstelvar400.className} leading-4 lg:text-7xl md:text-6xl text-5xl w-[100%] px-6 sm:px-16 md:px-32 lg:px-40 mx-auto bg-white py-16`}> | ||
| Contact | ||
| </header> | ||
|
|
||
| {/* article */} | ||
| <article className={'prose-lg lg:text-xl text-[16px] max-w-5xl mx-auto'}> | ||
| <div className={'text-left py-1 pt-16'}> | ||
| <div className={`text-left ${amstelvar.className}`}> | ||
| <p> | ||
| The best way to reach me is through email, as I always keep a browser tab open dedicated to my email workspace at <strong className="font-bold">[email protected]</strong>. If that doesn't work for you, feel free to send me a direct message on either <a className={'underline'} target="_blank" href="https://www.linkedin.com/in/sumit-so-1415881a1">LinkedIn</a> or <a className={'underline'} target="_blank" href="https://instagram.com/_qumit">Instagram</a>. | ||
| </p> | ||
| <p> | ||
| If I had an OnlyFans account, I would definitely consider giving out free access as a unique way to connect. Alas, that's not a venture I've explored, so we'll have to stick to more traditional means of communication for now. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </article> | ||
| <Footer /> | ||
| </div> | ||
| <> | ||
| <Article heroHeaderText="Contact"> | ||
| <div className={`${canela_th.className} text-black`}> | ||
| <p> | ||
| The best way to reach me is through email, as I always keep a browser tab open dedicated to my email workspace at <strong className="font-bold">[email protected]</strong>. If that doesn't work for you, feel free to send me a direct message on either <a className={'underline'} target="_blank" href="https://www.linkedin.com/in/sumit-so-1415881a1">LinkedIn</a> or <a className={'underline'} target="_blank" href="https://instagram.com/_qumit">Instagram</a>. | ||
| </p> | ||
| <p> | ||
| If I had an OnlyFans account, I would definitely consider giving out free access as a unique way to connect. Alas, that's not a venture I've explored, so we'll have to stick to more traditional means of communication for now. | ||
| </p> | ||
| </div> | ||
| </Article> | ||
| </> | ||
| ) | ||
| } | ||
|
|
||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| import Article from "@/components/article" | ||
| import { Metadata } from "next" | ||
| import { canela_sub, canela_th } from "@/lib/fonts" | ||
|
|
||
|
|
||
| export const metadata: Metadata = { | ||
| title: 'Explora +' | ||
| } | ||
|
|
||
| const Page = () => { | ||
| return ( | ||
| <> | ||
| <Article heroHeaderText="Explora"> | ||
| <p className={`${canela_sub.className} text-4xl leading-[1] mt-0 text-grey`}> | ||
| Honest takes on tech I’m still figuring out, one step at a time. | ||
| </p> | ||
| <p className={`${canela_th.className} text-grey py-0`}> | ||
| This page is a reflection of the time and effort I’ve invested in understanding tech more deeply. I’ve poured countless hours into learning these topics, and I’m committed to preserving and sharing that knowledge. Here, you’ll find insights on the areas I’ve dedicated myself to mastering. | ||
| </p> | ||
| </Article> | ||
| </> | ||
| ) | ||
| } | ||
|
|
||
| export default Page |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Oops, something went wrong.