Skip to content

Initial project setup: BienMind website with Next.js and blog - #2

Open
chrix22 wants to merge 6 commits into
mainfrom
claude/redesign-website-blog-X2Lty
Open

Initial project setup: BienMind website with Next.js and blog#2
chrix22 wants to merge 6 commits into
mainfrom
claude/redesign-website-blog-X2Lty

Conversation

@chrix22

@chrix22 chrix22 commented Feb 7, 2026

Copy link
Copy Markdown
Owner

Summary

This PR establishes the initial BienMind project structure - a mental wellness platform built with Next.js 15, featuring a complete website with blog functionality, service pages, and contact management.

Key Changes

Project Foundation

  • Set up Next.js 15 project with TypeScript and Tailwind CSS v4
  • Configured PostCSS and custom theme colors (primary green, accent purple, warm yellow)
  • Added custom fonts (Inter for body, Playfair Display for headings)
  • Created .gitignore for Node.js/Next.js projects

Core Pages & Routing

  • Home page (/) - Landing page with hero, services overview, testimonials, and CTA
  • Blog (/blog) - Blog listing with featured post and grid layout
  • Blog Post (/blog/[slug]) - Dynamic blog post pages with markdown rendering
  • About (/about) - Company story, values, and team information
  • Services (/services) - Service offerings with detailed descriptions
  • Contact (/contact) - Contact form with business information and hours

Blog Content

Added 4 initial blog posts covering mental wellness topics:

  • "5 techniques simples pour gérer le stress au quotidien"
  • "Comment construire une confiance en soi durable"
  • "Méditation pour débutants : le guide complet"
  • "Sommeil et santé mentale : un lien indissociable"

Components & Utilities

  • Header - Navigation with logo and menu
  • Footer - Site footer with links and information
  • Blog utilities (lib/blog.ts) - Functions for reading and parsing markdown blog posts using gray-matter and remark
  • Responsive design with mobile-first approach

Styling & Design

  • Custom Tailwind theme with semantic color variables
  • Gradient backgrounds and modern UI components
  • Prose styling for blog content
  • Accessible form inputs with focus states

Technical Details

  • Uses Next.js App Router with static generation for blog posts
  • Markdown blog posts stored in content/blog/ with frontmatter metadata
  • Standalone output configuration for deployment flexibility
  • TypeScript for type safety throughout
  • SEO-optimized with proper metadata for all pages

https://claude.ai/code/session_01FKMtTD38SMWJPS9iVwVc2Y

- Set up Next.js 15 with TypeScript, Tailwind CSS v4, and App Router
- Create modern responsive layout with Header (mobile menu) and Footer
- Build Home page with hero, services overview, testimonials, and CTA
- Build About page with team, values, and company story
- Build Services page with pricing, features, and FAQ
- Build Contact page with form and business info
- Create Markdown-based blog system with gray-matter and remark
- Add 4 sample blog articles (stress, meditation, sleep, confidence)
- Use local Inter and Playfair Display fonts
- Apply green/purple wellness-themed color palette

https://claude.ai/code/session_01FKMtTD38SMWJPS9iVwVc2Y
@vercel

vercel Bot commented Feb 7, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
bienmind Ready Ready Preview, Comment Feb 7, 2026 11:14pm

- Update color palette from green/purple to blue/tech
- Rewrite Home page: SaaS studio positioning, Oliceo/SonoCrea products, tech expertise, stats
- Rewrite About page: agentic studio vision, milestones, process (48h/7j/30j)
- Rewrite Services page: products (Oliceo, SonoCrea) + services (MVP, IA, automation, prototyping)
- Update Contact page: project-focused form, hello@bienmind.com, budget selector
- Update Header: "Produits" nav, "Lancer votre projet" CTA
- Update Footer: product links (oliceo.com, sonocrea.com), services, social (LinkedIn, X, GitHub)
- Replace blog posts with SaaS/care topics: vertical SaaS, AI in care, 7-day MVP method, SonoCrea case study
- Update all metadata and descriptions

https://claude.ai/code/session_01FKMtTD38SMWJPS9iVwVc2Y
…ticles

- Add Disclaimer component for non-medical wellness content notice
- Update blog system with image and readingTime fields
- Add related articles section to blog post pages
- Update blog listing with featured post layout and reading time

https://claude.ai/code/session_01FKMtTD38SMWJPS9iVwVc2Y
- 7 SVG illustrations for blog articles
- First article: ia-bien-etre-revolution.md
- More articles and illustrations being generated

https://claude.ai/code/session_01FKMtTD38SMWJPS9iVwVc2Y
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants