bender/0642af15-ec9d-472f-af04-bdcdfe5184ef
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Populate src/pages/SuccessPage.tsx (snippet builder, 1 sections)

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-22 21:48:56 +00:00
parent bbf5e28bc1
commit d6714a1e5c
1 changed files with 5 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/pages/SuccessPage.tsx
View File

@@ -1,71 +1,11 @@
import React from "react";
import { routes } from "@/routes";
import NavbarCentered from "@/components/ui/NavbarCentered";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import ScrollReveal from "@/components/ui/ScrollReveal";
import TextAnimation from "@/components/ui/TextAnimation";
import Button from "@/components/ui/Button";
export default function SuccessPage() {
return (
<div className="min-h-screen flex flex-col bg-background selection:bg-primary-cta/20">
<NavbarCentered
logo="RojTec"
navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
ctaButton={{ text: "Kontakt", href: "/contact" }}
/>
<main className="flex-1 flex flex-col items-center justify-center px-6 py-24 md:py-32">
<ScrollReveal variant="slide-up" className="max-w-2xl mx-auto text-center flex flex-col items-center">
<div className="relative w-24 h-24 mb-10 flex items-center justify-center">
<div className="absolute inset-0 bg-green-500/20 rounded-full animate-ping opacity-75" style={{ animationDuration: '3s' }}></div>
<div className="relative w-20 h-20 bg-green-500/20 rounded-full flex items-center justify-center shadow-[0_0_40px_rgba(34,197,94,0.3)] backdrop-blur-sm border border-green-500/30">
<span className="text-green-500 text-5xl leading-none select-none">
✔
</span>
</div>
</div>
<h1 className="text-4xl md:text-5xl font-semibold tracking-tight text-foreground mb-6">
Vielen Dank für Ihre Anfrage!
</h1>
<div className="space-y-6 text-lg md:text-xl text-muted-foreground leading-relaxed mb-12">
<p>
Wir haben Ihre Anfrage erfolgreich erhalten. Unser Team wird diese schnellstmöglich prüfen und sich in Kürze bei Ihnen melden.
</p>
<p>
Vielen Dank für Ihr Vertrauen in RojTec. Wir freuen uns darauf, Ihnen weiterzuhelfen.
</p>
</div>
<div className="flex flex-col sm:flex-row items-center justify-center gap-4 w-full sm:w-auto">
<Button
text="Zur Startseite"
href="/"
variant="primary"
className="w-full sm:w-auto"
/>
<Button
text="Weitere Anfrage senden"
href="/contact"
variant="secondary"
className="w-full sm:w-auto"
/>
</div>
</ScrollReveal>
</main>
<FooterSimple
brand="RojTec"
copyright="© 2024 RojTec. Alle Rechte vorbehalten."
columns={[]}
links={[
{ label: "Impressum", href: "/impressum" },
{ label: "Datenschutz", href: "/datenschutz" }
]}
/>
</div>
<>
<div data-webild-section="ContactCta"><section aria-label="Contact section" className="py-20"><div className="w-content-width mx-auto"><ScrollReveal variant="fade-blur"><div className="flex flex-col items-center gap-8 md:gap-10 py-20 px-8 rounded card"><div className="flex flex-col items-center gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Anfrage erfolgreich</p></div><TextAnimation text="Wir haben Ihre Anfrage erfolgreich erhalten. Unser Team wird diese schnellstmöglich prüfen und sich in Kürze bei Ihnen melden. Vielen Dank für Ihr Vertrauen in RojTec. Wir freuen uns darauf, Ihnen weiterzuhelfen." variant="fade" gradientText={true} tag="h2" className="md:max-w-8/10 text-5xl 2xl:text-6xl leading-[1.15] font-semibold text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="Zur Startseite" href="/" variant="primary" /><Button text="Weitere Anfrage senden" href="/kontakt" variant="secondary" animationDelay={0.1} /></div></div></div></ScrollReveal></div></section></div>
</>
);
}
}