diff --git a/public/images/cheerful_chateaus_logo.png b/public/images/cheerful_chateaus_logo.png new file mode 100644 index 0000000..0cfc045 Binary files /dev/null and b/public/images/cheerful_chateaus_logo.png differ diff --git a/src/pages/study_site_5/StartPage5.jsx b/src/pages/study_site_5/StartPage5.jsx new file mode 100644 index 0000000..e8f55d8 --- /dev/null +++ b/src/pages/study_site_5/StartPage5.jsx @@ -0,0 +1,128 @@ +import React, { useState } from "react"; +import WebpageBanner from "../../components/webpage_container/WebpageBanner"; +import { + StudySite, + getHeatmapData, +} from "../../components/webpage_container/StudySite"; +import { pushToMouseLog } from "../../core/log/SensorLogger"; +import { Spacer } from "@geist-ui/core"; +import ScrollableTab from "../../components/ScrollableTab"; +import { Tab } from "react-tabs-scrollable"; +import { + Info, + Clipboard, + Search, + MapPin, + Home, + Star, + Phone, + Zap, + CheckSquare, + Cloud, +} from "@geist-ui/icons"; +import PropertyOverview from "./tab_content/PropertyOverview"; +import PropertyFeatures from "./tab_content/PropertyFeatures"; +import PropertyEnergyEfficiency from "./tab_content/PropertyEnergyEfficiency"; +import PropertyLocation from "./tab_content/PropertyLocation"; +import PropertyTransfer from "./tab_content/PropertyTransfer"; +import PropertyConstruction from "./tab_content/PropertyConstruction"; +import PropertyFacilities from "./tab_content/PropertyFacilities"; +import PropertyOutsideSpace from "./tab_content/PropertyOutsideSpace"; +import PropertyNotices from "./tab_content/PropertyNotices"; +import PropertyContact from "./tab_content/PropertyContact"; + +const tabContent = [ + , + , + , + , + , + , + , + , + , + , +]; + +function StartPage5({ redirectLoc }) { + const [activeTabIndex, setActiveTabIndex] = useState(0); + + var saveMouseLog = function () { + pushToMouseLog(getHeatmapData()); + }; + + const onActiveTabChange = (index) => { + setActiveTabIndex(index); + }; + + // TODO THINK IF I WANT TO JUST USE AN OVERLAY FOR OTHER DUMMY LINKS, WHICH ARENT CORRECT??? + // IS THAT OKAY??? + + return ( + + + + Cheerful Chateaus Logo + + {tabContent[activeTabIndex]} + + + + + Overview + + + + + Features + + + + + Energy Efficiency + + + + + Location + + + + + Transfer + + + + + Construction + + + + + Facilities + + + + + Outside Space + + + + + Notices + + + + + Contact + + + + ); +} + +export default StartPage5; diff --git a/src/pages/study_site_5/tab_content/PropertyConstruction.jsx b/src/pages/study_site_5/tab_content/PropertyConstruction.jsx new file mode 100644 index 0000000..7dbefd4 --- /dev/null +++ b/src/pages/study_site_5/tab_content/PropertyConstruction.jsx @@ -0,0 +1,13 @@ +import { Text } from "@geist-ui/core"; + +function PropertyConstruction() { + return ( + + Built in 2010, the flat features modern construction techniques and + high-quality materials. The building is well-maintained and complies with + all current safety and building regulations. + + ); +} + +export default PropertyConstruction; diff --git a/src/pages/study_site_5/tab_content/PropertyContact.jsx b/src/pages/study_site_5/tab_content/PropertyContact.jsx new file mode 100644 index 0000000..6bb4bdb --- /dev/null +++ b/src/pages/study_site_5/tab_content/PropertyContact.jsx @@ -0,0 +1,14 @@ +import { Text } from "@geist-ui/core"; + +function PropertyContact() { + return ( + + For more information or to schedule a viewing, please contact us at:
+ Email: info@cheerfulchateaus.com
+ Phone: +31 20 123 4567
+ Address: Prinsengracht 123, 1016 GJ Amsterdam, Netherlands + + ); +} + +export default PropertyContact; diff --git a/src/pages/study_site_5/tab_content/PropertyEnergyEfficiency.jsx b/src/pages/study_site_5/tab_content/PropertyEnergyEfficiency.jsx new file mode 100644 index 0000000..2cda0aa --- /dev/null +++ b/src/pages/study_site_5/tab_content/PropertyEnergyEfficiency.jsx @@ -0,0 +1,14 @@ +import { Text } from "@geist-ui/core"; + +function PropertyEnergyEfficiency() { + return ( + + This flat has an energy efficiency rating of A, thanks to its modern + insulation, double-glazed windows, and energy-efficient appliances. Enjoy + lower utility bills and a smaller carbon footprint while living in + comfort. + + ); +} + +export default PropertyEnergyEfficiency; diff --git a/src/pages/study_site_5/tab_content/PropertyFacilities.jsx b/src/pages/study_site_5/tab_content/PropertyFacilities.jsx new file mode 100644 index 0000000..4ba6e2f --- /dev/null +++ b/src/pages/study_site_5/tab_content/PropertyFacilities.jsx @@ -0,0 +1,14 @@ +function PropertyFacilities() { + return ( +
    +
  • Secure Entry System
    • +
  • Underground Parking
    • +
  • Bicycle Storage
    • +
  • Fitness Center
    • +
  • Communal Garden
    • +
  • Elevator Access
    • +
+ ); +} + +export default PropertyFacilities; diff --git a/src/pages/study_site_5/tab_content/PropertyFeatures.jsx b/src/pages/study_site_5/tab_content/PropertyFeatures.jsx new file mode 100644 index 0000000..dcb41a2 --- /dev/null +++ b/src/pages/study_site_5/tab_content/PropertyFeatures.jsx @@ -0,0 +1,14 @@ +function PropertyFeatures() { + return ( +
    +
  • 2 Spacious Bedrooms
    • +
  • 1 Modern Bathroom
    • +
  • Open Plan Living and Dining Area
    • +
  • Hardwood Floors
    • +
  • High-Speed Internet
    • +
  • In-Uni Laundry
    • +
+ ); +} + +export default PropertyFeatures; diff --git a/src/pages/study_site_5/tab_content/PropertyLocation.jsx b/src/pages/study_site_5/tab_content/PropertyLocation.jsx new file mode 100644 index 0000000..4654693 --- /dev/null +++ b/src/pages/study_site_5/tab_content/PropertyLocation.jsx @@ -0,0 +1,14 @@ +import { Text } from "@geist-ui/core"; + +function PropertyLocation() { + return ( + + Situated in the vibrant district of Jordaan, the flat is within walking + distance to key landmarks, shopping districts, and public transportation + hubs. Nearby attractions include the Anne Frank House, the Westermarkt, + and the bustling Dam Square. + + ); +} + +export default PropertyLocation; diff --git a/src/pages/study_site_5/tab_content/PropertyNotices.jsx b/src/pages/study_site_5/tab_content/PropertyNotices.jsx new file mode 100644 index 0000000..37edc24 --- /dev/null +++ b/src/pages/study_site_5/tab_content/PropertyNotices.jsx @@ -0,0 +1,13 @@ +function PropertyNotices() { + return ( +
    +
  • No Pets Allowed
    • +
  • No Smoking
    • +
  • Minimum Lease Term: 12 Months
    • +
  • Deposit Required: €1500
    • +
  • Monthly Rent: €2000
    • +
+ ); +} + +export default PropertyNotices; diff --git a/src/pages/study_site_5/tab_content/PropertyOutsideSpace.jsx b/src/pages/study_site_5/tab_content/PropertyOutsideSpace.jsx new file mode 100644 index 0000000..0baf1fe --- /dev/null +++ b/src/pages/study_site_5/tab_content/PropertyOutsideSpace.jsx @@ -0,0 +1,13 @@ +import { Text } from "@geist-ui/core"; + +function PropertyOutsideSpace() { + return ( + + The flat includes a private balcony with stunning views of the Amsterdam + skyline. The building also features a communal rooftop terrace, perfect + for relaxing and socializing with neighbors. + + ); +} + +export default PropertyOutsideSpace; diff --git a/src/pages/study_site_5/tab_content/PropertyOverview.jsx b/src/pages/study_site_5/tab_content/PropertyOverview.jsx new file mode 100644 index 0000000..b97dd64 --- /dev/null +++ b/src/pages/study_site_5/tab_content/PropertyOverview.jsx @@ -0,0 +1,14 @@ +import { Text } from "@geist-ui/core"; + +function PropertyOverview() { + return ( + + Welcome to Cheerful Chateaus! Our featured flat is a charming 2-bedroom + apartment located in the heart of Amsterdam. Perfectly suited for urban + professionals and small families, this modern flat offers a blend of + comfort and convenience with a touch of luxury. + + ); +} + +export default PropertyOverview; diff --git a/src/pages/study_site_5/tab_content/PropertyTransfer.jsx b/src/pages/study_site_5/tab_content/PropertyTransfer.jsx new file mode 100644 index 0000000..cf800da --- /dev/null +++ b/src/pages/study_site_5/tab_content/PropertyTransfer.jsx @@ -0,0 +1,13 @@ +import { Text } from "@geist-ui/core"; + +function PropertyTransfer() { + return ( + + The flat is available for immediate transfer. Our friendly staff will + guide you through the process, ensuring a smooth and hassle-free move-in + experience. We offer flexible viewing times to accommodate your schedule. + + ); +} + +export default PropertyTransfer;