Dev 1.1

src/components/Aboutpage/index.tsx

@@ -3,7 +3,8 @@ import clsx from "clsx";
 import Heading from "@theme/Heading";
 import styles from "./styles.module.css";
 
-const aboutImg = "/img/svg/about_me.svg";
+const aboutImg = "/img/svg/feeling_proud.svg";
+// const aboutImg = "/img/svg/environmental_study.svg";
 
 export default function AboutUsSection() {
   return (
@@ -13,13 +14,13 @@ export default function AboutUsSection() {
           <div className="col col--6">
             <Heading as={"h1"}>About Us</Heading>
             <p className={styles.aboutUsDescription}>
-              Welcome to Code Harbor Hub, your go-to destination for quality tech education. At Code Harbor Hub, we are passionate about empowering individuals with the knowledge and skills needed to thrive in the ever-evolving world of technology.
+              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis enim doloremque rem dolorum recusandae asperiores sequi veritatis, fugiat neque cum molestias minus harum dolores est quas alias? Sequi, fugiat eum?
             </p>
             <p className={styles.aboutUsDescription}>
-              Our mission is to provide accessible and comprehensive educational resources to learners of all levels, from beginners to advanced professionals. Whether you're looking to kickstart your career in web development, master a new programming language, or stay updated on the latest tech trends, we've got you covered.
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione esse numquam praesentium sequi reprehenderit magnam tempore, dolores quidem ipsum ea consectetur amet sunt labore a quas neque rem laborum consequuntur!
             </p>
             <p className={styles.aboutUsDescription}>
-              With a team of experienced instructors and industry experts, we offer a diverse range of courses and learning paths tailored to meet your specific goals and interests. Join our community today and embark on your journey towards success in the tech industry!
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione esse numquam praesentium sequi reprehenderit magnam tempore, dolores quidem ipsum ea consectetur amet sunt labore a quas neque rem laborum consequuntur!
             </p>
           </div>
           <div className={clsx("col", "col--6", styles.aboutUsImage)}>

src/pages/index.tsx

@@ -1,77 +1,12 @@
-import clsx from "clsx";
 import React from "react";
-// import Link from "@docusaurus/Link";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-// import LiteYouTubeEmbed from "react-lite-youtube-embed";
-// import GiscusComponent from "@site/src/components/GiscusComponent";
-import Heading from "@theme/Heading";
 import Layout from "@theme/Layout";
 import Link from "@docusaurus/Link";
 import Head from "@docusaurus/Head";
-import Image from "@theme/IdealImage";
-import Tweet from "@site/src/components/Tweet";
-import Tweets, { TweetItem } from "@site/src/data/tweets";
-import Quotes from "@site/src/data/quotes";
 import styles from "./index.module.css";
 import Chatbot from "@site/src/components/Chatbot";
-import { text } from "express";
-// import AdComponent from "@site/src/components/AdComponent";
+import AdComponent from "@site/src/components/AdComponent";
 
-function TweetsSection() {
-  const tweetColumns: TweetItem[][] = [[], [], []];
-  Tweets.filter((tweet) => tweet.showOnHomepage).forEach((tweet, i) =>
-    tweetColumns[i % 3]!.push(tweet)
-  );
-
-  return (
-    <div className={clsx(styles.section, styles.sectionAlt)}>
-      <div className="container">
-        <Heading as="h2" className={clsx("margin-bottom--lg", "text--center")}>
-          Loved by many engineers
-        </Heading>
-        <div className={clsx("row", styles.tweetsSection)}>
-          {tweetColumns.map((tweetItems, i) => (
-            <div className="col col--4" key={i}>
-              {tweetItems.map((tweet) => (
-                <Tweet {...tweet} key={tweet.url} />
-              ))}
-            </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function QuotesSection() {
-  return (
-    <div className={clsx(styles.section)}>
-      <div className="container">
-        <div className="row">
-          {Quotes.map((quote) => (
-            <div className="col" key={quote.name}>
-              <div className="avatar avatar--vertical margin-bottom--sm">
-                <Image
-                  alt={quote.name}
-                  className="avatar__photo avatar__photo--xl"
-                  img={quote.thumbnail}
-                  style={{ overflow: "hidden" }}
-                />
-                <div className="avatar__intro padding-top--sm">
-                  <div className="avatar__name">{quote.name}</div>
-                  <small className="avatar__subtitle">{quote.title}</small>
-                </div>
-              </div>
-              <p className="text--italic padding-horiz--md">
-                {quote.text}
-              </p>
-            </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}
 
 export default function Home() {
   const { siteConfig } = useDocusaurusContext();
@@ -152,13 +87,7 @@ export default function Home() {
             </div>
           </div>
         </div>
-        <TweetsSection />
-        <div style={{ margin: "10px 0" }}>
-          <Heading as="h3" style={{textAlign: "center"}}>
-            Quotes
-          </Heading>
-          <QuotesSection />
-        </div>
+        <AdComponent />       
         <Chatbot />
       </main>
     </Layout>