web-agency / README.md
Chaithanya18's picture
Upload 74 files
30eeea4 verified
|
raw
history blame
1.98 kB

Agency Website

Welcome to the Agency Website project! This is a modern, responsive website template built using Next.js. It's designed to showcase agency services with a sleek and interactive design, incorporating 3D elements using Spline, and animations with Framer Motion. The website is styled with Tailwind CSS and developed with TypeScript for robust type safety.

πŸ”— Live Demo

Check out the live version of the Agency Website:
Live Demo

πŸš€ Purpose

The goal of this project is to provide a visually stunning and interactive website template for agencies. The website features:

  • A modern, professional design.
  • 3D elements and animations to enhance user experience.
  • Responsive layout to ensure optimal viewing on all devices.

Built with Next.js for server-side rendering and static site generation, Tailwind CSS for utility-first styling, Framer Motion for animations, Spline for 3D graphics, and TypeScript for type safety, this template offers both flexibility and performance.

πŸ› οΈ Frameworks & Technologies

This project utilizes the following technologies:

  • Next.js - React framework for server-side rendering (SSR) and static site generation (SSG).
  • React - For building the user interface with reusable components.
  • Tailwind CSS - For utility-first styling and responsive design.
  • Framer Motion - For smooth animations and interactive elements.
  • Spline - For integrating 3D graphics into the website.
  • TypeScript - For static type checking and improved code quality.

πŸ“ Setup & Customization

To get started with the project:

# Clone the repository
git clone https://github.com/charltonkdev/agency-website.git

# Navigate to the project folder
cd agency-website

# Install dependencies
npm install

# Run the development server
npm run dev

# Open http://localhost:3000 in your browser to view the project