diff --git a/next.config.mjs b/next.config.mjs index 22a1d2c..b16669d 100644 --- a/next.config.mjs +++ b/next.config.mjs @@ -9,6 +9,13 @@ const nextConfig = { pathname: "/**", search: "", }, + { + protocol: "https", + hostname: "realt.co", + port: "", + pathname: "/**", + search: "", + }, ], }, webpack: (config) => { diff --git a/package.json b/package.json index 73f1964..30c571e 100644 --- a/package.json +++ b/package.json @@ -29,6 +29,7 @@ "react-dom": "^18", "react-jdenticon": "^1.4.0", "react-use": "^17.6.0", + "swiper": "^12.0.2", "viem": "^2.31.4", "wagmi": "^2.15.6" }, diff --git a/src/app/(homepage)/components/Header/index.tsx b/src/app/(homepage)/components/Header/index.tsx index 9cd8098..3c5765a 100644 --- a/src/app/(homepage)/components/Header/index.tsx +++ b/src/app/(homepage)/components/Header/index.tsx @@ -12,7 +12,7 @@ const Header: React.FC = () => { return (

- Session 1 - Retro PGF Experiment + RealT Properties Predictions

@@ -41,7 +41,7 @@ const Header: React.FC = () => {

- If rated, what score would the gourmet committee give to the meal? + If evaluated, what is the current price of the property?

diff --git a/src/app/(homepage)/components/ProjectFunding/Details.tsx b/src/app/(homepage)/components/ProjectFunding/Details.tsx index 73caded..224f8c3 100644 --- a/src/app/(homepage)/components/ProjectFunding/Details.tsx +++ b/src/app/(homepage)/components/ProjectFunding/Details.tsx @@ -1,29 +1,155 @@ import React from "react"; +import clsx from "clsx"; +import Image from "next/image"; import Link from "next/link"; +import { Navigation, Pagination } from "swiper/modules"; +import { Swiper, SwiperSlide } from "swiper/react"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; + +import CalendarIcon from "@/assets/svg/calendar.svg"; +import ChartIcon from "@/assets/svg/chart-bar.svg"; +import DollarIcon from "@/assets/svg/dollar.svg"; +import ExternalArrowIcon from "@/assets/svg/external-arrow.svg"; +import GeoPin from "@/assets/svg/geo-pin.svg"; +import GnosisLogo from "@/assets/svg/gnosis.svg"; +import HomeIcon from "@/assets/svg/home.svg"; import { IDetails } from "@/consts/markets"; -const Details: React.FC = ({ imdbURL, posterURL, summary }) => ( -
- {posterURL ? ( - movie poster - ) : null} -
- {imdbURL ? ( - - IMDB - - ) : null} -

- {summary} -

+const Details: React.FC = ({ + fullName, + totalInvestment, + squareFeet, + propertyType, + grossRentYear, + netRentYear, + initialLaunchDate, + annualPercentageYield, + coordinate, + marketplaceLink, + images, + contract, +}) => ( +
+
+ + + {fullName} + + {coordinate} +
+
+
+ +
+
+
+
+
+ + {`${squareFeet} sq ft`} +
+ | + {propertyType} +
+
+ + | + + | + + | + +
+
+ + {images.map((imageSrc) => ( + + House image + + ))} + +
+ + Marketplace Link + + | + +
+
+); + +interface IValue { + className?: string; + icon: React.FC>; + title: string; + subtitle?: string; + big?: boolean; +} + +const Value: React.FC = ({ + className, + icon: Icon, + title, + subtitle, + big, +}) => ( +
+ + + {title} + + {subtitle ? ( + {subtitle} + ) : null}
); diff --git a/src/app/globals.css b/src/app/globals.css index 91d05b8..79c3ae5 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -62,6 +62,20 @@ ::file-selector-button { border-color: var(--color-gray-200, currentcolor); } + + .swiper-button-next, + .swiper-button-prev { + width: 60px; + height: 60px; + border-radius: 100%; + background-color: #FFF; + filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25)); + svg { + fill: #333333 !important; + width: 16px !important; + height: 16px !important; + } + } } @utility text-balance { diff --git a/src/assets/svg/calendar.svg b/src/assets/svg/calendar.svg new file mode 100644 index 0000000..8153c9f --- /dev/null +++ b/src/assets/svg/calendar.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/dollar.svg b/src/assets/svg/dollar.svg new file mode 100644 index 0000000..4b69fdf --- /dev/null +++ b/src/assets/svg/dollar.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/geo-pin.svg b/src/assets/svg/geo-pin.svg new file mode 100644 index 0000000..8115844 --- /dev/null +++ b/src/assets/svg/geo-pin.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/gnosis.svg b/src/assets/svg/gnosis.svg index b91f06e..2990efd 100644 --- a/src/assets/svg/gnosis.svg +++ b/src/assets/svg/gnosis.svg @@ -1,4 +1,4 @@ - + diff --git a/src/assets/svg/home.svg b/src/assets/svg/home.svg new file mode 100644 index 0000000..d704c7b --- /dev/null +++ b/src/assets/svg/home.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/layout/Header/Logo.tsx b/src/components/layout/Header/Logo.tsx index 0369584..aa38668 100644 --- a/src/components/layout/Header/Logo.tsx +++ b/src/components/layout/Header/Logo.tsx @@ -17,7 +17,7 @@ const Logo: React.FC = () => { diff --git a/src/consts/markets.ts b/src/consts/markets.ts index 4607bf5..79a46bd 100644 --- a/src/consts/markets.ts +++ b/src/consts/markets.ts @@ -16,9 +16,19 @@ export const invalidMarket: Address = export const endTime: number = 1755561599; export interface IDetails { - imdbURL?: string; - posterURL?: string; - summary: string; + fullName: string; + shortName: string; + totalInvestment: string; + squareFeet: string; + propertyType: string; + grossRentYear: string; + netRentYear: string; + initialLaunchDate: string; + annualPercentageYield: string; + coordinate: string; + marketplaceLink: string; + images: Array; + contract: string; } export interface IMarket { @@ -37,7 +47,7 @@ export interface IMarket { export const markets: Array = [ { - name: "Armenian lentil soup by chef Carl and Sharfy", + name: "23750 W 7 Mile", color: "#E6194B", upToken: "0x4d14D2c9cfa9Fbad1a2c37e861613B39811b5930", downToken: "0x1e28C4aA38b58075995303AB65f43351381F44e5", @@ -49,11 +59,27 @@ export const markets: Array = [ conditionId: "0x1998e68781b600d412d5e7dc5f5600a1fe061020cb08b793391faf08cd4551d3", details: { - summary: "Meal prepared by chef Carl and Sharfy on Tuesday 28th of July.", + fullName: "23750 W 7 Mile Rd, Detroit, MI 48219", + shortName: "23750 W 7 Mile", + totalInvestment: "944,537", + squareFeet: "11,944", + propertyType: "Multi Family", + grossRentYear: "159,360", + netRentYear: "85,986", + initialLaunchDate: "2024-12-13", + annualPercentageYield: "9.10%", + coordinate: "(42.429298, -83.274959)", + marketplaceLink: + "https://realt.co/product/23750-w-7-mile-rd-detroit-mi-48219/", + images: [ + "https://realt.co/wp-content/uploads/2024/12/23750-W-7-Mile-front-side-1.jpg", + "https://realt.co/wp-content/uploads/2024/12/23750-W-7-Mile-front-side-4.jpg", + ], + contract: "0x0f388d7e65a969dbcbfab21bc3ab6629af78f4cf", }, }, { - name: "Rests by chef Nidhi", + name: "18881 Mound", color: "#3CB44B", upToken: "0xAc0d139040CA273348b87fA7cE5a29313e71DdC3", downToken: "0x6f3d0aF35C1593659db3f53D51399D58B8729f43", @@ -65,11 +91,28 @@ export const markets: Array = [ conditionId: "0xe164ff8c0eb2ce35e7577c834450b0f7c5a400384bbaac608614f0b6234b5d7f", details: { - summary: "Meal prepared by chef Nidhi on Thursday 29th of July.", + fullName: "18881 Mound Rd, Detroit, MI 48234", + shortName: "18881 Mound", + totalInvestment: "336,340", + squareFeet: "3,732", + propertyType: "Multi Family", + grossRentYear: "66,600", + netRentYear: "30,660", + initialLaunchDate: "2024-12-13", + annualPercentageYield: "9.12%", + coordinate: "(42.432798, -83.044147)", + marketplaceLink: + "https://realt.co/product/18881-mound-rd-detroit-mi-48234/", + images: [ + "https://realt.co/wp-content/uploads/2024/12/18881-Mound-front-side-1.jpg", + "https://realt.co/wp-content/uploads/2024/12/18881-Mound-front-flat-1.jpg", + "https://realt.co/wp-content/uploads/2024/12/18881-Mound-front-side-3.jpg", + ], + contract: "0x5c4e3fa9704d4212c6434190af6379cfbda47e13", }, }, { - name: "Crêpes by chef Clément", + name: "14631-14633 Plymouth", color: "#FFA500", upToken: "0xa12B6c17068BbeD4D67898FbC9630B5A32e02319", downToken: "0x34802E9d1C06b846d4B6b3e56FfA2Bde4259E582", @@ -81,11 +124,28 @@ export const markets: Array = [ conditionId: "0xa656847808341964a1223418a18b519df76566b48ee32c65d0a30897284f41cf", details: { - summary: "Meal prepared by chef Clément on Friday 30th of July.", + fullName: "14631-14633 Plymouth Rd, Detroit, MI 48227", + shortName: "14631-14633 Plymouth", + totalInvestment: "1,389,025", + squareFeet: "15,292", + propertyType: "Multi Family", + grossRentYear: "249,600", + netRentYear: "126,840", + initialLaunchDate: "2024-12-13", + annualPercentageYield: "9.13%", + coordinate: "(42.372607, -83.188424)", + marketplaceLink: + "https://realt.co/product/14631-14633-plymouth-rd-detroit-mi-48227/", + images: [ + "https://realt.co/wp-content/uploads/2024/12/14631-14633-Plymouth-front-flat-1.jpg", + "https://realt.co/wp-content/uploads/2024/12/14631-14633-Plymouth-front-side-1.jpg", + "https://realt.co/wp-content/uploads/2024/12/14631-14633-Plymouth-front-side-3.jpg", + ], + contract: "0x854a0cfa24012937d3d15682ecc3d5b474bfa97e", }, }, { - name: "Takeout Sandwiches", + name: "11373 Prest", color: "#911EB4", upToken: "0x808000c9001BE6665F9Aa2Ac608C908830DFD0bC", downToken: "0xC418B2885925Dfe063BdAa0ad801104788a5105F", @@ -97,11 +157,28 @@ export const markets: Array = [ conditionId: "0xeed90eb06cd31126b544abb589b320107b4aae29fc19562b01764ba6a056add2", details: { - summary: "Takeout sandwiches on Monday 4th of August.", + fullName: "11373 Prest St, Detroit, MI 48227", + shortName: "11373 Prest", + totalInvestment: "76,806", + squareFeet: "864", + propertyType: "Single Family", + grossRentYear: "12,120", + netRentYear: "6,948", + initialLaunchDate: "2024-12-06", + annualPercentageYield: "9.05%", + coordinate: "(42.371296, -83.196702)", + marketplaceLink: + "https://realt.co/product/11373-prest-st-detroit-mi-48227/", + images: [ + "https://realt.co/wp-content/uploads/2024/12/11373-Prest-front-side-3.jpg", + "https://realt.co/wp-content/uploads/2024/12/11373-Prest-front-flat-1.jpg", + "https://realt.co/wp-content/uploads/2024/12/11373-Prest-front-side-1.jpg", + ], + contract: "0xd8b19f31186fc7350be018651aa1383175923bb3", }, }, { - name: "Indian-Spanish fusion by Nidhi/Carlos/David.", + name: "16728-16730 Woodingham", color: "#46F0F0", upToken: "0x2D14505D0551F58236469c09945d9114aFF22bdc", downToken: "0x4A82570C62f57C25228D694a1616C17B1e2fd894", @@ -113,7 +190,156 @@ export const markets: Array = [ conditionId: "0xaffd86c9d68bf40f00a54e97709f37d2cb937ae3e406553911be1779174fec71", details: { - summary: "Meal prepared by Nidhi/Carlos/David on Tuesday 5th of August.", + fullName: "16728-16730 Woodingham Dr, Detroit, MI 48221", + shortName: "16728-16730 Woodingham", + totalInvestment: "143,897", + squareFeet: "1,868", + propertyType: "Duplex", + grossRentYear: "22,200", + netRentYear: "14,460", + initialLaunchDate: "2023-12-09", + annualPercentageYield: "10.05%", + coordinate: "(42.415419, -83.149859)", + marketplaceLink: + "https://realt.co/product/16728-16730-woodingham-dr-detroit-mi-48221/", + images: [ + "https://realt.co/wp-content/uploads/2023/12/16728-16730-Woodingham-front-hero-fix.jpg", + "https://realt.co/wp-content/uploads/2023/12/16728-16730-Woodingham-side-2-fix.jpg", + "https://realt.co/wp-content/uploads/2023/12/16728-16730-Woodingham-side-1-fix.jpg", + ], + contract: "0xc7697f5e86a102eaf4000719a2dc477d65beea7d", + }, + }, + { + name: "9518 Franklin", + color: "#008080", + upToken: "0x2D14505D0551F58236469c09945d9114aFF22bdc", + downToken: "0x4A82570C62f57C25228D694a1616C17B1e2fd894", + underlyingToken: "0x81b1d03fD5Ca06A801ECa2259446D2c9b2237d1C", + minValue: 0, + maxValue: 10, + precision: 1, + marketId: "0xe93b7cE7911B16f5E72C2Bb347fBcE8f81BAc69F", + conditionId: + "0xaffd86c9d68bf40f00a54e97709f37d2cb937ae3e406553911be1779174fec71", + details: { + fullName: "9518 Franklin Dr, Mont Belvieu, TX 77523", + shortName: "9518 Franklin", + totalInvestment: "461,643", + squareFeet: "3,358", + propertyType: "Single Family", + grossRentYear: "47,760", + netRentYear: "31,572", + initialLaunchDate: "2024-10-18", + annualPercentageYield: "6.84%", + coordinate: "(29.832396, -94.853589)", + marketplaceLink: + "https://realt.co/product/9518-franklin-dr-mont-belvieu-tx-77523/", + images: [ + "https://realt.co/wp-content/uploads/2024/10/9518-franklin-front-side-1.jpg", + "https://realt.co/wp-content/uploads/2024/10/9518-franklin-front-flat-1.jpg", + "https://realt.co/wp-content/uploads/2024/10/9518-franklin-aereal-garage-1.jpg", + ], + contract: "0x4ae9d3343bbc6a894b7ee7f843c224c953f1661b", + }, + }, + { + name: "8034 Faith", + color: "#FFD700", + upToken: "0x2D14505D0551F58236469c09945d9114aFF22bdc", + downToken: "0x4A82570C62f57C25228D694a1616C17B1e2fd894", + underlyingToken: "0x81b1d03fD5Ca06A801ECa2259446D2c9b2237d1C", + minValue: 0, + maxValue: 10, + precision: 1, + marketId: "0xe93b7cE7911B16f5E72C2Bb347fBcE8f81BAc69F", + conditionId: + "0xaffd86c9d68bf40f00a54e97709f37d2cb937ae3e406553911be1779174fec71", + details: { + fullName: "8034 Faith Ln, Montgomery, AL 36117", + shortName: "8034 Faith", + totalInvestment: "327,296", + squareFeet: "1,923", + propertyType: "Single Family", + grossRentYear: "30,600", + netRentYear: "23,856", + initialLaunchDate: "2023-08-25", + annualPercentageYield: "7.29%", + coordinate: "(32.352942, -86.135603)", + marketplaceLink: + "https://realt.co/product/8034-faith-ln-montgomery-al-36117/", + images: [ + "https://realt.co/wp-content/uploads/2023/08/8034-Faith-Lane-front-hero.jpg", + "https://realt.co/wp-content/uploads/2023/08/8034-Faith-Lane-garden-1.jpg", + "https://realt.co/wp-content/uploads/2023/08/8034-Faith-Lane-garden-2.jpg", + ], + contract: "0x90d280b6456f8233e115e6aabb2ca89249dafd39", + }, + }, + { + name: "1769 Cheryl", + color: "#0000FF", + upToken: "0x2D14505D0551F58236469c09945d9114aFF22bdc", + downToken: "0x4A82570C62f57C25228D694a1616C17B1e2fd894", + underlyingToken: "0x81b1d03fD5Ca06A801ECa2259446D2c9b2237d1C", + minValue: 0, + maxValue: 10, + precision: 1, + marketId: "0xe93b7cE7911B16f5E72C2Bb347fBcE8f81BAc69F", + conditionId: + "0xaffd86c9d68bf40f00a54e97709f37d2cb937ae3e406553911be1779174fec71", + details: { + fullName: "1769 Cheryl Ave, Griffin, GA 30224", + shortName: "1769 Cheryl", + totalInvestment: "307,272", + squareFeet: "1,680", + propertyType: "Single Family", + grossRentYear: "31,200", + netRentYear: "22,068", + initialLaunchDate: "2023-09-21", + annualPercentageYield: "7.18%", + coordinate: "(33.224176, -84.310708)", + marketplaceLink: + "https://realt.co/product/1769-cheryl-ave-griffin-ga-30224/", + images: [ + "https://realt.co/wp-content/uploads/2023/09/1769-Cheryl-Ave-front-hero.jpg", + "https://realt.co/wp-content/uploads/2023/09/1769-Cheryl-Ave-side-2.jpg", + "https://realt.co/wp-content/uploads/2023/09/1769-Cheryl-Ave-side-1.jpg", + ], + contract: "0x19f824662ba9df78e368022f085b708fccc201c8", + }, + }, + { + name: "9311 Bedford", + color: "#A52A2A", + upToken: "0x2D14505D0551F58236469c09945d9114aFF22bdc", + downToken: "0x4A82570C62f57C25228D694a1616C17B1e2fd894", + underlyingToken: "0x81b1d03fD5Ca06A801ECa2259446D2c9b2237d1C", + minValue: 0, + maxValue: 10, + precision: 1, + marketId: "0xe93b7cE7911B16f5E72C2Bb347fBcE8f81BAc69F", + conditionId: + "0xaffd86c9d68bf40f00a54e97709f37d2cb937ae3e406553911be1779174fec71", + details: { + fullName: "9311 Bedford St, Detroit, MI 48224", + shortName: "9311 Bedford", + totalInvestment: "90,270", + squareFeet: "1,170", + propertyType: "Single Family", + grossRentYear: "14,400", + netRentYear: "8,220", + initialLaunchDate: "2024-06-14", + annualPercentageYield: "9.11%", + coordinate: "(42.411886, -82.948675)", + marketplaceLink: + "https://realt.co/product/9311-bedford-st-detroit-mi-48224/", + images: [ + "https://realt.co/wp-content/uploads/2024/06/9311-Bedford-front-flat-1.jpg", + "https://realt.co/wp-content/uploads/2024/06/9311-Bedford-front-side-1.jpg", + "https://realt.co/wp-content/uploads/2024/06/9311-Bedford-side-1.jpg", + ], + contract: "0xa83cbd26964ea953f86c741871a1ab2a256cb82d", }, }, ]; diff --git a/yarn.lock b/yarn.lock index 0a02c4b..1b2960c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9326,6 +9326,7 @@ __metadata: react-dom: "npm:^18" react-jdenticon: "npm:^1.4.0" react-use: "npm:^17.6.0" + swiper: "npm:^12.0.2" tailwindcss: "npm:^4.1.4" typescript: "npm:^5" viem: "npm:^2.31.4" @@ -13752,6 +13753,13 @@ __metadata: languageName: node linkType: hard +"swiper@npm:^12.0.2": + version: 12.0.2 + resolution: "swiper@npm:12.0.2" + checksum: 10c0/e7826eb5973828c622a30f321dc7740300a32666d26810b381e2498ad60f2f84e070058a1aa0ee32acce8a6d31f2d2919c388b2e5921db45690c59af41b1c7b8 + languageName: node + linkType: hard + "synckit@npm:^0.11.7": version: 0.11.8 resolution: "synckit@npm:0.11.8"