sidebar.tsx

import { Section } from '@/components/section'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Image } from '@/components/image'
import { Grid } from '@/components/grid'
import { Columns, Column } from '@/components/columns'
import {
  SidebarStackProvider,
  SidebarPanels,
  SidebarLink,
  SidebarClickHandler,
  OpenSidebarButton,
} from '@/components/sidebar-stack'
import sidebarIcon from '@iconify/icons-heroicons/bars-3-bottom-right-20-solid'

function Demo1() {
  return (
    <div className="space-y-6">
      <Image
        src="/portfolio/pexels-pixabay-161758.jpg"