Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactForm from '@/components/form/ContactForm';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
@@ -11,6 +11,14 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
 export default function LandingPage() {
+  const handleContactSubmit = async (email: string) => {
+    console.log("Subscribed:", email);
+  };
+
+  const handleCall = () => {
+    window.location.href = "tel:2624564077";
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -28,22 +36,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "menu" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Juicy Lucy's"
     />
@@ -51,26 +47,15 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Welcome to Juicy Lucy's Kitchen"
       description="Experience local flavors and soul-warming seafood in the heart of Racine. Exceptional service, fresh ingredients, and a warm welcome await you."
       buttons={[
-        {
-          text: "Order Online",
-          href: "https://www.doordash.com/",
-        },
-        {
-          text: "Call Now",
-          href: "tel:2624564077",
-        },
+        { text: "Order Online", href: "https://www.doordash.com/" },
+        { text: "Call Now", onClick: handleCall },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-chicken-man-hands_140725-2356.jpg",
-          imageAlt: "Juicy Lucy's dining atmosphere",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-chicken-man-hands_140725-2356.jpg", imageAlt: "Juicy Lucy's dining atmosphere" },
       ]}
       mediaAnimation="slide-up"
     />
@@ -83,18 +68,9 @@ export default function LandingPage() {
       title="A Taste of Home in Racine"
       description="At Juicy Lucy's Kitchen, we believe in great food and even better service. From our signature seafood boils to classic comfort dishes, every plate is prepared with care and quality ingredients."
       bulletPoints={[
-        {
-          title: "Fresh Ingredients",
-          description: "We source high-quality seafood and produce daily.",
-        },
-        {
-          title: "Friendly Service",
-          description: "Top-tier hospitality from our local team.",
-        },
-        {
-          title: "Authentic Flavors",
-          description: "Time-honored recipes that feel like home.",
-        },
+        { title: "Fresh Ingredients", description: "We source high-quality seafood and produce daily." },
+        { title: "Friendly Service", description: "Top-tier hospitality from our local team." },
+        { title: "Authentic Flavors", description: "Time-honored recipes that feel like home." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-round-dough-board-beans-bowl-garlic-lemon-tomato-hazelnut-chestnut-red-lentils-bowl-table_140725-144819.jpg?id=17231478"
       imageAlt="Juicy Lucy's owner welcoming guests"
@@ -109,27 +85,15 @@ export default function LandingPage() {
       features={[
         {
           id: 1,
-          tag: "Seafood",
-          title: "Shrimp Boil",
-          subtitle: "Local Favorite",
-          description: "Perfectly seasoned, fresh shrimp boiled to perfection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/soft-focus-cooked-shrimps-glass-bowl-with-garlic-sauce-bread-kitchen-table_181624-25483.jpg",
+          tag: "Seafood",          title: "Shrimp Boil",          subtitle: "Local Favorite",          description: "Perfectly seasoned, fresh shrimp boiled to perfection.",          imageSrc: "http://img.b2bpic.net/free-photo/soft-focus-cooked-shrimps-glass-bowl-with-garlic-sauce-bread-kitchen-table_181624-25483.jpg"
         },
         {
           id: 2,
-          tag: "Classic",
-          title: "Italian Beef",
-          subtitle: "Traditional Recipe",
-          description: "Juicy, savory beef prepared with our special blend of spices.",
-          imageSrc: "http://img.b2bpic.net/free-photo/slices-pizza-staked-with-tomatoes-vegetables_23-2148753760.jpg",
+          tag: "Classic",          title: "Italian Beef",          subtitle: "Traditional Recipe",          description: "Juicy, savory beef prepared with our special blend of spices.",          imageSrc: "http://img.b2bpic.net/free-photo/slices-pizza-staked-with-tomatoes-vegetables_23-2148753760.jpg"
         },
         {
           id: 3,
-          tag: "Sides",
-          title: "Mac & Cheese",
-          subtitle: "Gourmet Comfort",
-          description: "Creamy, homemade mac and cheese, the perfect side dish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad_74190-725.jpg",
+          tag: "Sides",          title: "Mac & Cheese",          subtitle: "Gourmet Comfort",          description: "Creamy, homemade mac and cheese, the perfect side dish.",          imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad_74190-725.jpg"
         },
       ]}
       title="Menu Highlights"
@@ -143,44 +107,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sherika Moore",
-          date: "1 month ago",
-          title: "Loyal Customer",
-          quote: "Juicy Lucy's is 1000/10! Everything is a hit and the service is top tier.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg?_wi=1",
+          id: "1",          name: "Sherika Moore",          date: "1 month ago",          title: "Loyal Customer",          quote: "Juicy Lucy's is 1000/10! Everything is a hit and the service is top tier.",          tag: "5 Stars",          avatarSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg?_wi=1"
         },
         {
-          id: "2",
-          name: "Jeremy Witek",
-          date: "4 months ago",
-          title: "Seafood Lover",
-          quote: "We did not disappoint! Seasoned perfectly and the crab legs were incredible.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg?_wi=2",
+          id: "2",          name: "Jeremy Witek",          date: "4 months ago",          title: "Seafood Lover",          quote: "We did not disappoint! Seasoned perfectly and the crab legs were incredible.",          tag: "5 Stars",          avatarSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg?_wi=2"
         },
         {
-          id: "3",
-          name: "Walter Grogan",
-          date: "3 months ago",
-          title: "Local Guide",
-          quote: "Great food and even better hospitality. A local gem.",
-          tag: "4 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg?_wi=3",
-        },
-        {
-          id: "4",
-          name: "Happy Diner",
-          date: "2 months ago",
-          title: "Frequent Guest",
-          quote: "Always a great experience. The best place in Racine for comfort food.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg?_wi=4",
+          id: "3",          name: "Walter Grogan",          date: "3 months ago",          title: "Local Guide",          quote: "Great food and even better hospitality. A local gem.",          tag: "4 Stars",          avatarSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg?_wi=3"
         },
       ]}
       title="What Our Guests Say"
@@ -189,22 +122,13 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      text="Visit us at 3701 Durand Ave, Suite 375, Racine, WI. Give us a call or order online to get the best of Juicy Lucy's delivered!"
-      buttons={[
-        {
-          text: "Call (262) 456-4077",
-          href: "tel:2624564077",
-        },
-        {
-          text: "Order Online",
-          href: "https://www.doordash.com/",
-        },
-      ]}
+      <ContactForm
+      title="Get Updates"
+      description="Sign up to receive our latest specials and events directly to your inbox."
+      tag="Contact"
+      onSubmit={handleContactSubmit}
+      centered={true}
+      useInvertedBackground={false}
     />
   </div>
 
@@ -212,42 +136,21 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Visit Us",
-          items: [
-            {
-              label: "3701 Durand Ave, Racine",
-              href: "#",
-            },
-            {
-              label: "Open until 9 PM",
-              href: "#",
-            },
+          title: "Visit Us",          items: [
+            { label: "3701 Durand Ave, Racine", href: "#" },
+            { label: "Open until 9 PM", href: "#" },
           ],
         },
         {
-          title: "Order",
-          items: [
-            {
-              label: "Order Delivery",
-              href: "https://www.doordash.com/",
-            },
-            {
-              label: "Call Today",
-              href: "tel:2624564077",
-            },
+          title: "Order",          items: [
+            { label: "Order Delivery", href: "https://www.doordash.com/" },
+            { label: "Call Today", onClick: handleCall, href: "javascript:void(0)" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
@@ -258,4 +161,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}