fix: contact page copy

MarcoEscaleira · May 3, 2024 · 8589b76 · 8589b76
1 parent 3216fd8
commit 8589b76
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
@@ -16,8 +16,6 @@ export const Footer: FC<IFooterProps> = ({ font }) => {
           <Image src="/logo-white.svg" alt="logo-marco" height={60} width={60} className="text-black" />
         </Link>
 
-        <p className="text-sm text-gray-100 dark:text-gray-300">© Copyright 2023. All Rights Reserved.</p>
-
         <div className="-mx-2 flex">
           <Link
             href="https://www.linkedin.com/in/marco-escaleira00/"

diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
@@ -24,7 +24,7 @@ export const Layout: FC<LayoutProps> = ({ children, font }) => {
         <div className="flex h-screen w-full flex-col bg-gradient-to-r from-blue-600 via-blue-800 to-blue-900 text-gray-100 dark:from-gray-700 dark:via-gray-800 dark:to-gray-900 dark:text-white">
           <Header font={font} />
 
-          <main className={`${font.className} flex-1`}>{children}</main>
+          <main className={`${font.className} flex-1 flex justify-center`}>{children}</main>
 
           <Footer font={font} />
         </div>

diff --git a/src/pages/contact.tsx b/src/pages/contact.tsx
@@ -3,16 +3,18 @@ import Link from "next/link";
 
 export default function Contact() {
   return (
-    <section className="h-full w-full lg:flex">
+    <section className="container h-full w-full lg:flex">
       <div className="flex w-full flex-col justify-center p-8 lg:w-1/2 lg:px-12 xl:px-32">
         <h1 className="text-2xl font-semibold capitalize text-sky-200 dark:text-white lg:text-3xl">contact me.</h1>
 
-        <p className="mt-4 text-sky-100 dark:text-gray-400">Ask me everything and I would love to hear from you</p>
+        <p className="mt-4 text-sky-100 dark:text-gray-400">
+          Feel free to reach out with any questions or thoughts. I&apos;m all ears and eager to connect!
+        </p>
 
-        <div className="mt-6 md:mt-8">
-          <h3 className="font-medium text-gray-100 dark:text-gray-300">Follow me</h3>
+        <div className="mt-6 md:mt-8 flex items-center gap-1">
+          <h3 className="font-medium text-gray-100 dark:text-gray-300">Follow me on</h3>
 
-          <div className="-mx-1.5 mt-4 flex">
+          <div className="flex">
             <Link
               className="mx-1.5 transform text-blue-200 transition-colors duration-300 hover:text-blue-500 dark:hover:text-blue-400"
               href="https://www.linkedin.com/in/marco-escaleira00/"
@@ -31,7 +33,7 @@ export default function Contact() {
               <label className="mb-2 block text-sm text-gray-200">Full Name</label>
               <input
                 type="text"
-                placeholder="Marco Escaleira"
+                placeholder="Your name"
                 className="mt-2 block w-full rounded-md border border-gray-200 bg-gray-100 px-5 py-3 text-gray-700 placeholder-gray-400 focus:border-blue-400 focus:outline-none focus:ring focus:ring-blue-400 focus:ring-opacity-40 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 dark:placeholder-gray-600 dark:focus:border-blue-400"
               />
             </div>
@@ -40,7 +42,7 @@ export default function Contact() {
               <label className="mb-2 block text-sm text-gray-200">Email address</label>
               <input
                 type="email"
-                placeholder="marco@gmail.com"
+                placeholder="name@gmail.com"
                 className="mt-2 block w-full rounded-md border border-gray-200 bg-gray-100 px-5 py-3 text-gray-700 placeholder-gray-400 focus:border-blue-400 focus:outline-none focus:ring focus:ring-blue-400 focus:ring-opacity-40 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 dark:placeholder-gray-600 dark:focus:border-blue-400"
               />
             </div>