bender/145cf1fc-100c-4003-aa43-e777cecbc377
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #2

Merged
bender merged 3 commits from version_3 into main 2026-06-07 23:57:03 +00:00
Conversation 0 Commits 3 Files Changed 3 +184 -23
3 changed files with 184 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
src/app/gallery/page.tsx Normal file
View File

@@ -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>
);
}

32
src/app/page.tsx
View File

@@ -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>
);
}
}

14
src/app/styles/variables.css
View File

@@ -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);