B-Portfolio React JS Web Template

Here is an example of how to configure B-Portfolio React JS Web Template settings:

Theme Settings You can configure the theme settings by modifying the themeConfig.js file. Add the following code:

export const themeConfig = {
  theme: 'default', // default, dark, light
  primaryColor: '#6c5ce7', // primary color of the theme
  secondaryColor: '#f7f7f7', // secondary color of the theme
  accentColor: '#e91e63', // accent color of the theme
  font: 'Open+Sans', // font family
  fontsize: '16px', // font size
  lineheight: '1.4', // line height
};

Navigation Settings Configure the navigation settings by modifying the menu.js file. Add the following code:

export const menu = [
  {
    label: 'Home',
    path: '/',
    icon: 'fas fa-home',
  },
  {
    label: 'About',
    path: '/about',
    icon: 'fas fa-user',
  },
  {
    label: 'Portfolio',
    path: '/portfolio',
    icon: 'fas fa-briefcase',
    children: [
      {
        label: 'Project 1',
        path: '/portfolio/project1',
      },
      {
        label: 'Project 2',
        path: '/portfolio/project2',
      },
    ],
  },
];

Section Settings Configure the section settings by modifying the sections.js file. Add the following code:

export const sections = [
  {
    id: 'hero-section',
    type: 'hero', // hero, features, testimonials
    title: 'Welcome to B-Portfolio!',
    subtitle: 'A modern react template for your portfolio',
    buttonText: 'Get Started',
    buttonPath: '/portfolio',
  },
  {
    id: 'features-section',
    type: 'features', // hero, features, testimonials
    title: 'Features',
    features: [
      {
        title: 'Responsive Design',
        description: 'Design that adapts to any device',
      },
      {
        title: 'Easy Customization',
        description: 'Customize every aspect of your portfolio',
      },
      {
        title: 'SEO Optimization',
        description: 'Optimized for search engines',
      },
    ],
  },
  {
    id: 'testimonials-section',
    type: 'testimonials', // hero, features, testimonials
    title: 'What they say about us',
    testimonials: [
      {
        quote: 'Awesome template!',
        author: 'John Doe',
      },
      {
        quote: 'Easy to use and customize.',
        author: 'Jane Doe',
      },
    ],
  },
];

Social Media Settings Configure the social media settings by modifying the socialMedia.js file. Add the following code:

export const socialMedia = [
  {
    platform: 'github',
    url: 'https://github.com/your-github-username',
    icon: 'fab fa-github',
  },
  {
    platform: 'linkedin',
    url: 'https://www.linkedin.com/in/your-linkedin-username/',
    icon: 'fab fa-linkedin-in',
  },
  {
    platform: 'instagram',
    url: 'https://www.instagram.com/your-instagram-username/',
    icon: 'fab fa-instagram',
  },
];

Footer Settings Configure the footer settings by modifying the footer.js file. Add the following code:

export const footer = {
  copyright: '© 2023 B-Portfolio, All rights reserved.',
  links: [
    {
      label: 'Terms of Use',
      path: '/terms',
    },
    {
      label: 'Privacy Policy',
      path: '/privacy',
    },
  ],
};

Note: Replace your-github-username, your-linkedin-username, and your-instagram-username with your actual social media profiles.

Here are the features extracted from the content:

1. Based On React: The template is built on React.
2. No Additional Plugins: Except for React-Bootstrap and ant-design, no additional plugins are used.
3. Fully Responsive: The template is fully responsive and compatible with both tables and smartphone screens.
4. Simple and Lightweight: The template is designed to be simple and lightweight.
5. Simple Theming: The template allows for simple theming.
6. Easy Copy & Paste: The template's components can be easily copied and pasted into your project.
7. 25+ Components: The template includes over 25 reusable components.
8. Documentation Available: The template's documentation is available on the Bayarbotany website.

Please note that these features are extracted and presented in a concise manner to make it easier to read and understand. If you need any further clarification or details, please let me know!