AccountEase Web is a modern and responsive accounting website built with Next.js. It features separate pages for services, testimonials, contact, and about sections, providing users with a streamlined interface to manage their financial needs efficiently.
- Home Page: The homepage includes a hero section and a call-to-action (CTA) to guide users toward exploring the accounting services.
- Services Page: Detailed information about the various accounting services offered, including automated invoicing, financial analytics, and secure document storage.
- Testimonials Page: Real user testimonials to build trust and credibility.
- About Page: Information about the company, its mission, and the team.
- Contact Page: A simple and easy-to-use contact form for users to reach out for inquiries or support.
- Sticky Navbar: A responsive and sticky navigation bar that provides easy access to all sections of the website.
- Next.js: A powerful React framework used to build the front-end with server-side rendering and static site generation.
- Styled-components: For CSS-in-JS styling, enabling modular and dynamic styles.
- JavaScript: Used throughout the project for logic and interactivity.
- HTML/CSS: To structure and style the application.
The project is organized as follows:
- src/app/layout.tsx: Contains the global layout, including the header and footer that appear on every page.
- src/app/pages/: Each page (home, services, testimonials, contact, about) is defined here with its own content and structure.
- src/app/components/: Reusable components such as the header, footer, hero, and call-to-action (CTA) are stored here for modular development.
- Clone the repository:
git clone https://github.com/your-username/account-ease-web.git- Navigate to the project directory:
cd account-ease-web- Install the required dependencies:
npm install- Run the development server:
npm run dev- Open your browser and go to: http://localhost:3000
- Clone the repository:
git clone https://github.com/your-username/account-ease-web.git- Navigate to the project directory:
cd account-ease-web- Build the image:
docker build -t account-ease-web .- Run the container:
docker run -p 3000:3000 account-ease-web- Open your browser and go to: http://localhost:3000
Once the app is running, you can navigate between pages using the navigation bar:
- Home: The landing page with a hero section.
- Services: Provides details about various accounting services.
- Testimonials: Displays customer feedback.
- About: Information about the company and team.
- Contact: Simple form to reach out for inquiries or support.
Contributions are welcome! Feel free to fork the repository and create a pull request. Please ensure that your contributions adhere to the project's coding standards.