Testing intro image

Testing Bar charts

📊 Sales Report Chart

Testing table component

📋 Product Comparison Table

Testing line chart component

📈 Line Chart: Monthly Users

Testing pie chart component

🥧 Pie Chart: Market Distribution

Testing Details component

Testing callout component

Testing code snippets

function outer() {
  let count = 0
  return function inner() {
    count++
    console.log(count)
  }
}
const fn = outer()
fn() // 1
fn() // 2

Testing Quote component

Sectionbox component

This is H1

A paragraph under H1. It should look big, bold, and be styled as your blog’s main heading.

This is H2

This paragraph belongs to H2. It should be slightly smaller but still strong.

This is H3

Here’s another paragraph, now under H3. Perfect for sub-sections.

This is H4

A paragraph for H4, good for deeper breakdowns.

This is H5

Smaller heading, usually used for fine details.

This is H6

The tiniest heading — often used for annotations.

Testing paragraph

And here’s a normal paragraph at the bottom, just to confirm your custom <Paragraph /> styling applies correctly:

This is a plain text paragraph. It should have nice spacing, good line height, and adapt to dark/light mode.

Testing unorder list and order list

Unordered List

• Apples
• Bananas
• Oranges
• Grapes

Ordered List

1. Wake up early
2. Exercise 🏃
3. Take a shower
4. Start coding

Testing file/folder

📂 My Project Structure

Testing multitab code

function greet() {
  console.log("Hello from JS!");
}
greet();