
gittech. site
for different kinds of informations and explorations.
Open-source landing page from non-coder
Published at
Jan 4, 2025
Main Article
Masonic - Modern Construction Company Website Template
A beautiful, responsive website template for construction and masonry companies built with React, TypeScript, and Tailwind CSS.
π 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
π» Tech Stack
π οΈ Installation
- Clone the repository:
git clone https://github.com/ardakaano/masonic.git
- Navigate to the project directory:
cd masonic
- Install dependencies:
npm install
- Start the development server:
npm run dev
- 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
- Colors: Edit
tailwind.config.js
to customize the color scheme - Content: Update component files in
src/components/
to modify content - Images: Replace images in the components with your own
- 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:

π€ Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature
) - Commit your changes (
git commit -m 'Add some AmazingFeature'
) - Push to the branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
π§ Contact
Arda Kaan Γzcan
- Twitter: @ardakaanozcan_
- Email: [email protected]
Project Link: https://github.com/ardakaano/masonic
π Acknowledgments
- Heroicons for the beautiful icons
- Tailwind CSS for the utility-first CSS framework
- Headless UI for accessible components
- Unsplash for the images used in the demo