Merge version_4 into main

Merge version_4 into main

src/app/amenities/page.tsx

@@ -1,58 +1,14 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
 import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Wifi, Maximize, Users, Phone } from "lucide-react";
+import { Heart } from "lucide-react";
-
-function AmenitiesDetails(props: any) {
-  return <FeatureCardMedia {...props} />;
-}
 
 export default function AmenitiesPage() {
-  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"
@@ -66,78 +22,134 @@ export default function AmenitiesPage() {
       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={[
-          button={{ text: "Book Your Stay", href: "/book" }}
+            { 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="amenities-full" data-section="amenities-full">
+      {/* Hero Section */}
+      <div id="hero-amenities" data-section="hero-amenities">
+        <HeroLogoBillboardSplit
+          logoText="Our Amenities"
+          description="Discover the thoughtful comforts and facilities we offer to enhance your stay at Provo River Inn. From relaxation to convenience, we've designed our amenities to help you unwind and make the most of your time in Provo."
+          background={{ variant: "animated-grid" }}
+          buttons={[
+            {
+              text: "Book a Room",              href: "/rooms"},
+            {
+              text: "View Our Rooms",              href: "/rooms"},
+          ]}
+          buttonAnimation="opacity"
+          layoutOrder="default"
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=1"
+          imageAlt="Pool and hot tub amenities at Provo River Inn"
+          mediaAnimation="blur-reveal"
+          frameStyle="card"
+        />
+      </div>
+
+      {/* Amenities Highlight Section */}
+      <div id="amenities-showcase" data-section="amenities-showcase">
         <FeatureCardMedia
           features={[
             {
-              id: "indoor-pool",              title: "Indoor Pool",              description: "Year-round swimming and water fun for families and guests of all ages. Keep cool in summer and warm in winter.",              tag: "Recreation",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg",              imageAlt: "indoor swimming pool hotel bright clean water"},
+              id: "indoor-pool",              title: "Indoor Pool",              description: "Year-round swimming and water fun for families and guests of all ages. Perfect for a refreshing dip or leisurely swim.",              tag: "Recreation",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=2"},
             {
-              id: "hot-tub",              title: "Hot Tub",              description: "Relax and soothe tired muscles in our warm, peaceful hot tub. Perfect for unwinding after a day exploring Provo.",              tag: "Relaxation",              imageSrc: "http://img.b2bpic.net/free-photo/girl-relaxing-hot-tub-from-calm-zen_169016-69337.jpg",              imageAlt: "hotel hot tub spa relaxation peaceful"},
+              id: "hot-tub",              title: "Hot Tub",              description: "Relaxing warmth and peaceful unwinding after a day exploring Provo. The perfect spot to ease tired muscles and enjoy quality time.",              tag: "Relaxation",              imageSrc: "http://img.b2bpic.net/free-photo/girl-relaxing-hot-tub-from-calm-zen_169016-69337.jpg?_wi=1"},
             {
-              id: "breakfast",              title: "Continental Breakfast",              description: "Start your day right with a complimentary breakfast spread. Fresh pastries, coffee, juice, and more included daily.",              tag: "Convenience",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-fried-chicken-batter-with-sauce-herbs-orange-juice_141793-3911.jpg",              imageAlt: "hotel breakfast room continental spread morning"},
+              id: "continental-breakfast",              title: "Continental Breakfast",              description: "Start your day right with complimentary breakfast including fresh pastries, cereals, juice, and coffee before heading out.",              tag: "Convenience",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-fried-chicken-batter-with-sauce-herbs-orange-juice_141793-3911.jpg?_wi=1"},
             {
-              id: "wifi-parking",              title: "Free WiFi & Parking",              description: "Stay connected with high-speed WiFi throughout the property. Free parking available for all guests.",              tag: "Included",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg",              imageAlt: "hotel lobby welcoming entrance friendly reception"},
+              id: "free-wifi",              title: "Free WiFi & Parking",              description: "Stay connected throughout your stay with complimentary high-speed WiFi and free parking available for all guests.",              tag: "Included",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=3"},
+            {
+              id: "fitness-center",              title: "Fitness Center",              description: "Stay active with our well-equipped fitness center featuring modern exercise equipment available 24/7 for guests.",              tag: "Wellness",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-indoors_23-2151030663.jpg?_wi=1"},
+            {
+              id: "business-center",              title: "Business Center",              description: "Complete your work with access to computers, printers, and a quiet workspace designed for productivity.",              tag: "Work Space",              imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=2"},
+            {
+              id: "guest-laundry",              title: "Guest Laundry Facilities",              description: "Convenient on-site laundry room with washers and dryers available for guests to use during their stay.",              tag: "Convenience",              imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033596.jpg?_wi=2"},
+            {
+              id: "pet-friendly",              title: "Pet-Friendly Rooms",              description: "Travel with your furry friends in our pet-friendly rooms designed with comfort for both you and your pets.",              tag: "Family",              imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245271.jpg?_wi=1"},
           ]}
           animationType="slide-up"
-          title="Complete List of Guest Amenities"
+          title="Everything You Need for a Perfect Stay"
-          description="We've carefully curated a selection of amenities designed to enhance your stay and make your visit to Provo comfortable and convenient."
+          description="We've thoughtfully designed each amenity to enhance your comfort, convenience, and enjoyment during your time at Provo River Inn."
           textboxLayout="default"
           useInvertedBackground={false}
           carouselMode="buttons"
         />
       </div>
 
-      <div id="amenities-details" data-section="amenities-details">
+      {/* Contact CTA Section */}
-        <AmenitiesDetails
-          features={[
-            {
-              id: "quiet-rooms",              title: "Soundproof Rooms",              description: "Enjoy peaceful, uninterrupted sleep in our sound-dampened guest rooms. Quiet comfort is our commitment.",              tag: "Comfort",              imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg",              imageAlt: "comfortable hotel room"},
-            {
-              id: "friendly-staff",              title: "24/7 Front Desk",              description: "Our friendly staff is always available to help with directions, restaurant recommendations, or any special requests.",              tag: "Service",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg",              imageAlt: "hotel staff welcome"},
-            {
-              id: "family-spaces",              title: "Family-Friendly Spaces",              description: "Kids are welcome! Play areas, family suites, and kid-friendly breakfast options make us perfect for families.",              tag: "Family",              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg",              imageAlt: "family enjoying pool"},
-            {
-              id: "accessible-rooms",              title: "Accessible Accommodations",              description: "ADA-compliant rooms and facilities ensure all guests can enjoy their stay with comfort and dignity.",              tag: "Accessibility",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg",              imageAlt: "accessible facilities"},
-          ]}
-          animationType="slide-up"
-          title="Special Features & Services"
-          description="Beyond the essentials, we offer thoughtful touches that make your stay truly memorable."
-          textboxLayout="default"
-          useInvertedBackground={true}
-          carouselMode="buttons"
-        />
-      </div>
-
       <div id="contact-cta" data-section="contact-cta">
         <ContactSplit
           tag="Ready to Experience Our Amenities?"
-          title="Call to Book Your Stay"
+          title="Book Your Stay Today"
-          description="Direct line to our reservations team. Quick, easy, and immediate confirmation of your stay."
+          description="Reserve your room and discover why guests love relaxing at Provo River Inn. We can't wait to welcome you."
-          tagIcon={Phone}
+          tagIcon={Heart}
           background={{ variant: "plain" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/girl-relaxing-hot-tub-from-calm-zen_169016-69337.jpg?_wi=2"
           mediaAnimation="blur-reveal"
           mediaPosition="right"
-          inputPlaceholder="Call: 801-373-7044"
+          inputPlaceholder="Enter your email to book"
-          buttonText="Call to Book"
+          buttonText="Check Availability"
-          termsText="Phone lines available 24/7. Our team is ready to help you secure the perfect room."
+          termsText="By clicking Check Availability, you're confirming that you agree with our Terms and Conditions."
-          onSubmit={handlePhoneCall}
         />
       </div>
 
-      <div id="footer" data-section="footer">
+      {/* 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>

src/app/contact/page.tsx

@@ -0,0 +1,256 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { Phone, Mail, MapPin, Heart } from "lucide-react";
+
+export default function ContactPage() {
+  const [formData, setFormData] = useState({
+    name: "",    email: "",    message: ""});
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({
+      ...prev,
+      [name]: value,
+    }));
+  };
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    // Handle form submission
+    console.log("Form submitted:", formData);
+    // Reset form
+    setFormData({ name: "", email: "", message: "" });
+  };
+
+  const handlePhoneCall = () => {
+    window.location.href = "tel:+1-385-555-0123";
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeMediumTitles"
+      background="grid"
+      cardStyle="solid"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      {/* Navbar */}
+      <div id="nav" data-section="nav" className="sticky top-0 z-50">
+        <NavbarStyleCentered
+          brandName="Provo River Inn"
+          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" },
+            { name: "Contact", id: "contact" },
+          ]}
+          button={{
+            text: "Book Your Stay",            href: "/book"}}
+        />
+      </div>
+
+      {/* Hero Section */}
+      <div id="hero-contact" data-section="hero-contact">
+        <HeroLogoBillboardSplit
+          logoText="Get in Touch"
+          description="Have questions about your stay? Our friendly team is here to help. Reach out directly by phone or use our contact form below."
+          background={{ variant: "animated-grid" }}
+          buttons={[
+            {
+              text: "Call Now",              onClick: handlePhoneCall,
+            },
+          ]}
+          buttonAnimation="opacity"
+          layoutOrder="default"
+          imageSrc="http://img.b2bpic.net/free-photo/young-female-receptionist-hotel-smiling-camera_1157-37453.jpg?_wi=1"
+          imageAlt="Friendly staff at Provo River Inn"
+          mediaAnimation="blur-reveal"
+          frameStyle="card"
+        />
+      </div>
+
+      {/* Contact Form Section */}
+      <div id="contact-form-section" data-section="contact-form-section" className="py-20 px-4">
+        <div className="max-w-4xl mx-auto">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-12">
+            {/* Contact Information */}
+            <div className="space-y-8">
+              <div>
+                <h2 className="text-3xl font-bold mb-8">Contact Information</h2>
+              </div>
+
+              {/* Phone */}
+              <div className="flex items-start space-x-4">
+                <div className="flex-shrink-0">
+                  <Phone className="w-6 h-6 text-blue-500 mt-1" />
+                </div>
+                <div>
+                  <h3 className="text-lg font-semibold mb-1">Phone</h3>
+                  <p className="text-gray-600 mb-3">Call us directly for immediate assistance</p>
+                  <button
+                    onClick={handlePhoneCall}
+                    className="inline-flex items-center px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors font-semibold"
+                  >
+                    <Phone className="w-4 h-4 mr-2" />
+                    +1 (385) 555-0123
+                  </button>
+                </div>
+              </div>
+
+              {/* Email */}
+              <div className="flex items-start space-x-4">
+                <div className="flex-shrink-0">
+                  <Mail className="w-6 h-6 text-green-500 mt-1" />
+                </div>
+                <div>
+                  <h3 className="text-lg font-semibold mb-1">Email</h3>
+                  <p className="text-gray-600 mb-2">Send us a message anytime</p>
+                  <a
+                    href="mailto:hello@provoriverkinn.com"
+                    className="text-green-500 hover:text-green-600 font-semibold"
+                  >
+                    hello@provoriverkinn.com
+                  </a>
+                </div>
+              </div>
+
+              {/* Address */}
+              <div className="flex items-start space-x-4">
+                <div className="flex-shrink-0">
+                  <MapPin className="w-6 h-6 text-red-500 mt-1" />
+                </div>
+                <div>
+                  <h3 className="text-lg font-semibold mb-1">Address</h3>
+                  <p className="text-gray-600">
+                    123 River Road<br />
+                    Provo, UT 84604<br />
+                    United States
+                  </p>
+                </div>
+              </div>
+            </div>
+
+            {/* Contact Form */}
+            <div className="bg-white rounded-lg p-8 shadow-lg">
+              <h3 className="text-2xl font-bold mb-6">Send us a Message</h3>
+              <form onSubmit={handleSubmit} className="space-y-6">
+                <div>
+                  <label htmlFor="name" className="block text-sm font-semibold mb-2">
+                    Name
+                  </label>
+                  <input
+                    type="text"
+                    id="name"
+                    name="name"
+                    value={formData.name}
+                    onChange={handleInputChange}
+                    required
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                    placeholder="Your name"
+                  />
+                </div>
+
+                <div>
+                  <label htmlFor="email" className="block text-sm font-semibold mb-2">
+                    Email
+                  </label>
+                  <input
+                    type="email"
+                    id="email"
+                    name="email"
+                    value={formData.email}
+                    onChange={handleInputChange}
+                    required
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                    placeholder="your.email@example.com"
+                  />
+                </div>
+
+                <div>
+                  <label htmlFor="message" className="block text-sm font-semibold mb-2">
+                    Message
+                  </label>
+                  <textarea
+                    id="message"
+                    name="message"
+                    value={formData.message}
+                    onChange={handleInputChange}
+                    required
+                    rows={5}
+                    className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                    placeholder="Your message..."
+                  />
+                </div>
+
+                <button
+                  type="submit"
+                  className="w-full px-6 py-3 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors font-semibold"
+                >
+                  Send Message
+                </button>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Footer */}
+      <div id="footer-main" data-section="footer-main">
+        <FooterLogoEmphasis
+          logoText="Provo River Inn"
+          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>
+  );
+}

src/app/gallery/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 ProductCardThree from "@/components/sections/product/ProductCardThree";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
-import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Camera, Phone } from "lucide-react";
+import { Image } from "lucide-react";
 
 export default function GalleryPage() {
-  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,78 +20,101 @@ export default function GalleryPage() {
       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={[
-          button={{ text: "Book Your Stay", href: "/book" }}
+            { name: "Home", id: "home" },
-        />
+            { name: "Rooms", id: "rooms" },
-      </div>
+            { name: "Amenities", id: "amenities" },
-
+            { name: "Gallery", id: "gallery" },
-      <div id="gallery-rooms" data-section="gallery-rooms">
+            { name: "Location", id: "location" },
-        <ProductCardThree
+            { name: "Reviews", id: "reviews" },
-          products={[
-            {
-              id: "room-classic-king",              name: "Classic King",              price: "From $89/night",              imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=4",              imageAlt: "luxury hotel king bed comfortable bedding clean"},
-            {
-              id: "room-double-queen",              name: "Double Queen",              price: "From $99/night",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-indoors_23-2151030663.jpg?_wi=3",              imageAlt: "hotel room double queen beds family comfortable"},
-            {
-              id: "room-family-suite",              name: "Family Suite",              price: "From $119/night",              imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245271.jpg?_wi=3",              imageAlt: "large family hotel suite spacious comfortable"},
           ]}
-          carouselMode="buttons"
+          button={{
-          gridVariant="three-columns-all-equal-width"
+            text: "Book Your Stay",            href: "/book"}}
-          animationType="scale-rotate"
-          title="Room Gallery"
-          description="Explore our comfortable and welcoming room options. Each room is thoughtfully designed for your comfort and relaxation."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "View Room Details", href: "/rooms" }]}
         />
       </div>
 
-      <div id="gallery-amenities" data-section="gallery-amenities">
+      {/* Gallery Hero Section */}
-        <FeatureCardMedia
+      <div id="gallery-hero" data-section="gallery-hero">
-          features={[
+        <HeroBillboardGallery
+          title="Gallery"
+          description="Explore our comfortable rooms, amenities, and the beautiful surroundings of Provo River Inn."
+          background={{ variant: "animated-grid" }}
+          tag="Photo Gallery"
+          tagIcon={Image}
+          tagAnimation="opacity"
+          buttons={[
             {
-              id: "pool-recreation",              title: "Indoor Pool",              description: "Our indoor pool is a centerpiece of relaxation and family fun, available year-round for all guests.",              tag: "Recreation",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=4",              imageAlt: "indoor swimming pool hotel bright clean water"},
+              text: "Book Your Stay",              href: "/book"},
-            {
+          ]}
-              id: "hot-tub-spa",              title: "Hot Tub Spa",              description: "Our inviting hot tub provides the perfect retreat after a day of exploring Provo and the surrounding areas.",              tag: "Wellness",              imageSrc: "http://img.b2bpic.net/free-photo/girl-relaxing-hot-tub-from-calm-zen_169016-69337.jpg?_wi=3",              imageAlt: "hotel hot tub spa relaxation peaceful"},
+          buttonAnimation="opacity"
-            {
+          mediaItems={[
-              id: "breakfast-dining",              title: "Breakfast Area",              description: "Start your day in our warm and inviting breakfast area with fresh coffee and complimentary continental options.",              tag: "Dining",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-fried-chicken-batter-with-sauce-herbs-orange-juice_141793-3911.jpg?_wi=3",              imageAlt: "hotel breakfast room continental spread morning"},
+            {
-            {
+              imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=1",              imageAlt: "Classic King Room"},
-              id: "lobby-welcome",              title: "Welcoming Lobby",              description: "Our bright, clean lobby sets the tone for a comfortable stay. Friendly staff ready to assist you anytime.",              tag: "Service",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=10",              imageAlt: "hotel lobby welcoming entrance friendly reception"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-indoors_23-2151030663.jpg?_wi=1",              imageAlt: "Double Queen Room"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245271.jpg?_wi=1",              imageAlt: "Family Suite"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=1",              imageAlt: "Pool Area"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-relaxing-hot-tub-from-calm-zen_169016-69337.jpg?_wi=1",              imageAlt: "Hot Tub"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-fried-chicken-batter-with-sauce-herbs-orange-juice_141793-3911.jpg?_wi=1",              imageAlt: "Continental Breakfast"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=1",              imageAlt: "Lobby Area"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033596.jpg?_wi=1",              imageAlt: "Outdoor Grounds"},
           ]}
-          animationType="blur-reveal"
-          title="Amenities & Spaces"
-          description="Discover the facilities and spaces that make Provo River Inn the perfect choice for comfort and convenience."
-          textboxLayout="default"
-          useInvertedBackground={true}
-          carouselMode="buttons"
-        />
-      </div>
-
-      <div id="contact-cta" data-section="contact-cta">
-        <ContactSplit
-          tag="See Why Guests Love Us"
-          title="Call to Book Your Visit"
-          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/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=6"
           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}
         />
       </div>
 
-      <div id="footer" data-section="footer">
+      {/* 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>

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"
+          imageSrc="http://img.b2bpic.net/free-photo/new-york-city-central-park_649448-4109.jpg?_wi=1"
-          imageAlt="Provo River Utah peaceful water nature parkway"
           mediaAnimation="blur-reveal"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="location-nearby-features" data-section="location-nearby-features" className="py-16 px-6">
+      {/* Map Integration Section */}
-        <FeatureCardMedia
+      <div id="location-map" data-section="location-map" className="w-full py-20">
-          features={[
+        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-            {
+          <div className="text-center mb-12">
-              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"
+            <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>
-              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"
+          <div className="w-full h-96 rounded-lg overflow-hidden shadow-lg">
-            },
+            <iframe
-            {
+              width="100%"
-              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"
+              height="100%"
-            },
+              frameBorder="0"
-            {
+              style={{ border: 0 }}
-              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"
+              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"
-          animationType="slide-up"
+              referrerPolicy="no-referrer-when-downgrade"
-          title="Explore the Area"
+              title="Provo River Inn Location Map"
-          description="Our strategic location gives you easy access to Provo's best attractions, dining, and outdoor activities."
+            />
-          textboxLayout="default"
+          </div>
-          useInvertedBackground={false}
+          <div className="mt-12 grid md:grid-cols-3 gap-8 text-center">
-          carouselMode="buttons"
+            <div>
-        />
+              <h3 className="font-bold mb-2">Address</h3>
-      </div>
+              <p className="text-gray-600">Provo, Utah</p>
-
+            </div>
-      <div id="contact-cta" data-section="contact-cta" className="py-20 px-6">
+            <div>
-        <ContactSplit
+              <h3 className="font-bold mb-2">Phone</h3>
-          tag="Ready to Visit?"
+              <p className="text-gray-600">Contact us for information</p>
-          title="Call to Book Your Stay"
+            </div>
-          description="Direct line to our reservations team. Quick, easy, and immediate confirmation of your stay."
+            <div>
-          tagIcon={Phone}
+              <h3 className="font-bold mb-2">Hours</h3>
-          background={{ variant: "plain" }}
+              <p className="text-gray-600">24/7 Front Desk Available</p>
-          useInvertedBackground={false}
+            </div>
-          imageSrc="http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=13"
+          </div>
-          imageAlt="Hotel lobby welcoming entrance friendly reception"
+        </div>
-          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}
-        />
       </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>

src/app/page.tsx

@@ -10,13 +10,9 @@ import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Heart, MapPin, Navigation, Smile, Phone } from "lucide-react";
+import { Heart, MapPin, Navigation, Smile } from "lucide-react";
 
 export default function HomePage() {
-  const handlePhoneCall = () => {
-    window.location.href = "tel:801-373-7044";
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -24,7 +20,7 @@ export default function HomePage() {
       borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="mediumLargeSizeMediumTitles"
-      background="circleGradient"
+      background="grid"
       cardStyle="solid"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="solid"
@@ -41,6 +37,7 @@ export default function HomePage() {
             { name: "Gallery", id: "gallery" },
             { name: "Location", id: "location" },
             { name: "Reviews", id: "reviews" },
+            { name: "Contact", id: "contact" },
           ]}
           button={{
             text: "Book Your Stay",            href: "/book"}}
@@ -52,7 +49,7 @@ export default function HomePage() {
         <HeroLogoBillboardSplit
           logoText="Provo River Inn"
           description="A relaxing stay in a peaceful Provo setting. Quiet comfort, welcoming service, family-friendly amenities, and convenient access to dining, parks, and the Provo River."
-          background={{ variant: "plain" }}
+          background={{ variant: "animated-grid" }}
           buttons={[
             {
               text: "Book Your Stay",              href: "/book"},
@@ -204,18 +201,17 @@ export default function HomePage() {
       <div id="contact-cta" data-section="contact-cta">
         <ContactSplit
           tag="Ready for a Relaxing Stay?"
-          title="Call to Book Your Room"
+          title="Book Your Comfortable Stay"
-          description="Direct line to our reservations team. Quick, easy, and immediate confirmation of your stay."
+          description="Reserve your room today and discover why guests keep choosing Provo River Inn for peace, comfort, and convenience."
-          tagIcon={Phone}
+          tagIcon={Heart}
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=4"
           mediaAnimation="blur-reveal"
           mediaPosition="right"
-          inputPlaceholder="Call: 801-373-7044"
+          inputPlaceholder="Enter your email for booking info"
-          buttonText="Call to Book"
+          buttonText="Check Availability"
-          termsText="Phone lines available 24/7. Our team is ready to help you secure the perfect room."
+          termsText="By clicking Check Availability, you're confirming that you agree with our Terms and Conditions."
-          onSubmit={handlePhoneCall}
         />
       </div>
 

src/app/reviews/page.tsx

@@ -1,54 +1,13 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
+import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Star, Calendar, Phone } from "lucide-react";
+import { Sparkles, Star } from "lucide-react";
 
 export default function ReviewsPage() {
-  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"
@@ -62,76 +21,114 @@ export default function ReviewsPage() {
       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" },
+            { name: "Contact", id: "contact" },
+          ]}
           button={{
             text: "Book Your Stay",            href: "/book"}}
         />
       </div>
 
-      <div id="reviews-testimonials" data-section="reviews-testimonials" className="py-16 px-6">
+      {/* Spotlight Review Section */}
+      <div id="spotlight-review" data-section="spotlight-review">
+        <TestimonialAboutCard
+          tag="Guest Spotlight"
+          tagIcon={Sparkles}
+          title="Outstanding Five-Star Experience"
+          description="Sarah M. stayed with us recently and shared her wonderful experience: 'The peaceful atmosphere and friendly staff made my stay absolutely perfect. The pool was refreshing and the location near restaurants was incredibly convenient.'"
+          subdescription="Every guest matters to us, and we're proud when our service and comfort exceed expectations. This is just one of many amazing reviews from visitors who found exactly what they needed at Provo River Inn."
+          icon={Star}
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-female-guest-holding-key_176474-8215.jpg?_wi=1"
+          mediaAnimation="blur-reveal"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      {/* All Reviews Showcase */}
+      <div id="reviews-showcase" data-section="reviews-showcase">
         <TestimonialCardOne
           testimonials={[
             {
               id: "review-1",              name: "Sarah M.",              role: "Guest",              company: "Verified Stay",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=8",              imageAlt: "Family children happy pool water play"
+              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=1"},
-            },
             {
               id: "review-2",              name: "James T.",              role: "Guest",              company: "Verified Stay",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=9",              imageAlt: "Family children happy pool water play"
+              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=2"},
-            },
             {
               id: "review-3",              name: "Maria L.",              role: "Guest",              company: "Verified Stay",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=10",              imageAlt: "Family children happy pool water play"
+              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=3"},
-            },
             {
               id: "review-4",              name: "David K.",              role: "Guest",              company: "Verified Stay",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=11",              imageAlt: "Family children happy pool water play"
+              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=4"},
-            },
             {
               id: "review-5",              name: "Jennifer P.",              role: "Guest",              company: "Verified Stay",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=12",              imageAlt: "Family children happy pool water play"
+              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=5"},
-            },
             {
               id: "review-6",              name: "Robert C.",              role: "Guest",              company: "Verified Stay",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=13",              imageAlt: "Family children happy pool water play"
+              imageSrc: "http://img.b2bpic.net/free-photo/two-girls-jacuzzi-with-thumbs-up-laughter-splashes-family-spa-chill_169016-69385.jpg?_wi=6"},
-            }
           ]}
           carouselMode="buttons"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
-          title="What Our Guests Say"
+          title="All Guest Reviews"
-          description="Real feedback from people who've stayed with us and found exactly what they were looking for."
+          description="Hear from our community of satisfied guests who've experienced the comfort and hospitality of Provo River Inn. Every review reflects our commitment to quality service and guest satisfaction."
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="contact-cta" data-section="contact-cta" className="py-20 px-6">
+      {/* Footer */}
-        <ContactSplit
-          tag="Ready for a Relaxing Stay?"
-          title="Call to Book Your Room"
-          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=14"
-          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}
-        />
-      </div>
-
       <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>

src/app/rooms/page.tsx

@@ -1,19 +1,14 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
-import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Heart, Phone } from "lucide-react";
+import { Heart } from "lucide-react";
 
 export default function RoomsPage() {
-  const handlePhoneCall = () => {
-    window.location.href = "tel:801-373-7044";
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -44,63 +39,69 @@ export default function RoomsPage() {
         />
       </div>
 
-      {/* All Rooms Section */}
+      {/* Hero Section */}
-      <div id="all-rooms" data-section="all-rooms">
+      <div id="hero-rooms" data-section="hero-rooms">
+        <HeroLogoBillboardSplit
+          logoText="Our Rooms & Suites"
+          description="Comfortable, clean accommodations designed for a restful stay. From cozy king rooms to spacious family suites, each room features quality bedding, thoughtful amenities, and the warm hospitality Provo River Inn is known for."
+          background={{ variant: "animated-grid" }}
+          buttons={[
+            {
+              text: "Book Now",              href: "/book"},
+            {
+              text: "View Amenities",              href: "/amenities"},
+          ]}
+          buttonAnimation="opacity"
+          layoutOrder="default"
+          imageSrc="http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=1"
+          imageAlt="Premium room at Provo River Inn"
+          mediaAnimation="blur-reveal"
+          frameStyle="card"
+        />
+      </div>
+
+      {/* Rooms Section */}
+      <div id="rooms-showcase" data-section="rooms-showcase">
         <ProductCardThree
           products={[
             {
-              id: "room-classic-king",              name: "Classic King",              price: "From $89/night",              imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=2",              imageAlt: "Classic King Room at Provo River Inn"},
+              id: "room-classic-king",              name: "Classic King",              price: "From $89/night",              imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=1",              imageAlt: "Classic King Room at Provo River Inn"},
             {
-              id: "room-double-queen",              name: "Double Queen",              price: "From $99/night",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-indoors_23-2151030663.jpg?_wi=2",              imageAlt: "Double Queen Room at Provo River Inn"},
+              id: "room-double-queen",              name: "Double Queen",              price: "From $99/night",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-indoors_23-2151030663.jpg?_wi=1",              imageAlt: "Double Queen Room at Provo River Inn"},
             {
-              id: "room-family-suite",              name: "Family Suite",              price: "From $119/night",              imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245271.jpg?_wi=2",              imageAlt: "Family Suite at Provo River Inn"},
+              id: "room-family-suite",              name: "Family Suite",              price: "From $119/night",              imageSrc: "http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245271.jpg?_wi=1",              imageAlt: "Family Suite at Provo River Inn"},
+            {
+              id: "room-accessible",              name: "Accessible Room",              price: "From $99/night",              imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=1",              imageAlt: "Accessible Room at Provo River Inn"},
+            {
+              id: "room-deluxe-king",              name: "Deluxe King Suite",              price: "From $129/night",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=1",              imageAlt: "Deluxe King Suite at Provo River Inn"},
+            {
+              id: "room-two-bedroom",              name: "Two Bedroom Suite",              price: "From $149/night",              imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-outside_23-2149033596.jpg?_wi=1",              imageAlt: "Two Bedroom Suite at Provo River Inn"},
           ]}
           carouselMode="buttons"
           gridVariant="three-columns-all-equal-width"
           animationType="scale-rotate"
-          title="All Room Types"
+          title="Browse Our Room Selection"
-          description="Choose the perfect room for your stay. Each room features clean, comfortable bedding, modern amenities, and a welcoming atmosphere designed for your comfort."
+          description="All rooms include complimentary WiFi, parking, continental breakfast, and access to our pool and hot tub. Choose the perfect room for your stay."
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      {/* Room Features Section */}
+      {/* Contact CTA Section */}
-      <div id="room-features" data-section="room-features">
+      <div id="contact-cta" data-section="contact-cta">
-        <FeatureCardMedia
-          features={[
-            {
-              id: "feature-beds",              title: "Premium Bedding",              description: "High-quality mattresses and linens ensure a restful night's sleep every time.",              tag: "Comfort",              imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-decoration-bed-interior-bedroom_74190-13566.jpg?_wi=3"},
-            {
-              id: "feature-amenities",              title: "Modern Amenities",              description: "Each room includes TV, climate control, WiFi, and a fully equipped bathroom with premium toiletries.",              tag: "Technology",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-suit-office_1157-37456.jpg?_wi=5"},
-            {
-              id: "feature-views",              title: "Welcoming Atmosphere",              description: "Thoughtfully decorated spaces that feel warm, clean, and inviting from the moment you arrive.",              tag: "Design",              imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=3"},
-          ]}
-          animationType="slide-up"
-          title="What's in Every Room"
-          description="We focus on the essentials that matter most: comfort, cleanliness, convenience, and genuine hospitality."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          carouselMode="buttons"
-        />
-      </div>
-
-      {/* Booking CTA Section */}
-      <div id="booking-cta" data-section="booking-cta">
         <ContactSplit
-          tag="Find Your Perfect Room"
+          tag="Ready to Reserve?"
-          title="Call to Book Your Stay"
+          title="Book Your Room Today"
-          description="Direct line to our reservations team. Quick, easy, and immediate confirmation of your stay."
+          description="Select your perfect room and complete your reservation. Our team is here to help ensure a comfortable and memorable stay at Provo River Inn."
-          tagIcon={Phone}
+          tagIcon={Heart}
           background={{ variant: "plain" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/woman-using-tablet-chilling-bed_273443-336.jpg?_wi=4"
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14543.jpg?_wi=1"
           mediaAnimation="blur-reveal"
           mediaPosition="right"
-          inputPlaceholder="Call: 801-373-7044"
+          inputPlaceholder="Enter your email to get started"
-          buttonText="Call to Book"
+          buttonText="Check Availability"
-          termsText="Phone lines available 24/7. Our team is ready to help you secure the perfect room."
+          termsText="By clicking Check Availability, you're confirming that you agree with our Terms and Conditions."
-          onSubmit={handlePhoneCall}
         />
       </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #fcf6ec;
-  --card: #ffffff;
+  --card: #f3ede2;
-  --foreground: #1c1c1c;
+  --foreground: #2e2521;
-  --primary-cta: #159c49;
+  --primary-cta: #8b5a3c;
   --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #159c49;
+  --accent: #d4a574;
-  --background-accent: #a8e8ba;
+  --background-accent: #c98757;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);