Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,19 +2,25 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Beef, Dessert, Instagram, Lightbulb } from "lucide-react";
+import { Beef, Dessert, Lightbulb } from "lucide-react";
 
 export default function LandingPage() {
+  const handleContactSubmit = (email: string) => {
+    console.log("Contact form submitted with email:", email);
+    // In a real application, you would send this to an API or handle it further
+    alert(`Mesajınız gönderildi: ${email}`);
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -235,7 +241,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
@@ -249,11 +255,15 @@ export default function LandingPage() {
       title="Sıkça Sorulan Sorular"
       description="Lokantamızla ilgili merak ettikleriniz mi var? En sık karşılaştığımız soruları ve yanıtlarını burada bulabilirsiniz."
       faqsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/group-multiethnic-young-business-people-meeting-modern-office-business-meeting-brainstorming-ideas-office-colleagues-discussing-financial-graph-data-developing-strategy_140725-163456.jpg"
+      imageAlt="Meeting and brainstorming"
+      mediaAnimation="slide-up"
+      mediaPosition="right"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
@@ -263,23 +273,28 @@ export default function LandingPage() {
       inputPlaceholder="Adınız Soyadınız"
       buttonText="Mesaj Gönder"
       termsText="Telefon veya e-posta yoluyla sizinle iletişime geçmemize izin veriyorsunuz."
+      onSubmit={handleContactSubmit}
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-business-man-hand-holding-smart-phone-with-customer-service-contact-icon-website-banner-background-concept-business-communication_640-10904.jpg"
+      imageAlt="Contact Us"
+      mediaAnimation="slide-up"
+      mediaPosition="left"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoReveal
       logoSrc="http://img.b2bpic.net/free-vector/creative-barbecue-logo-template-with-details_23-2149010381.jpg"
       logoAlt="Bayram Usta Et Lokantası Logo"
       logoText="Bayram Usta Et Lokantası"
-      copyrightText="© 2024 Bayram Usta Et Lokantası. Tüm hakları saklıdır."
+      leftLink={{
-      socialLinks={[
+        text: "Gizlilik Politikası",        href: "/"
-        {
+      }}
-          icon: Instagram,
+      rightLink={{
-          href: "https://www.instagram.com/bayramusta_etlokantasi/",          ariaLabel: "Instagram"},
+        text: "Kullanım Şartları",        href: "/"
-      ]}
+      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}