Bob AI: add something with like phones

Merge version_4 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 
 export default function LandingPage() {
   return (
@@ -202,6 +203,25 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+            title="Get in Touch"
+            description="We'd love to hear from you! Whether you have questions about our menu, reservations, or just want to say hello, feel free to reach out."
+            inputs={[
+                { name: "name", type: "text", placeholder: "Your Name", required: true },
+                { name: "email", type: "email", placeholder: "Your Email", required: true },
+                { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
+            useInvertedBackground="noInvert"
+            imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+            imageAlt="Buona Tavola Restaurant Interior"
+            mediaPosition="left"
+            buttonText="Send Message"
+            ariaLabel="Contact Buona Tavola"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBase
           logoText="Buona Tavola"