diff --git a/src/app/contact-location/page.tsx b/src/app/contact-location/page.tsx
new file mode 100644
index 0000000..65afdbd
--- /dev/null
+++ b/src/app/contact-location/page.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import { Instagram, Facebook, Linkedin, Phone, Mail, MapPin } from "lucide-react";
+
+export default function ContactLocationPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="soft"
+            contentWidth="medium"
+            sizing="mediumLarge"
+            background="floatingGradient"
+            cardStyle="soft-shadow"
+            primaryButtonStyle="gradient"
+            secondaryButtonStyle="layered"
+            headingFontWeight="semibold"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={[
+                        { name: "Rooms", id: "rooms" },
+                        { name: "Amenities", id: "amenities" },
+                        { name: "Gallery", id: "gallery" },
+                        { name: "Reviews", id: "reviews" },
+                        { name: "Contact", href: "/contact-location" }
+                    ]}
+                    brandName="Flora Park Inn"
+                    button={{ text: "Book Your Stay", href: "/contact-location" }}
+                />
+                <div id="contact-location" data-section="contact-location">
+                    <ContactSplit
+                        tag="Connect With Us"
+                        title="Your Journey Starts Here"
+                        description={
+                            <>
+                                <p className="mb-4">
+                                    We'd love to hear from you. Reach out to us via phone, email, or visit us at our location.
+                                    Our team is available to assist with reservations, inquiries, or special requests.
+                                </p>
+                                <div className="space-y-2 mb-6">
+                                    <div className="flex items-center gap-2">
+                                        <MapPin className="text-primary-cta" size={20} />
+                                        <span>123 Serenity Lane, Oasis City, 54321, Dreamland</span>
+                                    </div>
+                                    <div className="flex items-center gap-2">
+                                        <Phone className="text-primary-cta" size={20} />
+                                        <span>+1 (555) 123-4567</span>
+                                    </div>
+                                    <div className="flex items-center gap-2">
+                                        <Mail className="text-primary-cta" size={20} />
+                                        <span>info@floraparkinn.com</span>
+                                    </div>
+                                </div>
+                                <p>Use the form below for general inquiries or to send us a message.</p>
+                            </>
+                        }
+                        background={{ variant: 'plain' }}
+                        imageSrc="https://via.placeholder.com/600x400?text=Map+Placeholder+-+Flora+Park+Inn" 
+                        imageAlt="Map showing Flora Park Inn location"
+                        mediaPosition="left"
+                        mediaAnimation="slide-up"
+                        useInvertedBackground={false}
+                        buttonText="Send Message"
+                    />
+                </div>
+                <FooterBaseCard
+                    logoText="Flora Park Inn"
+                    copyrightText="© 2025 Flora Park Inn. All rights reserved."
+                    columns={[
+                        {
+                            title: "Quick Links",                            items: [
+                                { label: "Home", href: "/" },
+                                { label: "Rooms", href: "/#rooms" },
+                                { label: "Amenities", href: "/#amenities" },
+                                { label: "Gallery", href: "/#gallery" },
+                                { label: "Reviews", href: "/#reviews" }
+                            ]
+                        },
+                        {
+                            title: "Our Location",                            items: [
+                                { label: "123 Serenity Lane", href: "/contact-location" },
+                                { label: "Oasis City, Dreamland", href: "/contact-location" },
+                                { label: "View Map", href: "/contact-location" }
+                            ]
+                        },
+                        {
+                            title: "Contact",                            items: [
+                                { label: "+1 (555) 123-4567", href: "/contact-location" },
+                                { label: "info@floraparkinn.com", href: "/contact-location" },
+                                { label: "Send Inquiry", href: "/contact-location" }
+                            ]
+                        }
+                    ]}
+                    socialLinks={[
+                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index bb51cdf..fcf6ef4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,16 +34,16 @@ export default function LuxuryTravelAgencyTemplatePage() {
                         { name: "Amenities", id: "amenities" },
                         { name: "Gallery", id: "gallery" },
                         { name: "Reviews", id: "reviews" },
-                        { name: "Contact", id: "contact" }
+                        { name: "Contact", href: "/contact-location" } 
                     ]}
                     brandName="Flora Park Inn"
-                    button={{ text: "Book Your Stay", href: "#contact" }}
+                    button={{ text: "Book Your Stay", href: "/contact-location" }}
                 />
                 <HeroLogoBillboard
                     logoText="Flora Park Inn"
                     description="Experience unparalleled comfort and genuine hospitality at Flora Park Inn, where every stay is a serene escape."
                     buttons={[
-                        { text: "Book Your Stay", href: "#contact" },
+                        { text: "Book Your Stay", href: "/contact-location" }, 
                         { text: "Explore Rooms", href: "#rooms" }
                     ]}
                     background={{ variant: 'plain' }}
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index a25430f..c719d19 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }