FOG Printing & Advertising LLC Website

A modern, responsive website for FOG Printing & Advertising LLC, a professional printing and advertising company based in Dubai.

Features

• Modern and responsive design
• Interactive UI with smooth animations
• SEO optimized
• GDPR compliant
• Google Maps integration
• Contact form with validation
• Portfolio showcase with filtering
• Lazy loading images
• Mobile-friendly navigation

Tech Stack

• React.js
• TypeScript
• Tailwind CSS
• Framer Motion
• React Router DOM
• React Helmet Async
• React Icons
• Google Maps API
• React Lazy Load Image Component

Prerequisites

• Node.js (v18 or higher)
• npm or yarn
• Google Maps API key

Getting Started

1. Clone the repository:

   git clone <repository-url>
   cd fog-printing-website

2. Install dependencies:

   npm install

3. Create a .env file in the root directory and add your Google Maps API key:

   VITE_GOOGLE_MAPS_API_KEY=your_google_maps_api_key_here
   

4. Start the development server:

   npm run dev

5. Open http://localhost:5173 to view the website in your browser.

Building for Production

To create a production build:

npm run build

The build files will be generated in the dist directory.

Project Structure

src/
├── assets/        # Static assets (images, fonts, etc.)
├── components/    # Reusable components
├── layouts/       # Layout components
├── pages/         # Page components
├── hooks/         # Custom hooks
├── utils/         # Utility functions
├── App.tsx        # Main application component
└── main.tsx      # Application entry point

Contact Information

FOG Printing & Advertising LLC

• Address: Shed No.05, Al Qusais Industrial Area 2, Dubai, UAE
• Phone: +971 4 3334795
• Mobile: +971 50 734 3112
• Email: info@fogprinting.com

License

This project is proprietary and confidential. Unauthorized copying, modification, distribution, or use of this project, via any medium, is strictly prohibited.