Merge pull request #1 from AbandonTech/chore/refactor-home-page

Chore/refactor home page
AbandonTech · May 16, 2023 · 30fa9d7 · 30fa9d7
2 parents e12917e + 6ad7888
commit 30fa9d7
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 12 deletions.
diff --git a/src/components/aboutCards.tsx b/src/components/aboutCards.tsx
@@ -9,21 +9,26 @@ const hostingDesc = <ul className="list-disc pl-6">
 const webDev = <ul className="list-disc pl-6">
  <li>Design</li>
  <li>Website Mangement</li>
- <li>Deployment</li>
+ <li>API Integrations</li>
  </ul>
 
 const anything = <ul className="list-disc pl-6">
  <li>Social Media Management</li>
  <li>Custom PC/Server Builds</li>
- <li>Don&apos;t see what you need? <a className="underline hover:cursor-pointer" href="#contactUs">Ask</a></li>
+ <li>3D Printing</li>
  </ul>
 
 export default function AboutCards() {
  return (
- <div className="flex flex-row items-center justify-center space-x-24 mt-12">
- <Card title="Hosting" description={hostingDesc} />
- <Card title="Web Dev" description={webDev} />
- <Card title="Anything Else" description={anything} />
+ <div className="flex flex-col items-center justify-center mt-12">
+ <div className="flex flex-col md:flex-row md:space-x-24">
+ <Card title="Hosting" description={hostingDesc} />
+ <Card title="Web Dev" description={webDev} />
+ <Card title="Anything Else" description={anything} />
+ </div>
+ <div className="text-4xl mt-12">
+ <p>Don&apos;t see what you need? <a className="underline hover:cursor-pointer" href="#contactUs">Ask us</a></p>
+ </div>
  </div>
  )
 }
diff --git a/src/components/banner.tsx b/src/components/banner.tsx
@@ -2,11 +2,11 @@ export default function Banner() {
  return (
  <div className="w-full h-[50vh] bg-black">
  <div className="flex flex-row h-full items-center justify-center">
- <div className="text-white mr-10">
- <h1>Logo</h1>
+ <div className="text-white pr-10">
+ <h1 className="select-none text-8xl md:text-9xl">@</h1>
  </div>
  <div className="h-full border-solid border-white border-8 p-2"></div>
- <div className="text-white text-7xl ml-10">
+ <div className="text-white text-5xl md:text-7xl ml-10">
  <h1>Abandon</h1>
  <h1>Tech</h1>
  </div>

diff --git a/src/pages/home.tsx b/src/pages/home.tsx
@@ -1,14 +1,12 @@
 import AboutCards from "@/components/aboutCards";
 import Banner from "@/components/banner";
 import Navbar from "@/components/navbar";
-import SplitDisplay from "@/components/splitDisplay";
 export default function Home() {
  return (
  <>
  <Navbar />
  <Banner />
  <AboutCards />
- <SplitDisplay />
  </>
  )
 }
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -1,3 +1,3 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;