feat(projects): add bearstudio projects

src/app/page.tsx

@@ -1,36 +1,20 @@
 "use client";
 
-import { ChevronRight } from "lucide-react";
-import Link from "next/link";
 import * as React from "react";
 
-import { buttonVariants } from "@/components/ui/button";
+import Footer from "@/features/footer/footer";
+import Header from "@/features/header/Header";
+import Partners from "@/features/partners/Partners";
+import Projects from "@/features/projects/Projects";
 
 export default function HomePage() {
   return (
     <>
-      <main className="bg-white px-6 py-24 sm:py-32 lg:px-8">
-        <section className="mx-auto max-w-2xl text-center font-sans">
-          <h2 className="mt-2  text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">
-            bearforge
-          </h2>
-          <p className="mt-6 text-lg leading-8 text-gray-600">
-            Pour commencer, consultez le start-repo de Bearstudio. Choisissez
-            les filtres "Website", "SEO" et "Landing Page", puis commencez par
-            créer les issues correspondantes.
-          </p>
-
-          <Link
-            href="https://start-repo.bearstudio.tools/app/issues"
-            className={`${buttonVariants({
-              size: "lg",
-            })}  mt-6 px-1 text-xl`}
-            target="_blank"
-          >
-            Issues
-            <ChevronRight />
-          </Link>
-        </section>
+      <main>
+        <Header />
+        <Projects />
+        <Partners />
+        <Footer />
       </main>
     </>
   );

src/data/projects.tsx

@@ -0,0 +1,49 @@
+import FicusUILogo from "~/svg/project/ficusUI";
+import { FormizLogo } from "~/svg/project/formiz";
+import { StartUILogo } from "~/svg/project/start-ui";
+import { TwitchLogo } from "~/svg/project/twitch";
+export const projects = [
+  {
+    name: "Formiz",
+    description:
+      "Multi steps form logic available out of the box! No more pain to build perfect UX for complex forms.",
+    imageUrl: "/images/projects/formiz-background.png",
+    githubUrl: "https://github.com/ivan-dalmet/formiz",
+    projectLogo: <FormizLogo />,
+    button: "Visit website",
+    buttonUrl: "https://formiz-react.com/",
+  },
+
+  {
+    name: "Start UI",
+    description:
+      "UI starters for web, mobile and design, which lets you easily bootstrap new UI projects.",
+    imageUrl: "/images/projects/start-ui-background.png",
+    twitterUrl: "https://twitter.com/startui_",
+    githubUrl: "https://github.com/BearStudio/start-ui-web",
+    projectLogo: <StartUILogo />,
+    button: "Go to Start UI",
+    buttonUrl: "https://start-ui.com/",
+  },
+  {
+    name: "BS Live",
+    description:
+      "Bearstudio offers you stream sessions to share their knowledge and experience in a friendly atmosphere!",
+    imageUrl: "/images/projects/stream-background.png",
+    youtubeUrl:
+      "https://www.youtube.com/channel/UC-2hpnhKgU2C_OFucjEN0IA/videos",
+    projectLogo: <TwitchLogo />,
+    button: "Check out channel",
+    buttonUrl: "https://www.twitch.tv/bearstudiolive",
+  },
+  {
+    name: "Ficus UI",
+    description:
+      "React Native UI library forked from Magnus UI and inspired by Chakra UI.",
+    imageUrl: "/images/projects/ficusUi-background.png",
+    githubUrl: "https://github.com/BearStudio/react-native-ficus-ui",
+    projectLogo: <FicusUILogo />,
+    button: "Visit website",
+    buttonUrl: "https://ficus-ui.com/",
+  },
+];

src/features/projects/Projects.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+
+import { projects } from "@/data/projects";
+
+import DetailCard from "@/components/ui/detailCard/DetailCard";
+
+const Projects = () => {
+  return (
+    <div className="relative z-50 mx-auto -mt-24 max-w-7xl px-6 pb-16 sm:px-6 lg:px-32">
+      <div className="space-y-12">
+        <ul
+          role="list"
+          className="grid auto-rows-fr space-y-12 sm:gap-x-16 sm:gap-y-12 sm:space-y-0 md:grid-cols-2 lg:gap-x-16"
+        >
+          {projects.map((project) => (
+            <DetailCard key={project.name} DetailCardData={project} />
+          ))}
+        </ul>
+      </div>
+    </div>
+  );
+};
+
+export default Projects;