Making some slight changes to landing page to be more clear/provide more of my information for companies
This commit is contained in:
Frank
@@ -2,23 +2,31 @@ import { Html, Head, Main, NextScript } from "next/document";
|
||||
|
||||
export default function Document() {
|
||||
return (
|
||||
<Html
|
||||
lang="en"
|
||||
className="dark"
|
||||
>
|
||||
<Html lang="en" className="dark">
|
||||
<Head>
|
||||
<link
|
||||
rel="preconnect"
|
||||
href="https://fonts.googleapis.com"
|
||||
/>
|
||||
<link
|
||||
rel="preconnect"
|
||||
href="https://fonts.gstatic.com"
|
||||
/>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&family=Ubuntu:wght@400;700&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="/apple-touch-icon.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="/favicon-32x32.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="16x16"
|
||||
href="/favicon-16x16.png"
|
||||
/>
|
||||
</Head>
|
||||
<body>
|
||||
<Main />
|
||||
|
||||
@@ -24,11 +24,8 @@ export default function Freelance(): JSX.Element {
|
||||
<h1 className="text-center text-4xl font-bold text-foreground mb-4">
|
||||
Let's Build Your Website!
|
||||
</h1>
|
||||
<Button asChild>
|
||||
<Link
|
||||
href="https://forms.gle/xuwgKSHqhPWrt2Zo8"
|
||||
target="_blank"
|
||||
>
|
||||
<Button className="font-bold" asChild>
|
||||
<Link href="https://forms.gle/xuwgKSHqhPWrt2Zo8" target="_blank">
|
||||
Onboarding Form
|
||||
</Link>
|
||||
</Button>
|
||||
@@ -130,14 +127,8 @@ export default function Freelance(): JSX.Element {
|
||||
<h1 className="text-center text-4xl font-bold text-foreground mb-2">
|
||||
Let's Build Your Website!
|
||||
</h1>
|
||||
<Button
|
||||
asChild
|
||||
className="mt-2"
|
||||
>
|
||||
<Link
|
||||
href="https://forms.gle/xuwgKSHqhPWrt2Zo8"
|
||||
target="_blank"
|
||||
>
|
||||
<Button asChild className="font-bold mt-2">
|
||||
<Link href="https://forms.gle/xuwgKSHqhPWrt2Zo8" target="_blank">
|
||||
Onboarding Form
|
||||
</Link>
|
||||
</Button>
|
||||
|
||||
@@ -6,6 +6,10 @@ import Link from "next/link";
|
||||
import Internal from "@/components/common/Internal";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import Model from "@/components/common/Model";
|
||||
import { useState } from "react";
|
||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||
import { faGithub, faLinkedin } from "@fortawesome/free-brands-svg-icons";
|
||||
import { faFile, faFileArrowDown } from "@fortawesome/free-solid-svg-icons";
|
||||
|
||||
export default function Home(): JSX.Element {
|
||||
return (
|
||||
@@ -17,23 +21,68 @@ export default function Home(): JSX.Element {
|
||||
<br />
|
||||
and Web Designer
|
||||
</h1>
|
||||
<p className="md:w-1/2 opacity-60 text-white my-2">
|
||||
Need a custom website? Let's talk!
|
||||
<p className="md:w-1/2 text-white my-2">
|
||||
Looking to hire a developer, or to get a custom website made?
|
||||
</p>
|
||||
<Button asChild>
|
||||
<Link href="/freelance">Hiring a freelancer?</Link>
|
||||
<Button asChild className="font-bold mr-4 mb-4 min-[384px]:mb-0">
|
||||
<Link
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
href="https://bold.pro/my/frank-delaguila?vsid=18199fb7-7d38-44da-92bf-b6f2b37c5fd5"
|
||||
>
|
||||
Online Resume
|
||||
</Link>
|
||||
</Button>
|
||||
<Button variant={"secondary"} asChild className="font-bold">
|
||||
<Link href="/freelance">I need a website made!</Link>
|
||||
</Button>
|
||||
<div className="flex align-center">
|
||||
<Link
|
||||
href="https://github.com/franky212"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<FontAwesomeIcon
|
||||
aria-label="My Github Profile"
|
||||
title="My Github Profile"
|
||||
className="cusor-pointer p-4 hover:text-primary transition-colors"
|
||||
icon={faGithub}
|
||||
size="2xl"
|
||||
/>
|
||||
</Link>
|
||||
<Link
|
||||
href="https://www.linkedin.com/in/frank-delaguila/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<FontAwesomeIcon
|
||||
aria-label="My LinkedIn Profile"
|
||||
title="My LinkedIn Profile"
|
||||
className="cusor-pointer p-4 hover:text-primary transition-colors"
|
||||
icon={faLinkedin}
|
||||
size="2xl"
|
||||
/>
|
||||
</Link>
|
||||
<a
|
||||
href="./Frank_Delaguila_Resume.pdf"
|
||||
download="frankdelaguila.pdf"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<FontAwesomeIcon
|
||||
aria-label="Download my resume!"
|
||||
title="Frank Delaguilas Resume"
|
||||
className="cusor-pointer p-4 hover:text-primary transition-colors"
|
||||
icon={faFileArrowDown}
|
||||
size="2xl"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col justify-center items-center absolute top-0 left-0 w-full h-screen bg-black">
|
||||
<Canvas
|
||||
shadows
|
||||
camera={{ position: [4, 2, 2] }}
|
||||
>
|
||||
<Canvas shadows camera={{ position: [4, 2, 2] }}>
|
||||
<ambientLight intensity={0.1} />
|
||||
<directionalLight
|
||||
color="white"
|
||||
position={[0, 5, 5]}
|
||||
/>
|
||||
<directionalLight color="white" position={[0, 5, 5]} />
|
||||
<Model />
|
||||
</Canvas>
|
||||
</div>
|
||||
|
||||
@@ -70,15 +70,9 @@ export default function Portfolio({ projects }: any): JSX.Element {
|
||||
<div className="container mb-12">
|
||||
{/*
|
||||
// @ts-ignore */}
|
||||
<Slider
|
||||
{...sliderSettings}
|
||||
ref={customSlider}
|
||||
>
|
||||
<Slider {...sliderSettings} ref={customSlider}>
|
||||
{projects.map(({ id, acm_fields }: any) => (
|
||||
<div
|
||||
className="md:px-2 outline-none"
|
||||
key={id}
|
||||
>
|
||||
<div className="md:px-2 outline-none" key={id}>
|
||||
<img
|
||||
alt={acm_fields?.featured_media?.alt_text}
|
||||
data-projectid={id}
|
||||
@@ -92,14 +86,8 @@ export default function Portfolio({ projects }: any): JSX.Element {
|
||||
{!isLoading && project.acm_fields ? (
|
||||
<>
|
||||
<div className="text-center mb-6">
|
||||
<Button
|
||||
className=""
|
||||
asChild
|
||||
>
|
||||
<Link
|
||||
href={project?.acm_fields?.projectLink}
|
||||
target="_blank"
|
||||
>
|
||||
<Button className="font-bold" asChild>
|
||||
<Link href={project?.acm_fields?.projectLink} target="_blank">
|
||||
View Project
|
||||
</Link>
|
||||
</Button>
|
||||
@@ -135,11 +123,7 @@ export default function Portfolio({ projects }: any): JSX.Element {
|
||||
</>
|
||||
) : (
|
||||
<div className="text-center">
|
||||
<FontAwesomeIcon
|
||||
spin
|
||||
size="2xl"
|
||||
icon={faSpinner}
|
||||
/>
|
||||
<FontAwesomeIcon spin size="2xl" icon={faSpinner} />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user