Welcome to the official website repository of Robert Guild Associates, a global leader in audio, video, and electronic design, integration, and consulting. With over 30 years of industry experience, our company is headquartered in the United States and operates a regional office in Doha, Qatar. This website is designed to showcase our services, projects, and vendors, providing visitors with detailed information about our capabilities and past work.
This website is built to highlight the extensive range of services offered by Robert Guild Associates. From residential to enterprise-class solutions, we specialize in the planning and installation of electronic systems. The website features our company’s key projects, services, and vendors, presented in a user-friendly and visually appealing manner.
-
Home Page
- Hero Section: Features an animated background using Vanta.js with a topology effect and a slider showcasing key projects.
- What We Do: A detailed section outlining the services provided by Robert Guild Associates, including consulting, full system design, and system integration.
-
About Page
- Provides information about the company's history, mission, and values.
-
Services Page
- A comprehensive list of all services offered, with descriptions and images for each service.
-
Projects Page
- Displays a grid of notable projects, with filtering options by category (e.g., Airports, Universities, Hotels).
- Project Details: Clicking on a project opens a modal with a detailed description and images.
-
Vendors Page
- Lists key vendors in a grid format, with filtering options by category (e.g., Audio Systems, Control Systems).
- Vendor Details: Clicking on a vendor provides more information and a link to their official website.
-
Contact Section
- Contains contact information for both the Qatar and US offices, including phone numbers and addresses.
-
Footer
- Navigation footer with links to all main sections of the website and quick access to contact information.
home.js
: Layout and components for the Home page, including the animated hero section and service blocks.about.js
: Content and layout for the About page.services.js
: Manages the display of services, including detailed descriptions.projects.js
: Displays projects in a grid layout, allows filtering by category, and shows project details in a modal.vendors.js
: Displays vendor logos and details in a grid, with filtering options.navbar.js
: Navigation bar providing links to main sections of the site.footer.js
: Footer containing navigation links, contact information, and company details.
- Node.js: Ensure you have Node.js installed on your machine.
- npm: Node Package Manager, which comes with Node.js.
-
Clone the Repository:
git clone https://github.com/alialoraebi/rga-website cd robert-guild-associates-website
-
Install Dependencies:
npm install
- Start the Development Server:
The website will be available at http://localhost:3000.
npm start
- Start the backend server:
cd backend
- Installing the necessary dependencies
npm install
- Start the backend server in a separate terminal:
node server.js
To create an optimized build for production, run:
npm run build
This will generate a build
folder containing the optimized files for deployment.
- Animated Background: The home page uses Vanta.js for the animated background. This can cause slight delays during page load. If performance becomes an issue, consider optimizing the animation or loading it after critical content.
- Responsive Design: The website is fully responsive and should work on various screen sizes, from mobile to desktop.
If you'd like to contribute to the project, please fork the repository and submit a pull request with your changes.
Feel free to contact us if you have any questions or need further information about our services.
- US Office: [+1 (732)775-0777], [2202 Monmouth Boulevard, Wall Township NJ, 07719]
- Qatar Office: [+974-4458 1222], [Salwa Road - Midmad Roundabout, West Corner Building, Street 340, Unit 51, Building 155, Zone 43, P.O. Box 37544, Doha, Qatar]