all is done

ajay-dhangar · Oct 24, 2024 · b619a3c · b619a3c
1 parent 70f10f5
commit b619a3c
Show file tree

Hide file tree

Showing 28 changed files with 908 additions and 214 deletions.
diff --git a/blog/2019-05-28-first-blog-post.md b/blog/2019-05-28-first-blog-post.md
diff --git a/blog/2019-05-29-long-blog-post.md b/blog/2019-05-29-long-blog-post.md
diff --git a/blog/2021-08-01-mdx-blog-post.mdx b/blog/2021-08-01-mdx-blog-post.mdx
diff --git a/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg b/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg
diff --git a/blog/2021-08-26-welcome/index.md b/blog/2021-08-26-welcome/index.md
diff --git a/blog/authors.yml b/blog/authors.yml
diff --git a/blog/tags.yml b/blog/tags.yml
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -9,7 +9,7 @@ const config: Config = {
   favicon: "img/favicon.ico",
 
   // Set the production url of your site here
-  url: "https://your-docusaurus-site.example.com",
+  url: "https://ai-buddies.github.io/",
   // Set the /<baseUrl>/ pathname under which your site is served
   // For GitHub pages deployment, it is often '/<projectName>/'
   baseUrl: "/",
@@ -39,22 +39,7 @@ const config: Config = {
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
           editUrl:
-            "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
-        },
-        blog: {
-          showReadingTime: true,
-          feedOptions: {
-            type: ["rss", "atom"],
-            xslt: true,
-          },
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
-          editUrl:
-            "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
-          // Useful options to enforce blogging best practices
-          onInlineTags: "warn",
-          onInlineAuthors: "warn",
-          onUntruncatedBlogPosts: "warn",
+            "https://github.com/ai-buddies/ai-buddies.github.io/tree/main/packages/create-docusaurus/templates/shared/",
         },
         theme: {
           customCss: "./src/css/custom.css",
@@ -93,9 +78,8 @@ const config: Config = {
           position: "left",
           label: "Tutorial",
         },
-        { to: "/blog", label: "Blog", position: "left" },
         {
-          href: "https://github.com/facebook/docusaurus",
+          href: "https://github.com/ai-buddies/ai-buddies.github.io",
           label: "GitHub",
           position: "right",
         },
@@ -133,13 +117,9 @@ const config: Config = {
         {
           title: "More",
           items: [
-            {
-              label: "Blog",
-              to: "/blog",
-            },
             {
               label: "GitHub",
-              href: "https://github.com/facebook/docusaurus",
+              href: "https://github.com/ai-buddies/ai-buddies.github.io",
             },
           ],
         },

diff --git a/src/components/Homepage/FeaturedProjects.tsx b/src/components/Homepage/FeaturedProjects.tsx
@@ -1,25 +1,55 @@
-const FeaturedProjects = () => {
-    const projects = [
-      { title: "AI Chatbot", description: "A chatbot that understands natural language.", link: "#" },
-      { title: "Image Classifier", description: "Classify images using a deep learning model.", link: "#" },
-      { title: "Sentiment Analysis Tool", description: "Analyze sentiments from user reviews.", link: "#" },
-    ];
-
-    return (
-      <section className="bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 p-10">
-        <h2 className="text-3xl font-bold mb-4">Featured Projects</h2>
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+import React from 'react';
+
+interface Project {
+  title: string;
+  description: string;
+  imageUrl: string;
+  projectLink: string;
+}
+
+const projects: Project[] = [
+  {
+    title: "AI-Powered Chatbot",
+    description: "An intelligent chatbot that uses NLP to engage in human-like conversations.",
+    imageUrl: "/images/chatbot.jpg", // Replace with your actual image paths
+    projectLink: "#"
+  },
+  {
+    title: "Image Recognition App",
+    description: "A deep learning model for real-time image classification and object detection.",
+    imageUrl: "/images/image-recognition.jpg",
+    projectLink: "#"
+  },
+  {
+    title: "Voice Assistant",
+    description: "A voice-controlled AI assistant that integrates with smart devices.",
+    imageUrl: "/images/voice-assistant.jpg",
+    projectLink: "#"
+  }
+];
+
+const FeaturedProjects: React.FC = () => {
+  return (
+    <section className="py-20 bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-gray-100">
+      <div className="container mx-auto px-6">
+        <h2 className="text-3xl md:text-4xl font-bold text-center mb-12">Featured Projects</h2>
+        <div className="grid gap-8 lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1">
           {projects.map((project, index) => (
-            <div key={index} className="bg-gray-100 dark:bg-gray-700 p-6 rounded-lg shadow-lg">
-              <h3 className="text-xl font-semibold mb-2">{project.title}</h3>
-              <p className="mb-4">{project.description}</p>
-              <a href={project.link} className="text-blue-500 hover:underline">View Project</a>
+            <div key={index} className="bg-white dark:bg-gray-800 rounded-lg shadow-lg overflow-hidden transform hover:scale-105 transition-transform duration-300">
+              <img src={project.imageUrl} alt={project.title} className="w-full h-48 object-cover"/>
+              <div className="p-6">
+                <h3 className="text-2xl font-semibold mb-2">{project.title}</h3>
+                <p className="text-gray-600 dark:text-gray-300 mb-4">{project.description}</p>
+                <a href={project.projectLink} className="inline-block px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition duration-300">
+                  View Project
+                </a>
+              </div>
             </div>
           ))}
         </div>
-      </section>
-    );
-  };
-  
-  export default FeaturedProjects;
-  
+      </div>
+    </section>
+  );
+};
+
+export default FeaturedProjects;
diff --git a/src/components/Homepage/Hero.tsx b/src/components/Homepage/Hero.tsx
@@ -27,39 +27,39 @@ const Hero: React.FC<HeroProps> = ({
   secondaryCtaLink,
 }) => {
   return (
-    <section className="relative py-16 md:py-32 lg:py-48s hero-bg text-white dark:text-gray-200">
+    <section className="relative py-8 md:py-16 lg:py-32 noise-bg">
       <div className="container mx-auto max-w-[64rem] text-center space-y-6">
         <Link
           href={capsuleLink}
-          className="inline-block bg-gray-800 bg-opacity-60 text-white rounded-full px-4 py-1.5 text-sm font-medium hover:bg-opacity-80 transition duration-300"
+          className="inline-block px-4 py-1.5 text-xs font-semibold tracking-wider uppercase bg-gray-300 rounded-full animate-fade-in bg-opacity-60 hover:bg-opacity-80 transition duration-300 text-gray-800 dark:text-gray-100"
           target="_blank"
         >
           {capsuleText}
         </Link>
-        <h1 className="font-heading text-3xl sm:text-4xl lg:text-6xl font-extrabold leading-tight tracking-wide animate-fade-in">
+        <h1 className="font-heading text-3xl sm:text-4xl lg:text-6xl leading-tight tracking-wide animate-fade-in">
           {title}
         </h1>
-        <p className="max-w-2xl mx-auto text-base sm:text-xl md:text-2xl leading-relaxed text-gray-100 animate-fade-in delay-150">
+        <p className="max-w-2xl mx-auto text-base sm:text-xl md:text-2xl leading-relaxed animate-fade-in delay-150">
           {subtitle}
         </p>
         <div className="flex gap-4 flex-wrap justify-center animate-fade-in delay-300">
           <Link
             href={primaryCtaLink}
-            className={cn(buttonVariants({ size: "lg" }), "bg-white text-gray-800 hover:bg-gray-100")}
+            className={cn(buttonVariants({ size: "lg" }), "bg-gray-300 text-gray-800 hover:bg-gray-800 hover:text-white")}
           >
             {primaryCtaText}
           </Link>
           <Link
             href={secondaryCtaLink}
             target="_blank"
             rel="noreferrer"
-            className={cn(buttonVariants({ variant: "outline", size: "lg" }), "border-white text-white hover:bg-white hover:text-gray-800")}
+            className={cn(buttonVariants({ variant: "outline", size: "lg" }), "bg-gray-300 text-gray-800 hover:bg-gray-800 hover:text-white")}
           >
             {secondaryCtaText}
           </Link>
         </div>
         {credits && (
-          <p className="mt-4 text-gray-800">
+          <p className="mt-4 animate-fade-in delay-450">
             {credits}
           </p>
         )}

diff --git a/src/components/Homepage/index.tsx b/src/components/Homepage/index.tsx
@@ -1,31 +1,33 @@
 import React from "react";
 import Hero from "./Hero";
 import About from "./About";
+import FeaturedProjects from "./FeaturedProjects";
 import PopularCourses from "./PopularCourses";
+import Link from "@docusaurus/Link";
 
 const Homepage: React.FC = () => {
   return (
     <div>
       <Hero
         capsuleText="100% Open-source & Free"
         capsuleLink="#"
-        title="AIBuddies - Your AI Learning Companion"
+        title="Your AI Learning Companion"
         subtitle="Learn AI through hands-on projects, interactive learning paths, and community-driven content."
         primaryCtaText="Get Started"
-        primaryCtaLink="#" // /docs/
+        primaryCtaLink="/docs/"
         secondaryCtaText="GitHub"
         secondaryCtaLink="https://github.com/ai-buddies/ai-buddies.github.io"
         credits={
           <>
             Designed & Developed with ❤️ by{" "}
-            <a
-              href="https://github.com/ajay-dhangar"
+            <Link
+              to="https://github.com/ajay-dhangar"
               target="_blank"
               rel="noreferrer"
-              className="text-white hover:text-[#FFD700] transition duration-300"
+              className="text-blue-600 hover:underline"
             >
               Ajay Dhangar
-            </a>
+            </Link>
           </>
         }
       />
@@ -36,6 +38,7 @@ const Homepage: React.FC = () => {
         ctaText="Learn More"
         ctaLink="#" // /about/
       />
+      <FeaturedProjects />
       <PopularCourses />
     </div>
   );