Skip to content

lorentsob/demo-desmare

Repository files navigation

Desmare - Modern Business Solutions

A modern website template for Desmare, designed with Next.js, TypeScript, and Tailwind CSS. This website showcases Desmare's solutions with a sleek, modern design.

Features

  • 🎨 Minimalist and elegant design
  • 📱 Fully responsive
  • ⚡ Optimized for high performance
  • 🔄 Smooth animations with Framer Motion
  • 🔍 SEO-friendly
  • 📦 Modular and reusable components

Technologies Used

  • Next.js - React framework for performant web applications
  • TypeScript - For safer development and better IDE support
  • Tailwind CSS - For rapid and consistent styling
  • Framer Motion - For elegant and performant animations

Project Structure

The project is structured to be easily customizable:

src/
├── components/    # Reusable UI components
├── hooks/         # Custom React hooks
├── pages/         # Next.js routes
├── styles/        # Global styles and Tailwind configuration
public/
├── images/        # Images and graphic assets
├── logos/         # Company logos
├── icons/         # Custom icons

Customization

To adapt this template for specific needs:

  1. Colors: Modify the tailwind.config.js file to use your brand colors
  2. Content: Update text and images in the various sections
  3. Logo: Replace with your company logo
  4. Images: Replace demo images with your own

Installation and Launch

# Install dependencies
npm install

# Start the development server
npm run dev

# Build for production
npm run build

# Start the production version
npm run start

Layout and Sections

The template includes various ready-to-use sections:

  • Header - Navigation and main CTA
  • Hero - Main solution presentation with illustration
  • Clients - Client/partner logos
  • Features - Main features in visual cards
  • Strategic Solutions - Section for showcasing strategic direction
  • Streamlined Management - Showcase management solutions
  • Connected Business Solutions - Section highlighting integration and collaboration tools
  • Footer - Links, legal information, and contact details

Dark Theme Customization

The dark theme is set as default, but includes a useTheme hook that allows implementing a toggle between light and dark themes if needed.

Browser Support

The template is optimized for modern browsers:

  • Chrome/Edge (last 2 years)
  • Firefox (last 2 years)
  • Safari (last 2 years)

Created for Desmare's innovative business solutions.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published