diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
new file mode 100644
index 0000000..fb0743e
--- /dev/null
+++ b/src/app/gallery/page.tsx
@@ -0,0 +1,161 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="largeSmallSizeLargeTitles"
+        background="floatingGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              {
+                name: "Home", id: "#home"},
+              {
+                name: "About", id: "#about"},
+              {
+                name: "Menu", id: "#menu"},
+              {
+                name: "Gallery", id: "/gallery"},
+              {
+                name: "Order Online", id: "https://www.doordash.com/store/the-coffee-house-clarksville-33160285/56225147/"},
+              {
+                name: "Pricing", id: "#pricing"},
+              {
+                name: "Reviews", id: "#reviews"},
+              {
+                name: "Contact", id: "#contact"},
+            ]}
+            brandName="The Coffee House"
+          />
+        </div>
+
+        <div id="gallery-intro" data-section="gallery-intro">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={true}
+            title="Our Photo Gallery"
+            description="Discover the inviting ambiance and delicious offerings of The Coffee House Clarksville through our curated photo gallery."
+            features={[]}
+          />
+        </div>
+
+        <div id="gallery-interior" data-section="gallery-interior">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Cozy Interiors"
+            description="Step inside and experience the warm, inviting atmosphere designed for your comfort and relaxation."
+            features={[
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726816.jpg", imageAlt: "Cozy coffee shop interior with plants and books"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-flowers-vases_23-2148435683.jpg", imageAlt: "Beautiful flowers in vases, part of the interior decor"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/little-cactus-aloe-small-pots_1153-5761.jpg", imageAlt: "Small potted plants adding greenery to the space"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-with-cocktail-burning-candle-side-view_140725-12766.jpg", imageAlt: "Ambient lighting and cozy seating area"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/empty-billboard-metropolis-city_23-2151913718.jpg", imageAlt: "The exterior facade of The Coffee House at dusk"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-coffee-and-reading-a-book_23-2149726816.jpg?_wi=1", imageAlt: "Customer enjoying a coffee and reading in the cafe"}
+            ]}
+          />
+        </div>
+
+        <div id="gallery-food" data-section="gallery-food">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            title="Delicious Delights"
+            description="Explore our delectable range of handcrafted beverages, artisan pastries, and light bites, all crafted with care."
+            features={[
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-cup_23-2149703699.jpg", imageAlt: "A delicious high-angle view of a coffee cup"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cookies-cake-slices-wooden-board_114579-17174.jpg", imageAlt: "Assortment of freshly baked pastries and cakes"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-spoon-cappuccino-latte-with-frothy-foam_23-2147975366.jpg", imageAlt: "Close-up of a perfectly crafted cappuccino"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-with-milk_23-2149372134.jpg", imageAlt: "Refreshing iced coffee with a splash of milk"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/croissant-cup-coffee_23-2148184288.jpg", imageAlt: "Flaky croissant and a cup of hot coffee"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/fruit-smoothie-with-strawberries-blueberries-raspberries_23-2148719812.jpg", imageAlt: "Vibrant mixed berry smoothie"}
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-table-with-cocktail-burning-candle-side-view_140725-12766.jpg"
+            imageAlt="Cozy coffee shop interior with warm lighting"
+            logoText="The Coffee House"
+            columns={[
+              {
+                title: "Shop", items: [
+                  {
+                    label: "Home", href: "#home"},
+                  {
+                    label: "About Us", href: "#about"},
+                  {
+                    label: "Menu", href: "#menu"},
+                  {
+                    label: "Gallery", href: "/gallery"},
+                  {
+                    label: "Pricing", href: "#pricing"},
+                  {
+                    label: "Reviews", href: "#reviews"},
+                ],
+              },
+              {
+                title: "Connect", items: [
+                  {
+                    label: "DoorDash", href: "https://www.doordash.com/store/the-coffee-house-clarksville-33160285/56225147/"},
+                  {
+                    label: "Facebook", href: "https://www.facebook.com/profile.php?id=61552008007586&mibextid=ZbWKwL"},
+                  {
+                    label: "Instagram", href: "https://www.instagram.com/thecoffeehouseclarksville/"},
+                  {
+                    label: "TikTok", href: "https://www.tiktok.com/@coffeehouseclarksville"},
+                ],
+              },
+              {
+                title: "Info", items: [
+                  {
+                    label: "Privacy Policy", href: "#"},
+                  {
+                    label: "Terms of Service", href: "#"},
+                  {
+                    label: "Contact Us", href: "#contact"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 The Coffee House Clarksville | All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 858190d..985cf87 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -260,25 +260,22 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCenter
       useInvertedBackground={true}
       background={{
         variant: "radial-gradient"}}
-      text="Visit us at 399 Dover Rd, Clarksville, TN 37042. Call us at (931) 494-8256 during business hours. We can't wait to welcome you!"
-      buttons={[
-        {
-          text: "Get Directions",          href: "https://www.google.com/maps/dir/?api=1&destination=The+Coffee+House+399+Dover+Rd,+Clarksville,+TN+37042"},
-        {
-          text: "Call Us",          href: "tel:+19314948256"},
-      ]}
+      tag="Connect With Us"
+      title="Visit Us or Get SMS Updates"
+      description="Find us at 399 Dover Rd, Clarksville, TN 37042. You can also join our SMS list for exclusive offers, new menu alerts, and event reminders. Text 'COFFEE' to stay in the loop!"
+      inputPlaceholder="Enter your phone number"
+      buttonText="Send SMS"
+      termsText="By sending 'COFFEE', you agree to receive promotional SMS messages from The Coffee House. Message & data rates may apply."
+      onSubmit={(phoneNumber) => alert(`Sending SMS to ${phoneNumber} with COFFEE updates!`)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-table-with-cocktail-burning-candle-side-view_140725-12766.jpg"
-      imageAlt="Cozy coffee shop interior with warm lighting"
-      logoText="The Coffee House"
+      <FooterSimple
       columns={[
         {
           title: "Shop",          items: [
@@ -302,6 +299,8 @@ export default function LandingPage() {
               label: "Instagram",              href: "https://www.instagram.com/thecoffeehouseclarksville/"},
             {
               label: "TikTok",              href: "https://www.tiktok.com/@coffeehouseclarksville"},
+            {
+              label: "SMS Updates",              href: "sms:+19314948256"}
           ],
         },
         {
@@ -315,10 +314,11 @@ export default function LandingPage() {
           ],
         },
       ]}
-      copyrightText="© 2024 The Coffee House Clarksville | All rights reserved."
+      bottomLeftText="© 2024 The Coffee House Clarksville"
+      bottomRightText="All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 5f144b6..0d9e09e 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
-  --card: #f7fffa;
-  --foreground: #001a0a;
-  --primary-cta: #0a7039;
+  --background: #0C1014;
+  --card: #1A222B;
+  --foreground: #E0E6EB;
+  --primary-cta: #389B5F;
   --primary-cta-text: #fafffb;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #4B5863;
   --secondary-cta-text: #001a0a;
-  --accent: #a8d9be;
-  --background-accent: #6bbf8e;
+  --accent: #2A6B43;
+  --background-accent: #1F3251;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);