+ Než se pustíš do vyplňování tematických celků, prozraď nám o sobě pár základních informací, které jsou pro
+ LoveReport nezbytné.
+
+
Nezapomeň, vše vyplňuj pravdivě.
+
+ ) : currentStep === 2 ? (
+
+ Možná si říkáš, proč nás tohle zajímá. Tvé předchozí vztahové zkušenosti jsou součástí tebe samé/ho, a proto
+ mají v LoveReportu své místo.
+
+ ) : currentStep === 3 ? (
+
+ Je pro nás důležité vědět, kde pracuješ a jak trávíš svůj volný čas. Jen tak ti můžeme vypracovat LoveReport
+ na míru.
+
+ ) : currentStep === 4 ? (
+
+
+ Pověz nám o svém sexuálním životě. Sex je součástí vztahů a tvůj přístup k němu by měl být v LoveReportu
+ zohledněn.
+
+
+ Následující otázky pro tebe mohou být velmi citlivé, ale u nás jsou tvé odpovědi v bezpečí. Uvidí je jen
+ vztahový kouč a nikdo jiný.
+
+
+ ) : currentStep === 5 ? (
+
+
Popisek, o čem je tato sekce a proč je pro LoveReport důležitá.
+
Odpověz, jak se shoduješ s následujícími tvrzeními.
+
+ ) : currentStep === 6 ? (
+
+
+ Přestože máme tendenci být k sobě kritičtí, je pro nás důležité vědět, jak vnímáš sám/a sebe a svou povahu.
+
+
Odpověz, jak se shoduješ s následujícími tvrzeními.
+
+ ) : (
+ currentStep === 7 && (
+
+
+ Komunikace je základ všeho. Abychom ti pomohli najít vhodného partnera/ku, se kterým/kterou komunikace
+ nebude váznout, potřebujeme znát tvé odpovědi.
+
+
Odpověz, jak se shoduješ s následujícími tvrzeními.
);
diff --git a/src/app/lovereport/intro/page.tsx b/src/app/lovereport/intro/page.tsx
new file mode 100644
index 0000000..3b7ae03
--- /dev/null
+++ b/src/app/lovereport/intro/page.tsx
@@ -0,0 +1,81 @@
+"use client";
+
+import Button from "library/atoms/Button";
+import Content from "library/atoms/Content";
+import { HuggingEmojiSvg } from "library/icons/symbols";
+import Image from "next/image";
+import { useRouter } from "next/navigation";
+
+const info = [
+ {
+ title: "6 částí",
+ content: "LoveReport je rozdělen do 6 tematických celků",
+ },
+ {
+ title: "5 – 10 minut",
+ content: "Na jeho vyplnění budeš potřebovat přibližně 5 až 10 minut.",
+ },
+ {
+ title: "Buď k sobě upřímný/á",
+ content: "Na otázky odpovídej pravdivě a otevřeně. Jenom tak můžeme vše objektivně zhodnotit a pomoci ti.",
+ },
+ {
+ title: "Převyplněné údaje",
+ content:
+ "Údaje z tvého profilu jsme použili do LoveReportu, abys měl/a vyplňování jednodušší. Můžeš je ale upravit.",
+ },
+];
+
+const LoveReportIntro = () => {
+ const router = useRouter();
+
+ const handleCreateLovereport = () => {
+ router.push("/lovereport/create");
+ };
+
+ return (
+
+
+ {/* TODO: Překlopit do samostatné komponenty? */}
+
+ {info.map((item, index) => {
+ return (
+
+
+
+
+
+
+
{item.title}
+
{item.content}
+
+
+ {index === 1 && (
+
+ )}
+
+ );
+ })}
+
+
+
+ );
+};
+export default LoveReportIntro;
diff --git a/src/app/lovereport/page.tsx b/src/app/lovereport/page.tsx
index ff883f1..2870f99 100644
--- a/src/app/lovereport/page.tsx
+++ b/src/app/lovereport/page.tsx
@@ -1,12 +1,126 @@
+import Content from "library/atoms/Content";
import { Metadata } from "next";
+import Image from "next/image";
+import gradientImage from "../../../public/assets/images/lovereport_gradient.svg";
+import Button from "library/atoms/Button";
+import { HuggingEmojiSvg } from "library/icons/symbols";
export const metadata: Metadata = {
- title: 'Love Report',
-}
+ title: "Love Report",
+};
+
+const functions = [
+ {
+ title: "Statistická analýza",
+ content:
+ "Naše technologie vyhodnocuje mnoho faktorů z online seznamek a generuje komplexní pohled na tvůj seznamovací profil.",
+ },
+ {
+ title: "Osobní kouč",
+ content:
+ "Každý LoveReport je dále ověřen a doplněn osobním seznamovacím koučem. Tím se zaručuje, že analýza je vždy individuální, co nejpřesnější a relevantní právě pro tebe.",
+ },
+ {
+ title: "Rozsáhlý pohled na tvé vztahové a seznamovací dovednosti",
+ content:
+ "LoveReport se nezaměřuje pouze na současnou situaci, ale také na tvoji vztahovou minulost, dovednosti v navazování a budování vztahů i tvoji připravenost na nový vztah.",
+ },
+ {
+ title: "Hodnocení minulých vztahů",
+ content:
+ "LoveReport zkoumá tvé minulé vztahy a pomáhá identifikovat vzorce a tendence, které by mohly ovlivňovat tvé současné a budoucí vztahy.",
+ },
+ {
+ title: "Unikátní LOVEREPORT index",
+ content:
+ "Tento index ti poskytuje komplexní zobrazení tvých seznamovacího schopností a vztahových vlastností v šesti klíčových kategoriích.",
+ },
+];
const LoveReport = async () => {
+ return (
+ <>
+
+
+
+
+
+ Vítej v LoveReportu, revolučním nástroji pro lepší porozumění tvému seznamovacímu a vztahovému potenciálu!
+
+
+
- return
Profile: Love Report page
-}
+
+
+ LoveReport je inovativní analýza, která ti poskytuje jedinečný pohled na „tvoje postavení na seznamovacím
+ trhu“. Tato analýza využívá statistická data z online seznamek, aby ti pomohla získat hlubší perspektivu
+ na to, jak si stojíš u opačného pohlaví ve tvé věkové kategorii a sociálním statusu.
+
+
+
+
+ {/* TODO: Překlopit do samostatné komponenty? */}
+
+
Jak to funguje?
+ {functions.map(item => {
+ return (
+
+
+
+
+
+
{item.title}
+
{item.content}
+
+
+ );
+ })}
+
+
+
+
+ );
+};
export default LoveReport;
diff --git a/src/app/lovereport/summary/components/LoveReportInputGroup.tsx b/src/app/lovereport/summary/components/LoveReportInputGroup.tsx
index 36d1363..c4ee8f4 100644
--- a/src/app/lovereport/summary/components/LoveReportInputGroup.tsx
+++ b/src/app/lovereport/summary/components/LoveReportInputGroup.tsx
@@ -1,4 +1,4 @@
-'use client';
+"use client";
import { useState } from "react";
import CardContainer from "../../../../library/atoms/CardContainer";
import { getPageTitle, isInput } from "../../common/functions/functions";
@@ -7,6 +7,10 @@ import { EditProfileSvg } from "library/icons/actions";
import LoveReportFieldInput from "app/lovereport/common/components/LoveReportFieldInput";
import { FormValues, saveToSession, validateStep } from "app/lovereport/common/functions/form";
import { UseFormReturn } from "react-hook-form";
+import TextLink from "library/atoms/TextLink";
+import { ArrowDownSvg, ArrowUpSvg } from "library/icons/arrows";
+import Divider from "library/atoms/Divider";
+import { format } from "date-fns";
type Props = {
groupIndex: number;
@@ -21,24 +25,24 @@ const LoveReportInputGroup = (props: Props) => {
const [isEditing, setIsEditing] = useState(false);
return (
-