Wide Angle Surveying Engineering Services LLC

A modern, responsive website for Wide Angle Surveying Engineering Services LLC - a professional surveying and engineering company based in the UAE.

🚀 Features

• Modern Design: Clean, professional design with latest UI components
• Responsive: Mobile-first approach with perfect responsive design
• Fast Performance: Built with Vite for optimal loading speeds
• SEO Optimized: Proper meta tags and semantic HTML structure
• Accessibility: WCAG compliant with keyboard navigation support
• TypeScript: Full TypeScript support for better development experience

🛠️ Technologies Used

• Frontend Framework: React 18 with TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• Icons: Lucide React
• Animations: Framer Motion
• Routing: React Router DOM
• Deployment: GitHub Pages

📋 Services Offered

• Land Surveying
• Construction Surveying
• Topographic Surveying
• Aerial Surveying (UAV/Drone)
• Engineering Surveys
• Property Surveys

🏗️ Project Structure

src/
├── components/          # Reusable UI components
│   ├── Header.tsx      # Navigation header
│   └── Footer.tsx      # Site footer
├── pages/              # Main page components
│   ├── Home.tsx        # Homepage with hero and services overview
│   ├── Services.tsx    # Detailed services page
│   ├── About.tsx       # Company information and team
│   └── Contact.tsx     # Contact form and information
├── App.tsx             # Main app component with routing
├── main.tsx            # App entry point
└── index.css           # Global styles and Tailwind imports

🚀 Getting Started

Prerequisites

• Node.js (version 18 or higher)
• npm or yarn package manager

Installation

1. Clone the repository:

git clone https://github.com/yourusername/wideangle.git
cd wideangle

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and visit http://localhost:5173

📦 Build and Deploy

Build for Production

npm run build

This creates a dist folder with optimized production files.

Deploy to GitHub Pages

The project is configured with GitHub Actions for automatic deployment:

1. Push your changes to the main branch
2. GitHub Actions will automatically build and deploy to GitHub Pages
3. Your site will be available at https://yourusername.github.io/wideangle/

Manual Deployment

npm run build
npm run deploy

🎨 Customization

Colors

The project uses a custom color palette defined in tailwind.config.js:

• Primary: Blue shades for main branding
• Secondary: Amber/Orange for accents
• Gray: Various gray shades for text and backgrounds

Content

Update the following files to customize content:

• src/pages/Home.tsx - Homepage content and hero section
• src/pages/Services.tsx - Service offerings and pricing
• src/pages/About.tsx - Company information and team details
• src/pages/Contact.tsx - Contact information and form

Styling

• Global styles: src/index.css
• Tailwind configuration: tailwind.config.js
• Component-specific styles: Use Tailwind classes in TSX files

📱 Responsive Design

The website is designed mobile-first with breakpoints:

• Mobile: < 768px
• Tablet: 768px - 1024px
• Desktop: > 1024px

🔍 SEO Features

• Semantic HTML structure
• Meta tags for search engines
• Open Graph tags for social media
• Proper heading hierarchy
• Alt texts for images
• Clean URLs with React Router

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📞 Support

For support, email info@wideangle.ae or create an issue in this repository.

🏢 About Wide Angle Surveying Engineering Services LLC

Wide Angle Surveying Engineering Services LLC is a professional surveying and engineering company based in Dubai, UAE, providing comprehensive surveying services across all seven emirates since 2009. We specialize in:

• Precision surveying with advanced GPS/GNSS technology
• Licensed professionals with UAE certifications
• Fast turnaround times for all project sizes
• 24/7 emergency services available
• ISO 9001:2015 quality management certified

---

Built with ❤️ for Wide Angle Surveying Engineering Services LLC