From 1a3c45161b772ccce44957975cef17b93205c2dd Mon Sep 17 00:00:00 2001 From: sunith vs <63339782+sunithvs@users.noreply.github.com> Date: Sat, 17 May 2025 21:03:36 +0400 Subject: [PATCH] feat(www): add blog page --- www/app/blogs/page.tsx | 72 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 72 insertions(+) create mode 100644 www/app/blogs/page.tsx diff --git a/www/app/blogs/page.tsx b/www/app/blogs/page.tsx new file mode 100644 index 00000000..211a2aab --- /dev/null +++ b/www/app/blogs/page.tsx @@ -0,0 +1,72 @@ +import AnimatedNav from "@/components/animated-nav/server"; +import Footer from "@/components/footer"; + +export const metadata = { + title: "devb.io Blog", + description: "Learn more about devb.io and how it helps you build a portfolio", +}; + +export default function BlogPage() { + const features = [ + "One-click GitHub Profile Connection", + "Automatic Portfolio Generation", + "AI-Powered Bio Creation", + "Dynamic Activity Tracking", + "Zero Maintenance Required", + ]; + + const steps = [ + { + title: "Generate Profile", + description: + "Click the \"Generate Profile\" button and make sure your GitHub profile is updated with projects and achievements.", + }, + { + title: "Instant Portfolio Generation", + description: + "Your personalized developer portfolio is created instantly with no manual setup.", + }, + { + title: "Automatic Weekly Updates", + description: + "Your portfolio refreshes every week based on your GitHub activity to showcase new work.", + }, + { + title: "Support and Share", + description: + "Star the repository, upvote on Product Hunt, and share your portfolio with the world.", + }, + ]; + + return ( + <> + +
+

devb.io Blog

+

+ devb.io automatically generates polished developer portfolios by connecting to your GitHub account. Below is a quick overview of the main features and how the platform works. +

+
+

Key Features

+
    + {features.map((feature) => ( +
  • {feature}
  • + ))} +
+
+
+

How It Works

+
    + {steps.map((step) => ( +
  1. +

    {step.title}

    +

    {step.description}

    +
  2. + ))} +
+
+
+