Update src/app/contact/page.tsx
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Mail, Phone, MapPin, Clock } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
@@ -15,11 +15,6 @@ export default function ContactPage() {
|
||||
{ name: "Çalışma Programı", id: "/schedule" },
|
||||
];
|
||||
|
||||
const handleFormSubmit = (data: Record<string, string>) => {
|
||||
console.log("Form submitted:", data);
|
||||
alert("Teşekkürler! Mesajınız alındı. Kısa sürede sizinle iletişime geçeceğiz.");
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -98,22 +93,15 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Contact Form */}
|
||||
<ContactSplitForm
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Adınız", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-mail Adresiniz", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Mesajınız (En az 20 karakter)", rows: 6,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-older-business-woman-with-glasses-writing-agenda-looking-laptop_23-2148661168.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Gönder"
|
||||
onSubmit={handleFormSubmit}
|
||||
/>
|
||||
{/* Contact Form Section */}
|
||||
<div id="contact-form" data-section="contact-form" className="mt-16">
|
||||
<ContactText
|
||||
text="Mesajınızı bize gönderin ve en kısa sürede yanıt alalım."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "İletişim Formu", href: "https://example.com/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -121,9 +109,11 @@ export default function ContactPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Öğretmen Platformu"
|
||||
leftLink={{
|
||||
text: "Gizlilik Politikası", href: "#"}}
|
||||
text: "Gizlilik Politikası", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Kullanım Şartları", href: "#"}}
|
||||
text: "Kullanım Şartları", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user