How to Add Articles to Your Blog

• Copy an existing article page as a template
• Replace the content with your article text
• Update the title, excerpt, and metadata
• Add your CTAs and images

// client/src/pages/ArticleMyTitle.tsx
import { useState, createElement } from "react";
import { Link } from "wouter";
import { Button } from "@/components/ui/button";
import { Download, Calendar } from "lucide-react";

export default function ArticleMyTitle() {
  return (
    <div className="min-h-screen bg-white">
      {/* Navigation */}
      <nav className="border-b border-gray-200 bg-white sticky top-0 z-50">
        <div className="container mx-auto px-4 py-4">
          <div className="flex items-center justify-between">
            <Link href="/">
              <Button variant="ghost">Back to Home</Button>
            </Link>
          </div>
        </div>
      </nav>

      {/* Article Hero */}
      <header className="bg-gradient-to-br from-[#1a2332] to-[#2a3f5f] text-white py-20">
        <div className="container mx-auto px-4 max-w-4xl">
          <h1 className="text-5xl font-bold mb-6">
            Your Article Title Here
          </h1>
          <div className="flex items-center gap-4 text-gray-300">
            <span className="font-semibold text-[#d4af37]">
              By Guy Jean Foglino
            </span>
            <span>•</span>
            <span>5 min read</span>
          </div>
        </div>
      </header>

      {/* Article Content */}
      <article className="py-16">
        <div className="container mx-auto px-4 max-w-3xl">
          <p className="text-lg text-gray-700 leading-relaxed">
            Your article content goes here...
          </p>
        </div>
      </article>
    </div>
  );
}