gittech. site

for different kinds of informations and explorations.

Open-source landing page from non-coder

Published at
Jan 4, 2025

Masonic - Modern Construction Company Website Template

Deploy with Vercel Live Demo License: MIT

A beautiful, responsive website template for construction and masonry companies built with React, TypeScript, and Tailwind CSS.

Masonic Preview

🌟 Live Demo

Check out the live demo: https://masonic-site.vercel.app/

🌟 Features

  • πŸ“± Fully responsive design
  • 🎨 Modern and clean UI
  • ⚑ Built with React + TypeScript + Vite
  • 🎯 SEO friendly
  • 🎨 Tailwind CSS for styling
  • πŸ’« Smooth scrolling and animations
  • πŸ–ΌοΈ Project showcase with modal views
  • πŸ“± Mobile-friendly navigation
  • πŸ“ Contact form
  • πŸ” Back to top button
  • 🦢 Footer with social links

πŸš€ Live Demo

View Live Demo

πŸ’» Tech Stack

πŸ› οΈ Installation

  1. Clone the repository:
git clone https://github.com/ardakaano/masonic.git
  1. Navigate to the project directory:
cd masonic
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Build for production:
npm run build

πŸ“ Project Structure

masonic/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/         # React components
β”‚   β”œβ”€β”€ assets/            # Static assets
β”‚   β”œβ”€β”€ App.tsx            # Main App component
β”‚   └── index.css          # Global styles
β”œβ”€β”€ public/                # Public assets
└── index.html            # HTML template

🎨 Customization

  1. Colors: Edit tailwind.config.js to customize the color scheme
  2. Content: Update component files in src/components/ to modify content
  3. Images: Replace images in the components with your own
  4. Styling: Modify src/index.css for global styles

πŸ“ License

This project is open source and available under the MIT License.

πŸ’– Support

If you find this template helpful, you can support the developer:

Buy Me A Coffee

🀝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the project
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

πŸ“§ Contact

Arda Kaan Γ–zcan

Project Link: https://github.com/ardakaano/masonic

πŸ™ Acknowledgments