Skip to content

2
2022-257
Commit 05b23e22 authored by Madhura Mihiranga H.N. IT19177410's avatar Madhura Mihiranga H.N. IT19177410
Browse files
Options

ui changes

parent 7892e6c4
Hide whitespace changes
Inline Side-by-side
Showing with 51 additions and 21 deletions
bussifinder/package-lock.json
View file @ 05b23e22
......@@ -11232,6 +11232,14 @@
"resolved": "https://registry.npmjs.org/react-geolocated/-/react-geolocated-4.0.3.tgz",
"integrity": "sha512-p+BObdbWT4kINILkUZtqkWHippBsCLnQ+dyx9Bnd+m3086Xkw7VKWxcFavCd2pG6AM50jsiMJiDu0+DjelnT9g=="
},
"react-glitch-effect": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/react-glitch-effect/-/react-glitch-effect-3.1.0.tgz",
"integrity": "sha512-qBjCTTSWPKTkvifWzJtO/tNDxEdtihJvshp5LYW+noiATloai679vHer4Vb/ipSPu9Yvu7xa+gB254WfNlpaaA==",
"requires": {
"prop-types": "^15.7.2"
}
},
"react-google-charts": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/react-google-charts/-/react-google-charts-4.0.0.tgz",
......@@ -11420,6 +11428,15 @@
"resolved": "https://registry.npmjs.org/react-type-animation/-/react-type-animation-2.1.1.tgz",
"integrity": "sha512-leXq9tZLsfbQWi+1PvsSc2XZYv9CqRrChvuv81M0UPECggBEQgplQzTO9LzgjYNPdnhf4UMeEtZMI4G1qPpuwA=="
},
"react-typed": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/react-typed/-/react-typed-1.2.0.tgz",
"integrity": "sha512-aDsaA6zkjAFJs8285APOqE85l/kwJ0/ZJmBhARwUrza4TTttrMM5FcMCGEDdThdfUdHo/0l9WXmxp1m2ik4qdw==",
"requires": {
"prop-types": "^15.6.0",
"typed.js": "^2.0.6"
}
},
"readable-stream": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
......@@ -13215,6 +13232,11 @@
"mime-types": "~2.1.24"
}
},
"typed.js": {
"version": "2.0.12",
"resolved": "https://registry.npmjs.org/typed.js/-/typed.js-2.0.12.tgz",
"integrity": "sha512-lyACZh1cu+vpfYY3DG/bvsGLXXbdoDDpWxmqta10IQUdMXisMXOEyl+jos+YT9uBbzK4QaKYBjT3R0kTJO0Slw=="
},
"typedarray": {
"version": "0.0.6",
"resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
......
bussifinder/package.json
View file @ 05b23e22
......@@ -35,6 +35,7 @@
"react-facebook-login": "^4.1.1",
"react-gauge-chart": "^0.4.0",
"react-geolocated": "^4.0.3",
"react-glitch-effect": "^3.1.0",
"react-google-charts": "^4.0.0",
"react-google-login": "^5.2.2",
"react-google-maps": "^9.4.5",
......@@ -46,6 +47,7 @@
"react-router-dom": "^6.3.0",
"react-scripts": "5.0.1",
"react-type-animation": "^2.1.1",
"react-typed": "^1.2.0",
"redux": "^4.2.0",
"tsparticles": "^2.3.1",
"typescript": "^4.6.4",
......
bussifinder/src/components/BusinessTypePage.js
View file @ 05b23e22
......@@ -133,8 +133,8 @@ return (
height:'100%',
}}
>
<div className={classes.titleTxt}>Simple, transparent pricing</div>
<div className={classes.subTxt}>No contracts. No surprise fees.</div>
<div className={classes.titleTxt}>Predict, the success of your new business</div>
<div className={classes.subTxt}>Select a method from below two types according to your need.</div>
<Box sx={{
backgroundColor:'#fff',
borderRadius:'40px',
......@@ -160,7 +160,7 @@ return (
},
}}
label="Without Idea" value="1" />
label="Location Based" value="1" />
<Tab
indicatorColor="secondary"
sx={{
......@@ -178,7 +178,7 @@ return (
color:'#dab23b',
fontWeight:'400',
},
}}label="With Business Type" value="2" />
}}label="Location And Business Type Based" value="2" />
</TabList>
</Box>
</Box>
......@@ -254,8 +254,8 @@ return (
}}>
<div className={classes.titleTopBar}></div>
<div>
<div style={{color:theme.textColor,fontSize:"34px",fontWeight:700}}>WEB APPLICATION <br/>
<span style={{fontWeight:400,}}>DEVELOPMENT</span>
<div style={{color:theme.textColor,fontSize:"34px",fontWeight:700}}>LOCATION BASED <br/>
<span style={{fontWeight:400,}}>BUSINESS TYPE ANALYSIS</span>
</div>
</div>
<div className={classes.bodyText}>
......@@ -319,7 +319,7 @@ return (
</div>
</div>
<div className={classes.bodyText}>
We make sure your website looks the way you want it to where ever it is viewed. In this day and age there smart devices populate our entire life, We strive to ensure that the websites we create are always up to standard with the new devices releasing all the time. We develop dynamic websites based on our client requests such as Content Management System (CMS), E-commerce websites (Shopping carts), Online Bookings, Web Portals, Payment Gateways etc. There are many uses of having a dynamic site.
location has a big impact on the demand your hotel will generate, and therefore will influence the price you can ask in the market for your rooms. Hence when starting a new hotel, the site selection process is a key step that should not be taken too lightly. In the evaluation of a hotel’s location, nine key characteristics that make up a hotel's location were chosen in order to build prediction models that can evaluate a potential hotel site on each characteristic. These attributes are location attraction, transportation modes count, competitors, nearby hotel reviews count, beach access, availability of Wi-Fi, Parking, A/C, Pool
</div>
<GetStarted variant="contained" onClick={() => navigateToHInputForm()} endIcon={<ArrowForwardIosIcon />}>
Get Started
......@@ -425,7 +425,7 @@ return (
</div>
</div>
<div className={classes.bodyText}>
We make sure your website looks the way you want it to where ever it is viewed. In this day and age there smart devices populate our entire life, We strive to ensure that the websites we create are always up to standard with the new devices releasing all the time. We develop dynamic websites based on our client requests such as Content Management System (CMS), E-commerce websites (Shopping carts), Online Bookings, Web Portals, Payment Gateways etc. There are many uses of having a dynamic site.
Site selection of a restaurant is one of the first steps of setting up restaurant. The success of a restaurant is heavily dependent on the location, and must be chosen carefully. Much thought and planning need to go into deciding the location, and many factors need to be considered before selecting the site. These key factors are reachability to the shopping areas, distance to the nearest city, competitors, education related places count, work related places count, availability of delivery service, restaurant opening and closing hours.
</div>
<GetStarted variant="contained" onClick={() => navigateToRInputForm()} endIcon={<ArrowForwardIosIcon />}>
Get Started
......@@ -581,7 +581,7 @@ return (
</div>
</div>
<div className={classes.bodyText}>
We make sure your website looks the way you want it to where ever it is viewed. In this day and age there smart devices populate our entire life, We strive to ensure that the websites we create are always up to standard with the new devices releasing all the time. We develop dynamic websites based on our client requests such as Content Management System (CMS), E-commerce websites (Shopping carts), Online Bookings, Web Portals, Payment Gateways etc. There are many uses of having a dynamic site.
The location you choose for your business is a monumental decision that needs to be carefully considered. The more favorable the location, the higher possibility of the business succeeding. For each type of business, you need to consider different types of factors to find the best location for the particular business. "BussFinder" analyze the given location and generate an accurate business solution for the user. Users can use this tool to determine whether a place is good for a grocery, a restaurant, a pharmacy, or a hotel.
</div>
<GetStarted variant="contained" endIcon={<ArrowForwardIosIcon />}>
Get Started
......
bussifinder/src/components/ContactUs.js
View file @ 05b23e22
......@@ -165,11 +165,11 @@ return (
}}
>
<div className={classes.inputTxt}>Username</div>
<input placeholder='name' className={classes.input} type="text" name="username" onChange={handleChange}/>
<input className={classes.input} type="text" name="username" onChange={handleChange}/>
<div className={classes.inputTxt}>Email</div>
<input placeholder='email' className={classes.input} type="text" name="email" onChange={handleChange}/>
<input className={classes.input} type="text" name="email" onChange={handleChange}/>
<div className={classes.inputTxt}>Description</div>
<input placeholder='description' className={classes.input} type="text" name="description" onChange={handleChange}/>
<input className={classes.input} type="text" name="description" onChange={handleChange}/>
<ContactUsButton variant="contained" onClick={() => submitContactUsForm()}>Submit </ContactUsButton>
</Box>
</Box>
......
bussifinder/src/components/DetailsBox.js
View file @ 05b23e22
......@@ -113,12 +113,12 @@ const DetailsBox =() => {
>
<span className={classes.titleTopBar}></span>
<div>
<div style={{color:themeColor.textColor,fontSize:"34px",fontWeight:700}}>WEB APPLICATION <br/>
<span style={{fontWeight:400,}}>DEVELOPMENT</span>
<div style={{color:themeColor.textColor,fontSize:"34px",fontWeight:700}}> PREDICT YOUR DREAM BUSINESS <br/>
<span style={{fontWeight:400,}}>WITH BUSSIFINDER</span>
</div>
</div>
<div className={classes.bodyText}>
We make sure your website looks the way you want it to where ever it is viewed. In this day and age there smart devices populate our entire life, We strive to ensure that the websites we create are always up to standard with the new devices releasing all the time. We develop dynamic websites based on our client requests such as Content Management System (CMS), E-commerce websites (Shopping carts), Online Bookings, Web Portals, Payment Gateways etc. There are many uses of having a dynamic site.
The location you choose for your business is a monumental decision that needs to be carefully considered. The more favorable the location, the higher possibility of the business succeeding. For each type of business, you need to consider different types of factors to find the best location for the particular business. "BussFinder" analyze the given location and generate an accurate business solution for the user. Users can use this tool to determine whether a place is good for a grocery, a restaurant, a pharmacy, or a hotel.
</div>
<GetStarted variant="contained" onClick={() => navigate('/Service')} endIcon={<ArrowForwardIosIcon />}>
Get Started
......
bussifinder/src/components/HomePageHeader.js
View file @ 05b23e22
......@@ -4,6 +4,8 @@ import MainBgImage from '../images/mainBgSvg.svg'
import { darkMode,lightMode } from "../features/theme";
import { useSelector } from "react-redux";
import { makeStyles } from '@mui/styles';
import Typed from "react-typed";
import GlitchClip from 'react-glitch-effect/core/GlitchClip';
import Logo from '../images/logo.png'
import Particle from './Particle';
......@@ -64,7 +66,7 @@ const HomePageHeader = () => {
<Box sx={{
width: "100%",
height: "60vh",
backgroundColor:themeColor.status == 'light' ? '#646464':'#070939',
backgroundColor:themeColor.status == 'light' ? '#070939':'#020212',
// backgroundImage: `url(${MainBgImage})`,
// backgroundSize: "cover",
// backgroundPosition: "top",
......@@ -87,8 +89,8 @@ const HomePageHeader = () => {
flexDirection:"column",
boxSizing:"border-box",
}}>
<div className={classes.titleTxt}>BussiFinder</div>
<div className={classes.subTitleTxt}>Explore Your Business</div>
<GlitchClip duration={8000}><div className={classes.titleTxt}>BussiFinder</div></GlitchClip>
<div className={classes.subTitleTxt}><Typed strings={["Explore Your Business"]} typeSpeed={40} /></div>
</Box>
......
bussifinder/src/components/LocationBasedPredict.js
View file @ 05b23e22
......@@ -232,7 +232,7 @@ return (
textAlign:"center",
mb:"20px",
}}>
Location Selection
Location Based Type Analysis
</Typography>
<div>
<Map/>
......
bussifinder/src/components/PropertyType.js
View file @ 05b23e22
......@@ -158,14 +158,14 @@ const PropertyType = () => {
in={checked}
style={{ transformOrigin: '0 0 0' }}
{...(checked ? { timeout: 300 } : {})}>
<div style={{ height: "35px", fontSize: "26px", color: themeColor.fontColor }}>Featured Property Type</div>
<div style={{ height: "35px", fontSize: "26px", color: themeColor.fontColor }}>Featured Business Type</div>
</Grow>
<Grow
in={checked}
style={{ transformOrigin: '0 0 0' }}
{...(checked ? { timeout: 1000 } : {})}
>
<div style={{ height: "15px", fontSize: "16px", color: themeColor.subFontColor }}>Find All Of Property Types</div>
<div style={{ height: "15px", fontSize: "16px", color: themeColor.subFontColor }}> Select a business type that you hope to predict the succes rate.</div>
</Grow>
</div>
<Box
......
bussifinder/src/components/ResultsWOTypes.js
View file @ 05b23e22
......@@ -210,6 +210,10 @@ return (
backgroundColor: themeColor.status == 'light' ? '#f5f5f5' : '#3e3d3d',
boxSizing: 'border-box',
padding: '20px',
backgroundImage:'url(https://images.unsplash.com/photo-1478860409698-8707f313ee8b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80)',
backgroundRepeat: 'no-repeat',
backgroundSize: 'cover',
backgroundAttachment:'fixed',
}}
>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment