From 11335f42bcd8309ee388b8809eafee96defeb0f5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 11:20:04 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 61 ++++++++++++++++++----------------------
 1 file changed, 28 insertions(+), 33 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index ad39325..978d1b3 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,12 +1,12 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import Link from 'next/link';
-import { Sparkles, MapPin } from 'lucide-react';
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import Link from "next/link";
+import { Sparkles, MapPin } from "lucide-react";
 
 export default function ContactPage() {
   return (
@@ -22,21 +22,19 @@ export default function ContactPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
-      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={[
-            { name: "Home", id: "home" },
-            { name: "Menu", id: "menu" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "contact" }
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "/menu" },
+            { name: "About", id: "#about" },
+            { name: "Contact", id: "/contact" },
           ]}
           button={{ text: "Order Online", href: "order" }}
           brandName="Leavity"
         />
       </div>
 
-      {/* Contact Hero */}
       <div id="hero" data-section="hero">
         <HeroSplitDualMedia
           title="Get In Touch"
@@ -47,24 +45,23 @@ export default function ContactPage() {
           background={{ variant: "plain" }}
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/hand-mixing-flour_1170-2250.jpg?_wi=4",              imageAlt: "Golden sourdough crust and artisan bread baking"
-            },
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/hand-mixing-flour_1170-2250.jpg?_wi=4",              imageAlt: "Golden sourdough crust and artisan bread baking"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/assorted-biscuits-candies-cup-tea-gray-surface_114579-20936.jpg?_wi=3",              imageAlt: "Specialty coffee with care and precision"
-            }
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/assorted-biscuits-candies-cup-tea-gray-surface_114579-20936.jpg?_wi=3",              imageAlt: "Specialty coffee with care and precision"},
           ]}
           mediaAnimation="slide-up"
           rating={5}
           ratingText="Loved by Salt Lake City"
           buttons={[
             { text: "Order Online", href: "#contact" },
-            { text: "Call Us", href: "#contact" }
+            { text: "Call Us", href: "#contact" },
           ]}
           buttonAnimation="slide-up"
         />
       </div>
 
-      {/* Location & Hours */}
       <div id="location" data-section="location">
         <MetricSplitMediaAbout
           title="Visit Leavity"
@@ -74,7 +71,7 @@ export default function ContactPage() {
           tagAnimation="slide-up"
           metrics={[
             { value: "Mon-Sun", title: "6 AM - 7 PM" },
-            { value: "365", title: "Days Fresh Bread" }
+            { value: "365", title: "Days Fresh Bread" },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/hand-mixing-flour_1170-2250.jpg?_wi=5"
           imageAlt="Leavity Bread & Coffee location and storefront"
@@ -84,7 +81,6 @@ export default function ContactPage() {
         />
       </div>
 
-      {/* CTA */}
       <div id="cta" data-section="cta">
         <MetricSplitMediaAbout
           title="Experience Bread The Way It Was Meant To Be"
@@ -94,7 +90,7 @@ export default function ContactPage() {
           tagAnimation="slide-up"
           metrics={[
             { value: "Salt Lake", title: "City Location" },
-            { value: "Fresh", title: "Every Morning" }
+            { value: "Fresh", title: "Every Morning" },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/donuts-bagels-crackers-bakery-products-belarusian-food-products_132075-13054.jpg?_wi=2"
           imageAlt="Fresh daily breads and pastries at Leavity"
@@ -104,7 +100,6 @@ export default function ContactPage() {
         />
       </div>
 
-      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterBase
           logoText="Leavity Bread & Coffee"
@@ -112,28 +107,28 @@ export default function ContactPage() {
           columns={[
             {
               title: "Shop",              items: [
-                { label: "Menu", href: "#menu" },
-                { label: "Order Online", href: "#contact" },
-                { label: "Catering", href: "#contact" }
-              ]
+                { label: "Menu", href: "/menu" },
+                { label: "Order Online", href: "/contact" },
+                { label: "Catering", href: "/contact" },
+              ],
             },
             {
               title: "Leavity",              items: [
                 { label: "Our Story", href: "#about" },
                 { label: "Our Philosophy", href: "#about" },
-                { label: "Careers", href: "#" }
-              ]
+                { label: "Careers", href: "#" },
+              ],
             },
             {
               title: "Connect",              items: [
-                { label: "Contact Us", href: "#contact" },
+                { label: "Contact Us", href: "/contact" },
                 { label: "Instagram", href: "https://instagram.com" },
-                { label: "Privacy Policy", href: "#" }
-              ]
-            }
+                { label: "Privacy Policy", href: "#" },
+              ],
+            },
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}