🌊 AUV MIT Bengaluru

The official website for the Autonomous Underwater Vehicle (AUV) team at MIT Bengaluru, showcasing our marine robotics innovation, vehicles, and the incredible team behind it all.

---

🚀 Overview

Welcome to the AUV MIT Bengaluru website repository. This application serves as the digital front door for our team, highlighting our cutting-edge subsystems in Mechanical, Electrical, Design, Management, and Software engineering.

We push the boundaries of marine robotics to create robust, intelligent systems capable of performing complex tasks in harsh underwater environments.

✨ Key Features

• Stunning UI/UX: Built with a deep-sea aesthetic, featuring parallax hero sections and dynamic scrolling animations.
• Comprehensive Pages: Detailed pages including Home, About, Vehicles, Team, Gallery, Media & Works, Sponsors, and Contact Us.
• Performant Animations: Powered by Framer Motion and GSAP for fluid, engaging interactions.
• Modern Stack: Harnesses the power of React 19 and Vite for a lightning-fast development experience.
• Responsive Design: Fully styled with Tailwind CSS to ensure a beautiful experience across all devices.

🛠️ Technology Stack

• Framework: React 19
• Build Tool: Vite
• Styling: Tailwind CSS v4
• Animations: Framer Motion, GSAP
• Icons: Lucide React, @radix-ui/react-icons
• UI Components: Customized Shadcn UI, Radix UI
• Routing: React Router

🏗️ Project Structure

• src/pages/ - Contains all route pages (Home, About, Vehicles, Team, Gallery, Media, Sponsors, Contact Us).
• src/components/ - Reusable UI elements, sophisticated navigation (Tubelight NavBar), and interactive sections (Bento Grid, Logo Slider).
• src/assets/ - Project images, backgrounds, and sponsor logos.

💻 Getting Started

Prerequisites

Make sure you have Node.js installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/your-repo/auv-mitb.git
   cd auv-mitb

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

   Open your browser and navigate to the localhost port provided in your terminal (usually http://localhost:3000).

Build for Production

To create an optimized production build:

npm run build

🤝 Sponsorship

We are constantly looking to collaborate with industry leaders. If you are interested in shaping the future of underwater technology and supporting our team, please visit our Sponsors page or reach out via the Contact page.

---

Engineered for performance. Built for the deep. ⚓