Update src/app/page.tsx

Merge version_2 into main

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?_wi=2", 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?_wi=2", 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?_wi=2", 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?_wi=1", imageAlt: "Ambient lighting and cozy seating area"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/empty-billboard-metropolis-city_23-2151913718.jpg?_wi=2", 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?_wi=2", 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?_wi=2", 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?_wi=2", imageAlt: "Close-up of a perfectly crafted cappuccino"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-with-milk_23-2149372134.jpg?_wi=2", imageAlt: "Refreshing iced coffee with a splash of milk"},
+              {
+                title: "", description: "", imageSrc: "http://img.b2bpic.net/free-photo/croissant-cup-coffee_23-2148184288.jpg?_wi=2", 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?_wi=2", 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?_wi=2"
+            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>
+  );
+}

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';
@@ -63,17 +63,17 @@ export default function LandingPage() {
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726816.jpg",          imageAlt: "Cozy coffee shop interior with plants and books"},
+          imageSrc: "http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726816.jpg?_wi=1",          imageAlt: "Cozy coffee shop interior with plants and books"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cookies-cake-slices-wooden-board_114579-17174.jpg",          imageAlt: "Display of delicious freshly baked pastries and cakes"},
+          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cookies-cake-slices-wooden-board_114579-17174.jpg?_wi=1",          imageAlt: "Display of delicious freshly baked pastries and cakes"},
         {
-          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 steaming hot coffee with latte art"},
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-spoon-cappuccino-latte-with-frothy-foam_23-2147975366.jpg?_wi=1",          imageAlt: "Close-up of a steaming hot coffee with latte art"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-cup_23-2149703699.jpg",          imageAlt: "Refreshing iced caramel latte with whipped cream"},
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-cup_23-2149703699.jpg?_wi=1",          imageAlt: "Refreshing iced caramel latte with whipped cream"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-billboard-metropolis-city_23-2151913718.jpg",          imageAlt: "Exterior of The Coffee House at dusk, warmly lit"},
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-billboard-metropolis-city_23-2151913718.jpg?_wi=1",          imageAlt: "Exterior of The Coffee House at dusk, warmly lit"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/little-cactus-aloe-small-pots_1153-5761.jpg",          imageAlt: "Person enjoying coffee and reading a book in a relaxed setting"},
+          imageSrc: "http://img.b2bpic.net/free-photo/little-cactus-aloe-small-pots_1153-5761.jpg?_wi=1",          imageAlt: "Person enjoying coffee and reading a book in a relaxed setting"},
       ]}
     />
   </div>
@@ -94,7 +94,7 @@ export default function LandingPage() {
         {
           title: "Community Focused",          description: "A welcoming hub for locals and visitors alike to connect."},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-beautiful-flowers-vases_23-2148435683.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/front-view-beautiful-flowers-vases_23-2148435683.jpg?_wi=1"
       imageAlt="Cozy coffee shop interior with plants and books, a customer enjoying coffee"
       mediaAnimation="opacity"
     />
@@ -150,13 +150,13 @@ export default function LandingPage() {
           id: "muffin",          name: "Blueberry Muffin",          price: "$3.75",          variant: "Freshly Baked",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EpVemfVwPyHach4V07NuLQN5cr/uploaded-1780876348855-zsf32xjd.jpg",          imageAlt: "Blueberry muffin with crumble topping",          onProductClick: () => alert('Blueberry Muffin added to cart!')
         },
         {
-          id: "croissant",          name: "Butter Croissant",          price: "$3.25",          variant: "Flaky & Buttery",          imageSrc: "http://img.b2bpic.net/free-photo/croissant-cup-coffee_23-2148184288.jpg",          imageAlt: "Golden-brown butter croissant",          onProductClick: () => alert('Butter Croissant added to cart!')
+          id: "croissant",          name: "Butter Croissant",          price: "$3.25",          variant: "Flaky & Buttery",          imageSrc: "http://img.b2bpic.net/free-photo/croissant-cup-coffee_23-2148184288.jpg?_wi=1",          imageAlt: "Golden-brown butter croissant",          onProductClick: () => alert('Butter Croissant added to cart!')
         },
         {
-          id: "iced-coffee",          name: "Iced Coffee",          price: "$4.25",          variant: "Cold Brew",          imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-with-milk_23-2149372134.jpg",          imageAlt: "Iced coffee with cream",          onProductClick: () => alert('Iced Coffee added to cart!')
+          id: "iced-coffee",          name: "Iced Coffee",          price: "$4.25",          variant: "Cold Brew",          imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-with-milk_23-2149372134.jpg?_wi=1",          imageAlt: "Iced coffee with cream",          onProductClick: () => alert('Iced Coffee added to cart!')
         },
         {
-          id: "smoothie",          name: "Berry Smoothie",          price: "$6.00",          variant: "Refreshing",          imageSrc: "http://img.b2bpic.net/free-photo/fruit-smoothie-with-strawberries-blueberries-raspberries_23-2148719812.jpg",          imageAlt: "Mixed berry smoothie in a glass",          onProductClick: () => alert('Berry Smoothie added to cart!')
+          id: "smoothie",          name: "Berry Smoothie",          price: "$6.00",          variant: "Refreshing",          imageSrc: "http://img.b2bpic.net/free-photo/fruit-smoothie-with-strawberries-blueberries-raspberries_23-2148719812.jpg?_wi=1",          imageAlt: "Mixed berry smoothie in a glass",          onProductClick: () => alert('Berry Smoothie added to cart!')
         },
       ]}
       title="Indulge in Our Full Menu"
@@ -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!"
+      tag="Connect With Us"
-      buttons={[
+      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!"
-          text: "Get Directions",          href: "https://www.google.com/maps/dir/?api=1&destination=The+Coffee+House+399+Dover+Rd,+Clarksville,+TN+37042"},
+      inputPlaceholder="Enter your phone number"
-        {
+      buttonText="Send SMS"
-          text: "Call Us",          href: "tel:+19314948256"},
+      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
+      <FooterSimple
-      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: [
@@ -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>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
+  --background: #0C1014;
-  --card: #f7fffa;
+  --card: #1A222B;
-  --foreground: #001a0a;
+  --foreground: #E0E6EB;
-  --primary-cta: #0a7039;
+  --primary-cta: #389B5F;
   --primary-cta-text: #fafffb;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #4B5863;
   --secondary-cta-text: #001a0a;
-  --accent: #a8d9be;
+  --accent: #2A6B43;
-  --background-accent: #6bbf8e;
+  --background-accent: #1F3251;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);