From fc62be6efc0cd33557a95efe9d3bff9eb0d29a07 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 09:44:48 +0000
Subject: [PATCH] Update src/app/location/page.tsx

---
 src/app/location/page.tsx | 180 +++++++++++++++++++-------------------
 1 file changed, 88 insertions(+), 92 deletions(-)

diff --git a/src/app/location/page.tsx b/src/app/location/page.tsx
index b9155e5..8961b71 100644
--- a/src/app/location/page.tsx
+++ b/src/app/location/page.tsx
@@ -1,55 +1,12 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
-import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { MapPin, Navigation, Phone } from "lucide-react";
+import { MapPin, Navigation } from "lucide-react";
 
 export default function LocationPage() {
-  const navItems = [
-    { name: "Home", id: "home" },
-    { name: "Rooms", id: "rooms" },
-    { name: "Amenities", id: "amenities" },
-    { name: "Gallery", id: "gallery" },
-    { name: "Location", id: "location" },
-    { name: "Reviews", id: "reviews" },
-  ];
-
-  const footerColumns = [
-    {
-      items: [
-        { label: "Home", href: "/" },
-        { label: "Rooms", href: "/rooms" },
-        { label: "Amenities", href: "/amenities" },
-        { label: "Gallery", href: "/gallery" },
-      ],
-    },
-    {
-      items: [
-        { label: "Location", href: "/location" },
-        { label: "Reviews", href: "/reviews" },
-        { label: "Book Now", href: "/book" },
-        { label: "Contact Us", href: "/contact" },
-      ],
-    },
-    {
-      items: [
-        { label: "Privacy Policy", href: "#" },
-        { label: "Terms & Conditions", href: "#" },
-        { label: "Cancellation Policy", href: "#" },
-        { label: "FAQ", href: "#" },
-      ],
-    },
-  ];
-
-  const handlePhoneCall = () => {
-    window.location.href = "tel:801-373-7044";
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -63,16 +20,25 @@ export default function LocationPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="bold"
     >
-      <div id="nav" data-section="nav">
+      {/* Navbar */}
+      <div id="nav" data-section="nav" className="sticky top-0 z-50">
         <NavbarStyleCentered
           brandName="Provo River Inn"
-          navItems={navItems}
+          navItems={[
+            { name: "Home", id: "home" },
+            { name: "Rooms", id: "rooms" },
+            { name: "Amenities", id: "amenities" },
+            { name: "Gallery", id: "gallery" },
+            { name: "Location", id: "location" },
+            { name: "Reviews", id: "reviews" },
+          ]}
           button={{
             text: "Book Your Stay",            href: "/book"}}
         />
       </div>
 
-      <div id="location-highlight" data-section="location-highlight" className="py-16 px-6">
+      {/* Location Section */}
+      <div id="location-highlight" data-section="location-highlight">
         <TestimonialAboutCard
           tag="Perfectly Located"
           tagIcon={MapPin}
@@ -80,61 +46,91 @@ export default function LocationPage() {
           description="Our convenient location puts you near outstanding restaurants, the scenic Provo River and parkway, and easy access to local attractions, shops, and entertainment."
           subdescription="Whether you're here for business, visiting family, or exploring the area, everything you need is within walking distance or a short drive away."
           icon={Navigation}
-          imageSrc="http://img.b2bpic.net/free-photo/new-york-city-central-park_649448-4109.jpg?_wi=2"
-          imageAlt="Provo River Utah peaceful water nature parkway"
+          imageSrc="http://img.b2bpic.net/free-photo/new-york-city-central-park_649448-4109.jpg?_wi=1"
           mediaAnimation="blur-reveal"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="location-nearby-features" data-section="location-nearby-features" className="py-16 px-6">
-        <FeatureCardMedia
-          features={[
-            {
-              id: "provo-river-parkway",              title: "Provo River Parkway",              description: "Beautiful walking and biking trails along the scenic river, perfect for morning runs and peaceful nature walks.",              tag: "Outdoor Recreation",              imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-central-park_649448-4109.jpg?_wi=3",              imageAlt: "Scenic river walking path peaceful nature"
-            },
-            {
-              id: "local-dining",              title: "Nearby Dining",              description: "Walking distance to casual restaurants, local favorites, and vibrant dining neighborhoods with diverse cuisine options.",              tag: "Dining",              imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033596.jpg?_wi=2",              imageAlt: "Casual restaurant dining outdoor seating friendly"
-            },
-            {
-              id: "attractions",              title: "Attractions & Shopping",              description: "Close to BYU campus, Utah Valley museums, shopping centers, and family-friendly attractions for all ages.",              tag: "Entertainment",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=11",              imageAlt: "Hotel lobby welcoming entrance friendly reception"
-            },
-            {
-              id: "business-district",              title: "Business District",              description: "Convenient proximity to corporate offices and business centers, making it ideal for business travelers.",              tag: "Business",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=12",              imageAlt: "Hotel lobby welcoming entrance friendly reception"
-            }
-          ]}
-          animationType="slide-up"
-          title="Explore the Area"
-          description="Our strategic location gives you easy access to Provo's best attractions, dining, and outdoor activities."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          carouselMode="buttons"
-        />
-      </div>
-
-      <div id="contact-cta" data-section="contact-cta" className="py-20 px-6">
-        <ContactSplit
-          tag="Ready to Visit?"
-          title="Call to Book Your Stay"
-          description="Direct line to our reservations team. Quick, easy, and immediate confirmation of your stay."
-          tagIcon={Phone}
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=13"
-          imageAlt="Hotel lobby welcoming entrance friendly reception"
-          mediaAnimation="blur-reveal"
-          mediaPosition="right"
-          inputPlaceholder="Call: 801-373-7044"
-          buttonText="Call to Book"
-          termsText="Phone lines available 24/7. Our team is ready to help you secure the perfect room."
-          onSubmit={handlePhoneCall}
-        />
+      {/* Map Integration Section */}
+      <div id="location-map" data-section="location-map" className="w-full py-20">
+        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <h2 className="text-4xl font-bold mb-4">Find Us Here</h2>
+            <p className="text-lg text-gray-600">Provo River Inn is conveniently located in the heart of Provo</p>
+          </div>
+          <div className="w-full h-96 rounded-lg overflow-hidden shadow-lg">
+            <iframe
+              width="100%"
+              height="100%"
+              frameBorder="0"
+              style={{ border: 0 }}
+              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3030.5447793505635!2d-111.65532!3d40.2338!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x874d8e6d6b6b6b6b%3A0x6b6b6b6b6b6b6b6b!2sProvo%2C%20Utah!5e0!3m2!1sen!2sus!4v1234567890"
+              allowFullScreen={true}
+              loading="lazy"
+              referrerPolicy="no-referrer-when-downgrade"
+              title="Provo River Inn Location Map"
+            />
+          </div>
+          <div className="mt-12 grid md:grid-cols-3 gap-8 text-center">
+            <div>
+              <h3 className="font-bold mb-2">Address</h3>
+              <p className="text-gray-600">Provo, Utah</p>
+            </div>
+            <div>
+              <h3 className="font-bold mb-2">Phone</h3>
+              <p className="text-gray-600">Contact us for information</p>
+            </div>
+            <div>
+              <h3 className="font-bold mb-2">Hours</h3>
+              <p className="text-gray-600">24/7 Front Desk Available</p>
+            </div>
+          </div>
+        </div>
       </div>
 
+      {/* Footer */}
       <div id="footer-main" data-section="footer-main">
         <FooterLogoEmphasis
           logoText="Provo River Inn"
-          columns={footerColumns}
+          columns={[
+            {
+              items: [
+                {
+                  label: "Home",                  href: "/"},
+                {
+                  label: "Rooms",                  href: "/rooms"},
+                {
+                  label: "Amenities",                  href: "/amenities"},
+                {
+                  label: "Gallery",                  href: "/gallery"},
+              ],
+            },
+            {
+              items: [
+                {
+                  label: "Location",                  href: "/location"},
+                {
+                  label: "Reviews",                  href: "/reviews"},
+                {
+                  label: "Book Now",                  href: "/book"},
+                {
+                  label: "Contact Us",                  href: "/contact"},
+              ],
+            },
+            {
+              items: [
+                {
+                  label: "Privacy Policy",                  href: "#"},
+                {
+                  label: "Terms & Conditions",                  href: "#"},
+                {
+                  label: "Cancellation Policy",                  href: "#"},
+                {
+                  label: "FAQ",                  href: "#"},
+              ],
+            },
+          ]}
         />
       </div>
     </ThemeProvider>