src/app/layout.tsx

@@ -5,8 +5,7 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Redeemed Coffee",  description: "Vintage Coffee, Weekly Surprises, Always Local"
-};
+  title: "Redeemed Coffee - Mobile Coffee Experience",  description: "Vintage feel, pure ingredients, sourced locally. Follow Redeemed Coffee's vintage camper as it rotates through three counties each week."};
 
 export default function RootLayout({
   children,
@@ -1385,4 +1384,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -12,6 +12,15 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import { Coffee, Leaf, Heart, Handshake, Users, MapPin } from 'lucide-react';
 
 export default function LandingPage() {
+  const handleContactSubmit = (data: Record<string, string>) => {
+    // Form submissions are handled here
+    // You can send the data to your backend API endpoint
+    // Example:
+    // fetch('/api/contact', { method: 'POST', body: JSON.stringify(data) })
+    console.log('Form submission received:', data);
+    // The form data includes: name, email, phone (if provided), and message
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -160,6 +169,7 @@ export default function LandingPage() {
           mediaAnimation="slide-up"
           mediaPosition="right"
           buttonText="Send Message"
+          onSubmit={handleContactSubmit}
           ariaLabel="Contact form section"
         />
       </div>
@@ -195,4 +205,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}