Writely - Landing Page

Welcome to Writely, a modern and responsive landing page built as an assignment for WatchDen. This project showcases a clean and user-friendly design, leveraging the power of Next.js, Tailwind CSS, and shadcn/ui components for testimonials and an accordion FAQ section.

Live Demo

The project is hosted on Netlify and can be accessed here:
👉 writely.netlify.app

Features

• Responsive Design: Fully optimized for mobile, tablet, and desktop screens.
• Testimonials Section: Built using shadcn/ui components to display user feedback in a carousel format.
• FAQ Section: An interactive accordion component for frequently asked questions, also built with shadcn/ui.
• Modern UI: Clean and professional design using Tailwind CSS for styling.
• Fast Performance: Built with Next.js for optimized performance and SEO.

Technologies Used

• Next.js: A React framework for building fast and scalable web applications.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• shadcn/ui: A collection of reusable and customizable UI components.
• Netlify: For hosting and deployment.

Getting Started

Follow these steps to run the project locally:

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/sumitkrjha/writely.git
   

2. Navigate to the project directory:

   cd writely
   

3. Install dependencies:

   npm install
   # or
   yarn install
   

4. Start the development server:

   npm run dev
   # or
   yarn dev
   

5. Open your browser and visit:

   http://localhost:3000
   

Folder Structure

writely/
├── public/              # Static assets (images, fonts, etc.)
├── src/
│   ├── components/      # Reusable UI components
│   ├── pages/           # Next.js pages
│   ├── styles/          # Custom styles (if any)
│   └── utils/           # Utility functions
├── tailwind.config.js   # Tailwind CSS configuration
├── next.config.js       # Next.js configuration
└── README.md            # Project documentation

Acknowledgments

• WatchDen for providing the assignment.
• Next.js, Tailwind CSS, and shadcn/ui for making development faster and easier.
• Netlify for seamless hosting and deployment.

Contact

If you have any questions or feedback, feel free to reach out:
📧 [email protected]
🌐 Your Portfolio

Thank you for checking out Writely! 🚀