https://github.com/badhon252/scaleup-ads-agency
https://github.com/badhon252/scaleup-ads-agency
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/badhon252/scaleup-ads-agency
- Owner: badhon252
- Created: 2024-12-25T06:04:55.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-12-25T07:18:48.000Z (5 months ago)
- Last Synced: 2024-12-25T08:25:17.490Z (5 months ago)
- Language: TypeScript
- Size: 483 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Digital Marketing Agency Home Page Clone
This project is a responsive clone of the home page from [Axtra Next Agency's Digital Marketing page](https://axtra-next-agency.vercel.app/digital-marketing), built using Next.ts and Framer-motion
## Features
- **Responsive Design**: Ensures optimal viewing on various devices.
- **Next.js Framework**: Utilizes server-side rendering for improved performance.
- **Styled-Components**: Facilitates modular and maintainable styling.
## Live Demo
Access the live site here: [Live Demo](https://scaleup-bdcalling.vercel.app/)
## Getting Started
### Prerequisites
- [Node.js](https://nodejs.org/) (version 14 or higher)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
### Installation
1. **Clone the repository**:
```bash
git clone https://github.com/badhon252/scaleup-ads-agency.git
```
2. **Navigate to the project directory**:
```bash
cd digital-marketing-clone
```
3. **Install dependencies**:
Using npm:
```bash
npm install
```
Or using yarn:
```bash
yarn install
```
### Running the Development Server
Start the development server with:
Using npm:
```bash
npm run dev
```
Or using yarn:
```bash
yarn dev
```
Visit `http://localhost:3000` in your browser to view the application.
## Deployment
This project can be deployed using platforms like [Vercel](https://vercel.com/) or [Netlify](https://www.netlify.com/).
### Deploying to Vercel
1. **Install Vercel CLI** (if not already installed):
```bash
npm install -g vercel
```
2. **Deploy the project**:
```bash
vercel
```
Follow the prompts to complete the deployment.
## Project Structure
```plaintext
├── components # Reusable UI components
├── app # Next.js pages
├── public # Static assets
| ├── styles # Global and component-level styles
| ├── images # Static images
├── lib # Utility functions and hooks
├── data # Sample data for the project
├── hooks # Custom React hooks
├── .gitignore # Git ignore file
├── package.json # Project dependencies and scripts
└── README.md # Project documentation
```
## Technologies Used
- **React**: JavaScript library for building user interfaces.
- **Next.js**: React framework for server-side rendering.
- **Tailwind CSS**: Utility-first CSS framework for rapid UI development.
- **TypeScript**: Typed JavaScript that builds on JavaScript.
- **Shadcn-ui**: Custom UI components for a consistent look and feel.
- **Framer Motion**: A powerful animation library for React.
- **Git**: Version control system.
- **ESLint**: A tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.
- **Prettier**: An opinionated code formatter.
- **Vercel**: A platform for deploying and hosting web applications.
## Contributing
Contributions are welcome! Please fork the repository and create a pull request with your changes.
## Acknowledgements
- Original design by [Axtra Next Agency](https://axtra-next-agency.vercel.app/digital-marketing).
## Contact
For any inquiries, please contact [[email protected]](mailto:[email protected]).