Project structure

Deneb is built with React 19, Vite, React-Bootstrap and Sass. These are the folders you’ll use most:

deneb_reactjs
├── index.html              Page title and description
├── public/images           Logo, photos and icons
└── src
    ├── App.jsx             Routes
    ├── Components          Header, footer and page sections
    ├── Layouts             Shared page layout
    ├── Pages               One file for each page
    ├── SingleFeatures      Cards for posts, services and more
    ├── config/disqus.js    Blog comments
    ├── data                Services, portfolio and blog posts
    └── scss                Colours, fonts and shared styles

Pages

src/App.jsx sets up the routes:

Address	Page file
/	home.jsx
/about	about.jsx
/services	services.jsx
/service-details/:id	service-details.jsx
/portfolios	portfolios.jsx
/portfolio-details/:id	portfolio-details.jsx
/blog	blog.jsx
/blog_details/:id	blog_details.jsx
/tag/:tagSlug	tag.jsx
/author/:authorSlug	author.jsx
/contact	contact.jsx

The theme also has a /docs route, which shows public/deneb.md. It isn’t needed on your site, so remove that Route before you publish.

Home page sections

src/Pages/home.jsx lists the sections in order: HeroArea, Services, About, ProjectsInfo, Portfolios, Pricing, Testimonials, Blogs and Contact. Move a line to reorder a section, or delete it to remove one.

The text for each section is in its folder inside src/Components/. For example, pricing plans are in src/Components/pricing/index.jsx.