Update src/app/page.tsx

Merge version_2 into main

src/app/contact/page.tsx

@@ -0,0 +1,140 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactPage() {
+  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={[
+              {
+                name: "Anasayfa",                id: "hero"},
+              {
+                name: "Simülasyonlar",                id: "simulations"},
+              {
+                name: "Başarı Hikayeleri",                id: "testimonials"},
+              {
+                name: "Blog",                id: "blog"},
+              {
+                name: "SSS",                id: "faq"},
+              {
+                name: "Eğitmenler",                id: "team"},
+              {
+                name: "Ortaklar",                id: "partners"},
+              {
+                name: "İletişim",                id: "/contact"},
+            ]}
+            brandName="Simülasyon Türkiye"
+          />
+        </div>
+
+        <div id="contact-form-section" data-section="contact-form-section">
+          <ContactSplitForm
+            title="Bize Ulaşın"
+            description="Aklınıza takılan her türlü soru için bizimle iletişime geçin. Ekibimiz en kısa sürede size geri dönüş yapacaktır."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Adınız Soyadınız", required: true },
+              { name: "email", type: "email", placeholder: "E-posta Adresiniz", required: true },
+              { name: "subject", type: "text", placeholder: "Konu", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Mesajınız", rows: 5, required: true }}
+            buttonText="Mesajı Gönder"
+            imageSrc="http://img.b2bpic.net/free-photo/people-looking-at-chart-report-discussing-market-analysis_649448-4226.jpg"
+            imageAlt="İletişim formunu gösteren görsel"
+            mediaPosition="right"
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="contact-info-section" data-section="contact-info-section">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            text={`Bize Ulaşın\n\nAdres: Örnek Cad. No: 123, Örnek Mah., İstanbul\nTelefon: +90 212 123 45 67\nE-posta: info@simulasyonturkiye.org`}
+            buttons={[
+              { text: "Telefon Et", href: "tel:+902121234567" },
+              { text: "E-posta Gönder", href: "mailto:info@simulasyonturkiye.org" },
+            ]}
+          />
+        </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={[
+              {
+                title: "Hakkımızda",                items: [
+                  {
+                    label: "Platform",                    href: "#hero"},
+                  {
+                    label: "Misyonumuz",                    href: "#"},
+                  {
+                    label: "Değerlerimiz",                    href: "#"},
+                ],
+              },
+              {
+                title: "Simülasyonlar",                items: [
+                  {
+                    label: "Hukuk",                    href: "#simulations"},
+                  {
+                    label: "İnsan Hakları",                    href: "#simulations"},
+                  {
+                    label: "Siyaset",                    href: "#simulations"},
+                ],
+              },
+              {
+                title: "Kaynaklar",                items: [
+                  {
+                    label: "Blog",                    href: "#blog"},
+                  {
+                    label: "SSS",                    href: "#faq"},
+                  {
+                    label: "Eğitmenler",                    href: "#team"},
+                ],
+              },
+              {
+                title: "Yasal",                items: [
+                  {
+                    label: "KVKK",                    href: "#"},
+                  {
+                    label: "Gizlilik Politikası",                    href: "#"},
+                  {
+                    label: "Kullanım Koşulları",                    href: "#"},
+                ],
+              },
+              {
+                title: "İletişim",                items: [
+                  {
+                    label: "Bize Ulaşın",                    href: "/contact"},
+                  {
+                    label: "Sosyal Medya",                    href: "#"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 Simülasyon Türkiye. Tüm Hakları Saklıdır."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/form/page.tsx

@@ -0,0 +1,133 @@
+"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", id: "/" },
+    { name: "Simülasyonlar", id: "/#simulations" },
+    { name: "Başvuru", id: "/form" },
+    { name: "Başarı Hikayeleri", id: "/#testimonials" },
+    { name: "Blog", id: "/#blog" },
+    { name: "SSS", id: "/#faq" },
+    { name: "Eğitmenler", id: "/#team" },    { name: "Ortaklar", id: "/#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
+            text="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}
+              useInvertedBackground={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}
+              useInvertedBackground={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}
+              useInvertedBackground={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>
+  );
+}

src/app/page.tsx

@@ -37,8 +37,6 @@ export default function LandingPage() {
           name: "Anasayfa",          id: "hero"},
         {
           name: "Simülasyonlar",          id: "simulations"},
-        {
-          name: "Başvuru",          id: "application"},
         {
           name: "Başarı Hikayeleri",          id: "testimonials"},
         {
@@ -49,6 +47,8 @@ export default function LandingPage() {
           name: "Eğitmenler",          id: "team"},
         {
           name: "Ortaklar",          id: "partners"},
+        {
+          name: "İletişim",          id: "/contact"},
       ]}
       brandName="Simülasyon Türkiye"
     />
@@ -63,7 +63,7 @@ export default function LandingPage() {
       description="Hukuk, İnsan Hakları ve Siyaset Simülasyonlarıyla Gerçek Dünyayı Deneyimle."
       buttons={[
         {
-          text: "Hemen Başvur",          href: "#application"},
+          text: "Hemen Başvur",          href: "/contact"},
         {
           text: "Simülasyonları Keşfet",          href: "#simulations"},
       ]}
@@ -137,7 +137,7 @@ export default function LandingPage() {
             "Gerçekçi mahkeme salonu deneyimi",            "Savcı, avukat ve hakim rolleriyle duruşma",            "Dava analizi ve hukuki süreçleri anlama"],
           buttons: [
             {
-              text: "Detayları Gör",              href: "#application"},
+              text: "Detayları Gör",              href: "/contact"},
           ],
         },
         {
@@ -145,7 +145,7 @@ export default function LandingPage() {
             "Birleşmiş Milletler tarzı komisyon çalışmaları",            "Küresel insan hakları sorunlarına odaklanma",            "Raporlama ve uluslararası diyalog deneyimi"],
           buttons: [
             {
-              text: "Detayları Gör",              href: "#application"},
+              text: "Detayları Gör",              href: "/contact"},
           ],
         },
         {
@@ -153,7 +153,7 @@ export default function LandingPage() {
             "Meclis ve komisyon yapılarında aktif rol",            "Kanun teklifleri hazırlama ve müzakere etme",            "Liderlik ve ikna becerilerini geliştirme"],
           buttons: [
             {
-              text: "Detayları Gör",              href: "#application"},
+              text: "Detayları Gör",              href: "/contact"},
           ],
         },
         {
@@ -224,7 +224,7 @@ export default function LandingPage() {
         {
           id: "f5",          title: "Eğitmenleriniz kimlerdir?",          content: "Eğitmen kadromuz, alanında uzman akademisyenler, hukukçular, diplomatlar ve siyaset bilimcilerden oluşmaktadır. Kendileri hakkında detaylı bilgiyi Eğitmenler bölümünde bulabilirsiniz."},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-surprised-friends-reading-messages_23-2150104900.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/panoramic-istanbul-city-twilight-turkey_335224-1278.jpg?id=16132550"
       imageAlt="Soru soran gençlerin bir arada olduğu bir görsel"
       mediaAnimation="slide-up"
       mediaPosition="left"
@@ -276,11 +276,11 @@ export default function LandingPage() {
       text="Türkiye'nin en prestijli genç liderlik simülasyonlarına hemen başvur! Geleceğin karar vericisi sen ol."
       buttons={[
         {
-          text: "Hukuk Simülasyonu İçin Başvur",          href: "#"},
+          text: "Hukuk Simülasyonu İçin Başvur",          href: "/contact"},
         {
-          text: "İnsan Hakları Simülasyonu İçin Başvur",          href: "#"},
+          text: "İnsan Hakları Simülasyonu İçin Başvur",          href: "/contact"},
         {
-          text: "Siyaset Simülasyonu İçin Başvur",          href: "#"},
+          text: "Siyaset Simülasyonu İçin Başvur",          href: "/contact"},
       ]}
     />
   </div>
@@ -334,7 +334,7 @@ export default function LandingPage() {
         {
           title: "İletişim",          items: [
             {
-              label: "Bize Ulaşın",              href: "#application"},
+              label: "Bize Ulaşın",              href: "/contact"},
             {
               label: "Sosyal Medya",              href: "#"},
           ],
@@ -346,4 +346,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}