Když mám nakódovanou stránku přes lovable.dev, kam a jak mám vložit kód ve wedos website?

import RegistrationForm from „@/components/RegistrationForm“;
import PaymentButtons from „@/components/PaymentButtons“;

const Index = () => {
return (
<div className=“min-h-screen bg-gradient-mystical“>
<div className=“container mx-auto px-4 py-12 max-w-4xl“>
{/* Hlavní nadpis */}
<div className=“text-center mb-12″>
<h1 className=“text-6xl lg:text-8xl font-imperial bg-gradient-gold bg-clip-text text-transparent font-bold tracking-wider mb-8″>
Guru Tigr
</h1>
</div>

{/* YouTube video */}
<div className=“flex justify-center mb-12″>
<div className=“w-full max-w-4xl aspect-video“>
<iframe
width=“100%“
height=“100%“
src=“https://www.youtube.com/embed/gkAc2JEzTkY“
title=“Guru Tigr YouTube video“
frameBorder=“0″
allow=“accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share“
allowFullScreen
className=“rounded-lg shadow-deep“
></iframe>
</div>
</div>

{/* První citace */}
<div className=“text-center mb-12″>
<blockquote className=“text-2xl lg:text-3xl font-script bg-gradient-gold bg-clip-text text-transparent leading-relaxed mb-4″>
„Naočkuj se Guru Tigrem a získej duchovní imunitu“
</blockquote>
<cite className=“text-xl font-script text-primary“>— GT</cite>
</div>

{/* První text */}
<div className=“mb-12″>
<p className=“text-lg lg:text-xl font-times text-muted-foreground leading-relaxed text-center max-w-3xl mx-auto“>
Projekt Guru Tigra Vás vede k osvícení, jako konečně vše na tomto světě. Odhaluje ještě navíc prvky duchovní manipulace,
které jsou v duchovním světě Guruů běžné. Tyto manipulace obnažuje tím, že je absurdně přehání a tím je zbavuje jejich síly.
</p>
</div>

{/* Druhá citace */}
<div className=“text-center mb-12″>
<blockquote className=“text-xl lg:text-2xl font-script bg-gradient-gold bg-clip-text text-transparent leading-relaxed“>
„Nechť je Guru Tigr posledním Guru, který zneužije své žačky, který připraví své stoupence o všechen majetek“
</blockquote>
</div>

{/* Druhý text */}
<div className=“mb-16″>
<p className=“text-lg lg:text-xl font-times text-muted-foreground leading-relaxed text-center max-w-3xl mx-auto“>
Toto dělá realizuje skrz videa na Youtube ve fiktivním pořadu „Hledá se Guru“, a divadelními představeními,
které se budou realizovat po celé České republice. Pokud byste měli o shlédnutí představení „Guru Tigr přichází“ zájem,
pak se registrujte níže. V případě, že představení bude ve Vašem okolí budete informováni.
</p>
</div>

{/* Registrační formulář */}
<div className=“mb-16″>
<RegistrationForm />
</div>

{/* Původní YouTube video */}
<div className=“flex justify-center mb-12″>
<div className=“w-full max-w-4xl aspect-video“>
<iframe
width=“100%“
height=“100%“
src=“https://www.youtube.com/embed/tXuknwL7cUA“
title=“Guru Tigr původní video“
frameBorder=“0″
allow=“accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share“
allowFullScreen
className=“rounded-lg shadow-deep“
></iframe>
</div>
</div>

{/* Modrý box s citací */}
<div className=“bg-gradient-blue-citation rounded-2xl p-8 mb-16 shadow-deep“>
<blockquote className=“text-lg lg:text-xl font-arial text-white leading-relaxed mb-4″>
„Guru Tigr je v podstatě antiguruem, kdy se protagonista rozhodl využít své mystické charisma k vytvoření obranného štítu
vůči manipulativním technikám duchovních Guru. V podstatě vyzývá všechny Guru světa na souboj, kdy říká, všichni jste,
ve srovnání se mnou, falešní Guru!, ale říká to způsobem kdy sám sebe vědomě jako duchovní autoritu popírá. Jak fascinující“
</blockquote>
<cite className=“text-white font-arial font-medium“>— Doc. PhDr. Vlastimil Niederle, csc.</cite>
</div>

{/* Výzva k podpoře */}
<div className=“text-center mb-8″>
<h2 className=“text-3xl lg:text-4xl font-imperial bg-gradient-gold bg-clip-text text-transparent font-bold mb-8″>
Podpořte tento projekt, vznik dalších videí, realizaci představení, Podpořte Guru Tigra!
</h2>
</div>

{/* Platební tlačítka */}
<div className=“mb-8″>
<PaymentButtons />
</div>

{/* Poznámka o opakovaném přispívání */}
<div className=“text-center mb-12″>
<p className=“text-muted-foreground font-times“>
Přispívat lze opakovaně.
</p>
</div>

{/* Závěrečné video */}
<div className=“flex justify-center“>
<div className=“w-full max-w-4xl aspect-video“>
<iframe
width=“100%“
height=“100%“
src=“https://www.youtube.com/embed/2T5QrQZ9JFk“
title=“Guru Tigr závěrečné video“
frameBorder=“0″
allow=“accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share“
allowFullScreen
className=“rounded-lg shadow-deep“
></iframe>
</div>
</div>
</div>
</div>
);
};

export default Index;