Add src/app/form/page.tsx
This commit is contained in:
130
src/app/form/page.tsx
Normal file
130
src/app/form/page.tsx
Normal file
@@ -0,0 +1,130 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import ContactForm from '@/components/form/ContactForm';
|
||||
import TextAnimation from '@/components/text/TextAnimation';
|
||||
import { Book, Scale, Users } from "lucide-react";
|
||||
|
||||
export default function FormPage() {
|
||||
const formPageNavItems = [
|
||||
{ name: "Anasayfa", href: "/" },
|
||||
{ name: "Simülasyonlar", href: "/#simulations" },
|
||||
{ name: "Başvuru", href: "/form" },
|
||||
{ name: "Başarı Hikayeleri", href: "/#testimonials" },
|
||||
{ name: "Blog", href: "/#blog" },
|
||||
{ name: "SSS", href: "/#faq" },
|
||||
{ name: "Eğitmenler", href: "/#team" }, { name: "Ortaklar", href: "/#partners" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Hakkımızda", items: [
|
||||
{ label: "Platform", href: "/" },
|
||||
{ label: "Misyonumuz", href: "/form" },
|
||||
{ label: "Değerlerimiz", href: "/form" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Simülasyonlar", items: [
|
||||
{ label: "Hukuk", href: "/form" },
|
||||
{ label: "İnsan Hakları", href: "/form" },
|
||||
{ label: "Siyaset", href: "/form" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kaynaklar", items: [
|
||||
{ label: "Blog", href: "/#blog" },
|
||||
{ label: "SSS", href: "/#faq" },
|
||||
{ label: "Eğitmenler", href: "/#team" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Yasal", items: [
|
||||
{ label: "KVKK", href: "/form" },
|
||||
{ label: "Gizlilik Politikası", href: "/form" },
|
||||
{ label: "Kullanım Koşulları", href: "/form" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "İletişim", items: [
|
||||
{ label: "Bize Ulaşın", href: "/form" },
|
||||
{ label: "Sosyal Medya", href: "/form" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={formPageNavItems}
|
||||
brandName="Simülasyon Türkiye"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pt-24 md:pt-32 lg:pt-40 pb-16 md:pb-24 lg:pb-32 container flex flex-col items-center gap-16 md:gap-24 lg:gap-32">
|
||||
<TextAnimation
|
||||
title="Başvuru Formları"
|
||||
type="reveal-blur"
|
||||
className="text-center text-4xl md:text-5xl lg:text-6xl font-extrabold"
|
||||
/>
|
||||
<p className="text-center text-lg md:text-xl text-foreground/80 max-w-2xl">
|
||||
İlgi alanınıza uygun simülasyonu seçin ve geleceğin liderleri arasına katılmak için ilk adımı atın.
|
||||
</p>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 w-full max-w-7xl">
|
||||
<ContactForm
|
||||
title="Hukuk Simülasyonu"
|
||||
description="Adalet sistemini deneyimleyerek hukuki süreçlerdeki yerinizi alın. Mahkeme deneyimi ve vaka analizi ile karar verme becerilerinizi geliştirin."
|
||||
tag="Hukuk Deneyimi"
|
||||
tagIcon={Scale}
|
||||
buttonText="Başvur"
|
||||
centered={false}
|
||||
/>
|
||||
<ContactForm
|
||||
title="İnsan Hakları Simülasyonu"
|
||||
description="Küresel insan hakları sorunlarına çözüm üretin. Birleşmiş Milletler tarzı komisyon çalışmalarına katılarak diplomatik becerilerinizi ilerletin."
|
||||
tag="Küresel Sorunlar"
|
||||
tagIcon={Users}
|
||||
buttonText="Başvur"
|
||||
centered={false}
|
||||
/>
|
||||
<ContactForm
|
||||
title="Siyaset Simülasyonu"
|
||||
description="Parlamento ortamında liderlik tecrübesi edinin. Kanun teklifleri hazırlayın, müzakerelerde bulunun ve ikna gücünüzü kullanın."
|
||||
tag="Parlamento Liderliği"
|
||||
tagIcon={Book}
|
||||
buttonText="Başvur"
|
||||
centered={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/los-angeles-downtown-night-with-urban-buildings-light-trail_649448-4094.jpg"
|
||||
imageAlt="Modern bir şehir silüeti"
|
||||
logoText="Simülasyon Türkiye"
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2024 Simülasyon Türkiye. Tüm Hakları Saklıdır."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user