-
-
- - To get started, edit the page.tsx file. -
-- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. -
-+ Жизнь на высоте + с видом на залив +
+ +
+
+
+
+
+
+
+
+
+ {"(1) Концепция проекта"}
+
+
+ Центр города. Берег залива. Место, где архитектура становится
+ искусством, а дом — вашей личной сценой. Мы продумали каждую
+ деталь, чтобы вы могли жить, не идя на компромиссы
+
+
+
+
+
+ {"(1) Концепция проекта"}
+
+
+ Центр города. Берег залива. Место, где архитектура становится
+ искусством, а дом — вашей личной сценой. Мы продумали каждую
+ деталь, чтобы вы могли жить, не идя на компромиссы
+
+
+
+
+
+ {"(1) Концепция проекта"}
+
+
+ Центр города. Берег залива. Место, где архитектура становится
+ искусством, а дом — вашей личной сценой. Мы продумали каждую
+ деталь, чтобы вы могли жить, не идя на компромиссы
+
+
+
+
+
+ {"(1) Концепция проекта"}
+
+
+ Центр города. Берег залива. Место, где архитектура становится
+ искусством, а дом — вашей личной сценой. Мы продумали каждую
+ деталь, чтобы вы могли жить, не идя на компромиссы
+
+ + Дягилев — премьера, + которая вдохновляет +
+ +
+ 
+
+
+
+
+
+
+
+ 124
+
+
+ продуманных планировки
+
+
+
+ 
+
+
+
+
+ 8-12
+
+
+ переменная этажность
+
+
+
+
+
+ 
+
+
+
+
+ 145
+
+
+ парковочных мест
+
+
+
+
+
+
+
+ 3-3,9м
+
+ высота потолков
+
+
+
+ {isHovered && (
+
+
+ {/* @ts-expect-error Почему то хочет чтобы были вообще все пропсы (даже необязательные), хотя работает только и без них */}
+
+ {children}
+
+
+ );
+}
+
+function CursorButton({
+ x,
+ y,
+ rightSide,
+}: {
+ x: number;
+ y: number;
+ rightSide: boolean;
+}) {
+ const [width, setWidth] = useState(0);
+ return (
+
+
+
+
+
+
+ {"+7 (900) 000-00-00"}
+
+
+
+ setMenuOpen(false)}
+ className={clsx(
+ "fixed inset-0 bg-black/50 z-[97] transition-opacity duration-300",
+ menuOpen ? "opacity-100" : "opacity-0 pointer-events-none"
+ )}
+ />
+ );
+}
diff --git a/src/stores/useAppStateStore.tsx b/src/stores/useAppStateStore.tsx
new file mode 100644
index 0000000..6cf8b2a
--- /dev/null
+++ b/src/stores/useAppStateStore.tsx
@@ -0,0 +1,19 @@
+import { create } from "zustand";
+
+interface AppStateStore {
+ isLoading: boolean;
+ setIsLoading: (isLoading: boolean) => void;
+ headerColorScheme: "Light" | "Dark";
+ setHeaderColorScheme: (headerColorScheme: "Light" | "Dark") => void;
+ menuOpen: boolean;
+ setMenuOpen: (menuOpen: boolean) => void;
+}
+
+export const useAppStateStore = create((set) => ({
+ isLoading: true,
+ setIsLoading: (isLoading) => set({ isLoading }),
+ menuOpen: false,
+ setMenuOpen: (menuOpen) => set({ menuOpen }),
+ headerColorScheme: "Light",
+ setHeaderColorScheme: (headerColorScheme) => set({ headerColorScheme }),
+}));
diff --git a/tailwind.config.js b/tailwind.config.js
index 9024638..baedf7c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -2,6 +2,13 @@
module.exports = {
content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
theme: {
+ screens: {
+ xs: "360px",
+ sm: "640px",
+ md: "768px",
+ lg: "1440px",
+ "2xl": "1536px",
+ },
extend: {},
},
plugins: [],