Skip to content

Commit

Permalink
add about page, add vscode workspace for prettier disparity (#22)
Browse files Browse the repository at this point in the history 
* add about page

* remove package-lock.json and vscode settings

---------

Co-authored-by: ot-of-fincra <[email protected]>
  • Loading branch information
@OlushesiToheeb @ot-of-fincra
OlushesiToheeb and ot-of-fincra authored Oct 16, 2023
1 parent fbebf5c commit 897d53f
Show file tree
Hide file tree
Showing 2 changed files with 137 additions and 35 deletions.
79 changes: 44 additions & 35 deletions client/src/App.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,49 +3,58 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
import lazyLoading from "./components/lazyLoading";
import Navbar from "./components/Navbar";
import Footer from "./components/Footer";
import About from "./pages/About";

const Home = lazyLoading(() => import("./pages/Home"));
const NotFound = lazyLoading(() => import("./pages/NotFound"));
const Create = lazyLoading(() => import("./pages/Create"));

// Layout component for rendering routes with navbar and footer
const Layout = ({ children }) => (
<div>
<Navbar />
{children}
<Footer />
</div>
<div>
<Navbar />
{children}
<Footer />
</div>
);

export default function App() {
return (
<BrowserRouter>
<Routes>
<Route
element={
<Layout>
<Home />
</Layout>
}
path="/"
/>
<Route
element={
<Layout>
<Create />
</Layout>
}
path="/create"
/>
<Route
element={
<Layout>
<NotFound />
</Layout>
}
path="/*"
/>
</Routes>
</BrowserRouter>
);
return (
<BrowserRouter>
<Routes>
<Route
element={
<Layout>
<Home />
</Layout>
}
path="/"
/>
<Route
element={
<Layout>
<Create />
</Layout>
}
path="/create"
/>
<Route
element={
<Layout>
<About />
</Layout>
}
path="/about"
/>
<Route
element={
<Layout>
<NotFound />
</Layout>
}
path="/*"
/>
</Routes>
</BrowserRouter>
);
}
93 changes: 93 additions & 0 deletions client/src/pages/About.jsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
import React from "react";
import { Helmet } from "react-helmet";
import { Link } from "react-router-dom";
import Hero from "../assets/hero.webp";

const About = () => {
return (
<main className="bg-[#9fcaff] px-4 sm:px-8 md:px-16 lg:px-24 xl:px-32 py-10">
<Helmet>
<title>CoverWriteAI - About</title>
</Helmet>
<div>
<div className="flex flex-col md:flex-row mb-10">
<div className="w-full md:w-1/2 md:mt-16 lg:pr-20">
<h2 className="font-bold text-2xl md:text-4xl text-[#004fb6]">
<span className="md:block">
Empower Your Applications
</span>
<span className="md:block">With Advanced </span>
<span className="md:block">
AI-Powered Cover Letters
</span>
</h2>

<p className="text-[#3a4688] font-semibold mt-8 text-lg">
At CoverWriteAI, we believe that the first
impression is everything, especially when it comes
to job applications. Our state-of-the-art AI
analyzes job postings and crafts compelling cover
letters that portray you as the ideal candidate.
</p>
</div>
<img
src={Hero}
alt="Hero for homepage"
className="w-full md:w-1/2 hidden md:block"
/>
</div>

<div className="mt-14 ">
<div className=" w-full md:w-3/4 mx-auto">
<div className="text-center">
<h2 className="text-2xl md:text-4xl text-[#004fb6] font-medium">
How to Use CoverWriteAI
</h2>

<p className="text-[#3a4688] font-semibold mt-8 text-lg">
Join countless professionals who have elevated
their job applications with CoverWriteAI. Take
the next step in your career journey
effortlessly and effectively.
</p>
</div>

<div className="flex gap-y-8 md:gap-x-11 items-center mt-12 flex-wrap flex-col md:flex-row justify-center">
<div className="bg-white rounded-lg border p-6 w-52 md:h-[25vh]">
<p className="text-[#004fb6] font-medium text-sm mb-2">
Copy &amp; Paste
</p>
<span className="text-[#3a4688] text-xs">
Begin by copying the text from the job
posting you're interested in.
</span>
</div>
<div className="bg-white rounded-lg border p-6 w-52 md:h-[25vh]">
<p className="text-[#004fb6] font-medium text-sm mb-2">
Input into CoverWriteAI
</p>
<span className="text-[#3a4688] text-xs">
Navigate to our 'Try It' page and paste the
text into the designated area.
</span>
</div>
<div className="bg-white rounded-lg border p-6 w-52 md:h-[25vh]">
<p className="text-[#004fb6] font-medium text-sm mb-2">
Instant Creation
</p>
<span className="text-[#3a4688] text-xs">
Hit 'Submit' and let our AI work its magic.
Within moments, you'll receive a
professionally crafted cover letter ready
for submission.
</span>
</div>
</div>
</div>
</div>
</div>
</main>
);
};

export default About;

1 comment on commit 897d53f

@vercel
Copy link

@vercel vercel bot commented on 897d53f Oct 16, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

coverwrite-ai – ./

coverwrite.vercel.app
coverwrite-ai-git-main-judge-paul.vercel.app
coverwrite-ai-judge-paul.vercel.app

Please sign in to comment.