- 
-
-
- 
+
+
+
About
-Event budget Planner
+EventPlanner
- The Budget Event Planner is a web application designed to help users - plan their events within a specified budget and time frame. + To enhance the Tri-Valley's official website and boost local business + tourism, our mission is to address existing technology limitations by + integrating Generative AI or LLM agents for streamlined trip + management.
- The application allows users to input their budget and the duration of - their event in days. Based on these inputs, the application generates - a customized event plan that optimizes the allocation of the budget - across various aspects of the event, such as venue, food, - transportation, and activities. + By adding an Events tab and offering one-click access to diverse + events, we aim to increase tourism by up to 16.7%, injecting vitality + into the local economy and supporting businesses.
-
+
+
+
diff --git a/src/Components/GoogleMapsCard.js b/src/Components/GoogleMapsCard.js
index a538180..5453063 100644
--- a/src/Components/GoogleMapsCard.js
+++ b/src/Components/GoogleMapsCard.js
@@ -1,157 +1,157 @@
-import React, { useState, useEffect } from "react";
-import { Skeleton } from "@mui/material";
-import {
- useJsApiLoader,
- GoogleMap,
- Marker,
- InfoWindow,
- Polyline,
-} from "@react-google-maps/api";
+// import React, { useState, useEffect } from "react";
+// import { Skeleton } from "@mui/material";
+// import {
+// useJsApiLoader,
+// GoogleMap,
+// Marker,
+// InfoWindow,
+// Polyline,
+// } from "@react-google-maps/api";
-const GoogleMapsCard = ({ events, eventId }) => {
- const { isLoaded } = useJsApiLoader({
- googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,
- });
+// const GoogleMapsCard = ({ events, eventId }) => {
+// const { isLoaded } = useJsApiLoader({
+// googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,
+// });
- const [eventLocation, setEventLocation] = useState(null);
- const [userLocation, setUserLocation] = useState(null);
- const [flightRoute, setFlightRoute] = useState([]);
- const [zoom, setZoom] = useState(15);
- const [infoWindowOpen, setInfoWindowOpen] = useState(false);
+// const [eventLocation, setEventLocation] = useState(null);
+// const [userLocation, setUserLocation] = useState(null);
+// const [flightRoute, setFlightRoute] = useState([]);
+// const [zoom, setZoom] = useState(15);
+// const [infoWindowOpen, setInfoWindowOpen] = useState(false);
- useEffect(() => {
- if (events[eventId - 1] && events[eventId - 1].address) {
- geocodeAddress(events[eventId - 1].address);
- }
- }, [events, eventId]);
+// useEffect(() => {
+// if (events[eventId - 1] && events[eventId - 1].address) {
+// geocodeAddress(events[eventId - 1].address);
+// }
+// }, [events, eventId]);
- useEffect(() => {
- if (userLocation && eventLocation) {
- // Generate flight route based on user and event locations
- const route = generateFlightRoute(userLocation, eventLocation);
- setFlightRoute(route);
+// useEffect(() => {
+// if (userLocation && eventLocation) {
+// // Generate flight route based on user and event locations
+// const route = generateFlightRoute(userLocation, eventLocation);
+// setFlightRoute(route);
- // Calculate bounds to fit both markers and flight route
- const bounds = new window.google.maps.LatLngBounds();
- bounds.extend(new window.google.maps.LatLng(userLocation.lat, userLocation.lng));
- bounds.extend(new window.google.maps.LatLng(eventLocation.lat, eventLocation.lng));
- route.forEach((point) =>
- bounds.extend(new window.google.maps.LatLng(point.lat, point.lng))
- );
+// // Calculate bounds to fit both markers and flight route
+// const bounds = new window.google.maps.LatLngBounds();
+// bounds.extend(new window.google.maps.LatLng(userLocation.lat, userLocation.lng));
+// bounds.extend(new window.google.maps.LatLng(eventLocation.lat, eventLocation.lng));
+// route.forEach((point) =>
+// bounds.extend(new window.google.maps.LatLng(point.lat, point.lng))
+// );
- // Set zoom level
- const mapWidth = 100;
- const mapHeight = 200;
- const ne = bounds.getNorthEast();
- const sw = bounds.getSouthWest();
- const zoomLevel = getZoomLevel(ne.lat(), sw.lat(), ne.lng(), sw.lng(), mapWidth, mapHeight);
- setZoom(zoomLevel);
- }
- }, [userLocation, eventLocation]);
+// // Set zoom level
+// const mapWidth = 100;
+// const mapHeight = 200;
+// const ne = bounds.getNorthEast();
+// const sw = bounds.getSouthWest();
+// const zoomLevel = getZoomLevel(ne.lat(), sw.lat(), ne.lng(), sw.lng(), mapWidth, mapHeight);
+// setZoom(zoomLevel);
+// }
+// }, [userLocation, eventLocation]);
- const generateFlightRoute = (start, end) => {
- // Calculate intermediary points between start and end coordinates
- // Here, you can use any algorithm or library to generate waypoints
- // This is a simple example for demonstration purposes
- const numWaypoints = 10;
- const route = [];
- for (let i = 0; i <= numWaypoints; i++) {
- const lat = start.lat + (end.lat - start.lat) * (i / numWaypoints);
- const lng = start.lng + (end.lng - start.lng) * (i / numWaypoints);
- route.push({ lat, lng });
- }
- return route;
- };
+// const generateFlightRoute = (start, end) => {
+// // Calculate intermediary points between start and end coordinates
+// // Here, you can use any algorithm or library to generate waypoints
+// // This is a simple example for demonstration purposes
+// const numWaypoints = 10;
+// const route = [];
+// for (let i = 0; i <= numWaypoints; i++) {
+// const lat = start.lat + (end.lat - start.lat) * (i / numWaypoints);
+// const lng = start.lng + (end.lng - start.lng) * (i / numWaypoints);
+// route.push({ lat, lng });
+// }
+// return route;
+// };
- const geocodeAddress = async (address) => {
- try {
- const response = await fetch(
- `https://maps.googleapis.com/maps/api/geocode/json?address=${encodeURIComponent(
- address
- )}&key=${process.env.REACT_APP_GOOGLE_MAPS_API_KEY}`
- );
- const data = await response.json();
- if (data.status === "OK") {
- const location = data.results[0].geometry.location;
- setEventLocation(location);
- } else {
- console.error(
- "Geocode was not successful for the following reason:",
- data.status
- );
- }
- } catch (error) {
- console.error("Error fetching geocode:", error);
- }
- };
+// const geocodeAddress = async (address) => {
+// try {
+// const response = await fetch(
+// `https://maps.googleapis.com/maps/api/geocode/json?address=${encodeURIComponent(
+// address
+// )}&key=${process.env.REACT_APP_GOOGLE_MAPS_API_KEY}`
+// );
+// const data = await response.json();
+// if (data.status === "OK") {
+// const location = data.results[0].geometry.location;
+// setEventLocation(location);
+// } else {
+// console.error(
+// "Geocode was not successful for the following reason:",
+// data.status
+// );
+// }
+// } catch (error) {
+// console.error("Error fetching geocode:", error);
+// }
+// };
- const getZoomLevel = (lat1, lat2, lng1, lng2, mapWidth, mapHeight) => {
- const GLOBE_WIDTH = 256; // a constant in Google's map projection
- const angle = lng2 - lng1;
- const zoomX = Math.floor(Math.log2((GLOBE_WIDTH * 360) / angle / mapWidth));
- const zoomY = Math.floor(Math.log2((GLOBE_WIDTH * 180) / (lat1 - lat2) / mapHeight));
- return Math.min(zoomX, zoomY);
- };
+// const getZoomLevel = (lat1, lat2, lng1, lng2, mapWidth, mapHeight) => {
+// const GLOBE_WIDTH = 256; // a constant in Google's map projection
+// const angle = lng2 - lng1;
+// const zoomX = Math.floor(Math.log2((GLOBE_WIDTH * 360) / angle / mapWidth));
+// const zoomY = Math.floor(Math.log2((GLOBE_WIDTH * 180) / (lat1 - lat2) / mapHeight));
+// return Math.min(zoomX, zoomY);
+// };
- if (!isLoaded || !eventLocation || !userLocation || flightRoute.length === 0) {
- return (
- 
,
,
,
,
];
+import backgroundImg from "../Assets/backgroundImage.webp";
const Home = () => {
return (
<>
-
-
- );
- }
+// if (!isLoaded || !eventLocation || !userLocation || flightRoute.length === 0) {
+// return (
+//
-
-
+//
+// );
+// }
- return (
-
+//
+//
-
- );
-};
+// return (
+//
-
-
-
- setInfoWindowOpen(true)}
- >
- {infoWindowOpen && (
- setInfoWindowOpen(false)}>
-
- )}
-
- setInfoWindowOpen(true)}
- >
- {infoWindowOpen && (
- setInfoWindowOpen(false)}>
-
- )}
-
-
-
- Your Location
- Event Location
-
+//
+// );
+// };
-export default GoogleMapsCard;
+// export default GoogleMapsCard;
diff --git a/src/Components/Home.js b/src/Components/Home.js
index 8677dc5..acbc30d 100644
--- a/src/Components/Home.js
+++ b/src/Components/Home.js
@@ -1,10 +1,7 @@
import React from "react";
-import BannerBackground from "../Assets/about-background.png";
-import BannerImage from "../Assets/home-banner-image.png";
import { FiArrowRight } from "react-icons/fi";
import About from "./About";
import Contact from "./Contact";
-import Testimonial from "./Testimonial";
import { Link } from "react-router-dom";
import Carousel from "./Corousel.js"; // Ensure this path is correct
import img1 from "../Assets/SliderImages/img1.jpg";
@@ -12,28 +9,34 @@ import img2 from "../Assets/SliderImages/img2.png";
import gif1 from "../Assets/SliderImages/gif1.gif";
import gif2 from "../Assets/SliderImages/gif2.gif";
import vid from "../Assets/smiling.mp4";
+import OurTeam from "./OurTeam";
const slides = [
+//
+//
+//
+// setInfoWindowOpen(true)}
+// >
+// {infoWindowOpen && (
+// setInfoWindowOpen(false)}>
+//
+// )}
+//
+// setInfoWindowOpen(true)}
+// >
+// {infoWindowOpen && (
+// setInfoWindowOpen(false)}>
+//
+// )}
+//
+//
+//
+// Your Location
+// Event Location
+//
+
{slides}
-
- Plan Smarter, Celebrate Bigger with EventPlannerAI!
+ Plan Smarter, Celebrate Bigger with EventEZ
+