Contact Arredo
Gerardo Nastri / December 15, 2024
Contact Arredo is a sleek and modern website designed to showcase the high-quality furniture and interior design solutions offered by the company. The site is user-friendly, featuring a minimalist aesthetic with clean lines, elegant typography, and a neutral color palette that emphasizes professionalism and style.
Features
- Stunning Homepage Design
The homepage welcomes visitors with a striking hero section, featuring high-resolution images of furniture and interiors. It sets the tone for the brand with an elegant and modern aesthetic, accompanied by a clear call-to-action to explore the catalog or get in touch. - Comprehensive Furniture Catalog
A well-structured catalog showcases the full range of furniture and interior design solutions. Items are neatly categorized, each with detailed descriptions and high-quality images for easy browsing. - About Us Section
This section shares the company’s vision, mission, and expertise. It highlights the brand's commitment to quality craftsmanship, innovative designs, and customer satisfaction. - Seamless Contact Options
The contact page provides an intuitive form for users to reach out easily. Additional contact details, such as phone number and email address, are also available, ensuring smooth communication. - Responsive and User-Friendly Design
The website is fully responsive, guaranteeing a flawless user experience on desktops, tablets, and mobile devices. Navigation is effortless, with a layout optimized for all screen sizes. - Fast Performance
Powered by Vercel, the site delivers lightning-fast loading times and smooth transitions, ensuring a seamless browsing experience. - Interactive and Engaging Elements
Subtle animations and hover effects add a touch of interactivity to the design, enhancing user engagement while maintaining simplicity.
Technologies
- Typescript: A syntactic superset of JavaScript which adds static typing
- NextJs: A React framework for building static and dynamic websites.
- Vercel: A cloud platform for static sites and serverless functions.
- Tailwind CSS: A utility-first CSS framework packed with classes
- Framer Motion: A tool for animations
- ZOD: A TypeScript-first schema declaration and validation library
- Shadcn/UI: A component distribution system
- Nodemailer: A Tool for sending email
Getting Started
To get started with this project, you can clone the repository and install the dependencies:
git clone https://github.com/gerardonastri/Contact-Arredo
cd hackfarm
npm install
Once the dependencies are installed, you can run the development server:
npm run dev
The development server will start at http://localhost:3000
.
Deployment
To deploy this project, you can use Vercel. You can link your GitHub repository to Vercel and deploy the project with a single click.
Conclusion
This website is a great example of a frotend application with NextJs 15.