feature: Latest revisions v2

limanmys · Dec 11, 2023 · 2db61f6 · 2db61f6
1 parent 3ea10c0
commit 2db61f6
Show file tree

Hide file tree

Showing 11 changed files with 261 additions and 222 deletions.
diff --git a/app/contact/page.tsx b/app/contact/page.tsx
@@ -1,6 +1,6 @@
 import { Metadata } from "next"
 
-import ContactSection from "@/components/home/contact"
+import Contact from "@/components/contact"
 
 export const metadata: Metadata = {
   title: "İletişim",
@@ -11,7 +11,7 @@ export const metadata: Metadata = {
 export default function ContactPage() {
   return (
     <section className="flex min-h-screen items-center justify-center">
-      <ContactSection className="border-t-0" />
+      <Contact />
     </section>
   )
 }
diff --git a/app/extensions/device-manager/page.tsx b/app/extensions/device-manager/page.tsx
@@ -16,6 +16,7 @@ import {
 import { fontHeading } from "@/lib/fonts"
 import { cn } from "@/lib/utils"
 import AppWindow from "@/components/ui/window"
+import Contact from "@/components/contact"
 import SpotlightStack from "@/components/spotlight-stack"
 
 export const metadata: Metadata = {
@@ -125,6 +126,7 @@ export default function DeviceManagerPage() {
           />
         </AppWindow>
       </section>
+      <Contact />
     </>
   )
 }
diff --git a/app/extensions/domain-manager/page.tsx b/app/extensions/domain-manager/page.tsx
@@ -14,6 +14,7 @@ import {
 import { fontHeading } from "@/lib/fonts"
 import { cn } from "@/lib/utils"
 import AppWindow from "@/components/ui/window"
+import Contact from "@/components/contact"
 import SpotlightStack from "@/components/spotlight-stack"
 
 export const metadata: Metadata = {
@@ -104,6 +105,7 @@ export default function DomainManagerPage() {
           />
         </AppWindow>
       </section>
+      <Contact />
     </>
   )
 }
diff --git a/app/extensions/network-explorer/page.tsx b/app/extensions/network-explorer/page.tsx
@@ -7,6 +7,7 @@ import { Bug, Eye, List, MonitorCheck, Scan, ShieldAlert } from "lucide-react"
 import { fontHeading } from "@/lib/fonts"
 import { cn } from "@/lib/utils"
 import AppWindow from "@/components/ui/window"
+import Contact from "@/components/contact"
 import SpotlightStack from "@/components/spotlight-stack"
 
 export const metadata: Metadata = {
@@ -98,6 +99,7 @@ export default function NetworkExplorerPage() {
           />
         </AppWindow>
       </section>
+      <Contact />
     </>
   )
 }
diff --git a/app/extensions/network-monitor/page.tsx b/app/extensions/network-monitor/page.tsx
@@ -14,6 +14,7 @@ import {
 import { fontHeading } from "@/lib/fonts"
 import { cn } from "@/lib/utils"
 import AppWindow from "@/components/ui/window"
+import Contact from "@/components/contact"
 import SpotlightStack from "@/components/spotlight-stack"
 
 export const metadata: Metadata = {
@@ -104,6 +105,7 @@ export default function NetworkMonitorPage() {
           />
         </AppWindow>
       </section>
+      <Contact />
     </>
   )
 }
diff --git a/components/contact.tsx b/components/contact.tsx
@@ -0,0 +1,21 @@
+"use client"
+
+import { GoogleReCaptchaProvider } from "react-google-recaptcha-v3"
+
+import ContactSection from "./home/contact"
+
+export default function Contact() {
+  return (
+    <GoogleReCaptchaProvider
+      reCaptchaKey="6LdX36UeAAAAALStl0KL5co3B-dU6gTnx_osvTWJ"
+      scriptProps={{
+        async: false,
+        defer: false,
+        appendTo: "head",
+        nonce: undefined,
+      }}
+    >
+      <ContactSection className="border-t-0" />
+    </GoogleReCaptchaProvider>
+  )
+}
diff --git a/components/footer.tsx b/components/footer.tsx
@@ -1,9 +1,18 @@
+"use client"
+
 import * as React from "react"
 import Link from "next/link"
 
 import { cn } from "@/lib/utils"
 
 import { Aciklab } from "./logos/aciklab"
+import {
+  NavigationMenu,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  navigationMenuTriggerStyle,
+} from "./ui/navigation-menu"
 
 export function SiteFooter({ className }: React.HTMLAttributes<HTMLElement>) {
   return (
@@ -16,16 +25,48 @@ export function SiteFooter({ className }: React.HTMLAttributes<HTMLElement>) {
             target="_blank"
           >
             <Aciklab className="h-7 w-auto" />
-          </Link>
-          <Link
-            className="flex flex-col md:gap-2 md:px-0"
-            href="https://havelsan.com.tr"
-            target="_blank"
-          >
             <p className="text-center text-xs font-semibold leading-loose md:text-left">
               {new Date().getFullYear()} © HAVELSAN A.Ş.
             </p>
           </Link>
+          <NavigationMenu>
+            <NavigationMenuList>
+              <NavigationMenuItem>
+                <Link href="/extensions" legacyBehavior passHref>
+                  <NavigationMenuLink className={navigationMenuTriggerStyle()}>
+                    Eklentiler
+                  </NavigationMenuLink>
+                </Link>
+              </NavigationMenuItem>
+              <NavigationMenuItem>
+                <Link href="https://docs.liman.dev" legacyBehavior passHref>
+                  <NavigationMenuLink
+                    target="_blank"
+                    className={navigationMenuTriggerStyle()}
+                  >
+                    Dokümantasyon
+                  </NavigationMenuLink>
+                </Link>
+              </NavigationMenuItem>
+              <NavigationMenuItem>
+                <Link href="/datasheet.pdf" legacyBehavior passHref>
+                  <NavigationMenuLink
+                    target="_blank"
+                    className={navigationMenuTriggerStyle()}
+                  >
+                    Teknik Doküman
+                  </NavigationMenuLink>
+                </Link>
+              </NavigationMenuItem>
+              <NavigationMenuItem>
+                <Link href="/contact" legacyBehavior passHref>
+                  <NavigationMenuLink className={navigationMenuTriggerStyle()}>
+                    İletişim
+                  </NavigationMenuLink>
+                </Link>
+              </NavigationMenuItem>
+            </NavigationMenuList>
+          </NavigationMenu>
         </div>
       </div>
     </footer>

diff --git a/components/home/contact.tsx b/components/home/contact.tsx
@@ -14,7 +14,18 @@ export default function ContactSection({ className }: { className?: string }) {
     <section id="contact" className={cn("border-t", className)}>
       <div className="container relative py-12">
         <div className="grid-cols-5 gap-8 md:grid">
-          <div className="col-span-2 flex flex-col justify-center">
+          <div className="relative col-span-2 flex flex-col justify-center">
+            <Image
+              src={Wheel}
+              alt="Liman Merkezi Yönetim Sistemi"
+              quality={80}
+              width={225}
+              height={80}
+              priority={true}
+              loading="eager"
+              className="pointer-events-none absolute right-[-3vw] top-[-2.5vh] z-10 hidden md:block"
+            />
+
             <h5
               className={cn(
                 "bg-gradient-to-r from-primary-light to-primary bg-clip-text font-heading text-4xl leading-[3rem] text-transparent",
@@ -39,16 +50,7 @@ export default function ContactSection({ className }: { className?: string }) {
               avantajı elde edebilirsiniz.
             </p>
           </div>
-          <Image
-            src={Wheel}
-            alt="Liman Merkezi Yönetim Sistemi"
-            quality={80}
-            width={250}
-            height={100}
-            priority={true}
-            loading="eager"
-            className="pointer-events-none absolute bottom-[-3vh] right-[-3vw] z-10 hidden rotate-45 md:block"
-          />
+
           <div className="col-span-3">
             <Card className="shadow shadow-accent">
               <CardContent className="p-4 md:p-6 lg:p-8">

diff --git a/components/home/hero.tsx b/components/home/hero.tsx
@@ -44,7 +44,7 @@ export default function Hero() {
           height={100}
           priority={true}
           loading="eager"
-          className="pointer-events-none absolute bottom-[-6vh] left-[-3vw] z-10 hidden md:block"
+          className="pointer-events-none absolute bottom-[0vh] left-[-3vw] z-10 hidden md:block"
         />
         <AppWindow className="relative -m-5 mt-10">
           <Image