Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a2bd999745 | |||
| 9690dc56b7 | |||
| 31ac83c80a | |||
| 674336b505 | |||
| 29f169d998 | |||
| 2b33b50873 | |||
| 4e0e3c7021 |
161
src/app/gallery/page.tsx
Normal file
161
src/app/gallery/page.tsx
Normal 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?_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>
|
||||
);
|
||||
}
|
||||
331
src/app/page.tsx
331
src/app/page.tsx
@@ -2,16 +2,17 @@
|
||||
|
||||
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';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,25 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="The Coffee House"
|
||||
/>
|
||||
@@ -59,45 +52,28 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="The Coffee House Clarksville"
|
||||
description="Your Cozy Escape for Handcrafted Coffee & Comforting Pastries. Nurturing plants and people, one cup at a time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Order Online", href: "#menu"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
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>
|
||||
@@ -110,23 +86,15 @@ export default function LandingPage() {
|
||||
description="At The Coffee House, we believe in creating more than just great coffee; we cultivate an atmosphere where community thrives. Our cafe is thoughtfully designed with lush plants and a collection of intriguing books, offering a peaceful retreat from the everyday hustle. It's a place to relax, connect, and enjoy a moment of serenity."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Freshly Brewed Coffees",
|
||||
description: "Expertly sourced beans, brewed to perfection daily.",
|
||||
},
|
||||
title: "Freshly Brewed Coffees", description: "Expertly sourced beans, brewed to perfection daily."},
|
||||
{
|
||||
title: "Artisan Pastries Daily",
|
||||
description: "Delicious baked goods, made fresh to complement your drink.",
|
||||
},
|
||||
title: "Artisan Pastries Daily", description: "Delicious baked goods, made fresh to complement your drink."},
|
||||
{
|
||||
title: "Relaxing Atmosphere",
|
||||
description: "A cozy, plant-filled space perfect for unwinding or working.",
|
||||
},
|
||||
title: "Relaxing Atmosphere", description: "A cozy, plant-filled space perfect for unwinding or working."},
|
||||
{
|
||||
title: "Community Focused",
|
||||
description: "A welcoming hub for locals and visitors alike to connect.",
|
||||
},
|
||||
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"
|
||||
/>
|
||||
@@ -140,29 +108,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Caramel Iced Latte",
|
||||
description: "Absolutely loved the caramel iced latte – a perfect blend of sweet and refreshing!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624100.jpg",
|
||||
imageAlt: "Caramel Iced Latte",
|
||||
},
|
||||
title: "Caramel Iced Latte", description: "Absolutely loved the caramel iced latte – a perfect blend of sweet and refreshing!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624100.jpg", imageAlt: "Caramel Iced Latte"},
|
||||
{
|
||||
title: "Toasted Marshmallow Latte",
|
||||
description: "The toasted marshmallow latte is an exquisite treat, cozy and incredibly flavorful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-with-marshmallow-drink-cinnamon-flavor-wooden-board_23-2148633176.jpg",
|
||||
imageAlt: "Toasted Marshmallow Latte",
|
||||
},
|
||||
title: "Toasted Marshmallow Latte", description: "The toasted marshmallow latte is an exquisite treat, cozy and incredibly flavorful.", imageSrc: "http://img.b2bpic.net/free-photo/cup-with-marshmallow-drink-cinnamon-flavor-wooden-board_23-2148633176.jpg", imageAlt: "Toasted Marshmallow Latte"},
|
||||
{
|
||||
title: "Peanut Butter Whipped Cream",
|
||||
description: "The peanut butter whipped cream is unbelievably good and adds a unique twist to our drinks and pastries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cake-with-cream-cookies-fresh-cranberries-along-with-cup-coffee-cinnamon-colored-surface-cookies_140725-27706.jpg",
|
||||
imageAlt: "Peanut Butter Whipped Cream",
|
||||
},
|
||||
title: "Peanut Butter Whipped Cream", description: "The peanut butter whipped cream is unbelievably good and adds a unique twist to our drinks and pastries.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-cake-with-cream-cookies-fresh-cranberries-along-with-cup-coffee-cinnamon-colored-surface-cookies_140725-27706.jpg", imageAlt: "Peanut Butter Whipped Cream"},
|
||||
{
|
||||
title: "Freshly Baked Pastries",
|
||||
description: "Our food is always yummy too! Enjoy a selection of daily baked goods.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-cup-tea-pan-with-towel-wooden-table_176474-8246.jpg",
|
||||
imageAlt: "Assorted fresh pastries",
|
||||
},
|
||||
title: "Freshly Baked Pastries", description: "Our food is always yummy too! Enjoy a selection of daily baked goods.", imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-cup-tea-pan-with-towel-wooden-table_176474-8246.jpg", imageAlt: "Assorted fresh pastries"},
|
||||
]}
|
||||
title="Sip, Savor, & Enjoy Our Specialties"
|
||||
description="From classic lattes to unique seasonal creations, our menu is crafted to delight. Discover your next favorite drink or a sweet treat, highly recommended by our loyal customers."
|
||||
@@ -177,52 +129,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "espresso",
|
||||
name: "Espresso Shot",
|
||||
price: "$2.50",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-cup-ground_114579-16720.jpg",
|
||||
imageAlt: "Espresso shot in a small cup",
|
||||
id: "espresso", name: "Espresso Shot", price: "$2.50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-cup-ground_114579-16720.jpg", imageAlt: "Espresso shot in a small cup", onProductClick: () => alert('Espresso Shot added to cart!')
|
||||
},
|
||||
{
|
||||
id: "cappuccino",
|
||||
name: "Cappuccino",
|
||||
price: "$4.00",
|
||||
variant: "Rich & Creamy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cinnamon_658428-67.jpg",
|
||||
imageAlt: "Cappuccino with latte art",
|
||||
id: "cappuccino", name: "Cappuccino", price: "$4.00", variant: "Rich & Creamy", imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cinnamon_658428-67.jpg", imageAlt: "Cappuccino with latte art", onProductClick: () => alert('Cappuccino added to cart!')
|
||||
},
|
||||
{
|
||||
id: "tea",
|
||||
name: "Herbal Tea",
|
||||
price: "$3.50",
|
||||
variant: "Soothing Blends",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-holding-hands-cake-hot-green-tea_140725-14575.jpg",
|
||||
imageAlt: "Cup of herbal tea",
|
||||
id: "tea", name: "Herbal Tea", price: "$3.50", variant: "Soothing Blends", imageSrc: "http://img.b2bpic.net/free-photo/barista-holding-hands-cake-hot-green-tea_140725-14575.jpg", imageAlt: "Cup of herbal tea", onProductClick: () => alert('Herbal Tea added to cart!')
|
||||
},
|
||||
{
|
||||
id: "cookie",
|
||||
name: "Chocolate Chip Cookie",
|
||||
price: "$3.00",
|
||||
variant: "Fresh Baked",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-oatmeal-cookies-with-chocolate-chips-mug-with-cocoa-drink-wooden_141793-6195.jpg",
|
||||
imageAlt: "Chocolate chip cookie",
|
||||
id: "cookie", name: "Chocolate Chip Cookie", price: "$3.00", variant: "Fresh Baked", imageSrc: "http://img.b2bpic.net/free-photo/side-view-oatmeal-cookies-with-chocolate-chips-mug-with-cocoa-drink-wooden_141793-6195.jpg", imageAlt: "Chocolate chip cookie", onProductClick: () => alert('Chocolate Chip Cookie added to cart!')
|
||||
},
|
||||
{
|
||||
id: "avocado-toast",
|
||||
name: "Avocado Toast",
|
||||
price: "$7.00",
|
||||
variant: "Savory Brunch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-egg-avocado-sandwiches-plate-with-notebook_23-2148640218.jpg",
|
||||
imageAlt: "Avocado toast on sourdough bread",
|
||||
id: "avocado-toast", name: "Avocado Toast", price: "$7.00", variant: "Savory Brunch", imageSrc: "http://img.b2bpic.net/free-photo/top-view-egg-avocado-sandwiches-plate-with-notebook_23-2148640218.jpg", imageAlt: "Avocado toast on sourdough bread", onProductClick: () => alert('Avocado Toast added to cart!')
|
||||
},
|
||||
{
|
||||
id: "seasonal-latte",
|
||||
name: "Seasonal Latte",
|
||||
price: "$5.50",
|
||||
variant: "Limited Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scarf-books-near-tea-snacks_23-2147943444.jpg",
|
||||
imageAlt: "Seasonal latte with whipped cream and sprinkles",
|
||||
id: "seasonal-latte", name: "Seasonal Latte", price: "$5.50", variant: "Limited Edition", imageSrc: "http://img.b2bpic.net/free-photo/scarf-books-near-tea-snacks_23-2147943444.jpg", imageAlt: "Seasonal latte with whipped cream and sprinkles", onProductClick: () => alert('Seasonal Latte added to cart!')
|
||||
},
|
||||
{
|
||||
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?_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?_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?_wi=1", imageAlt: "Mixed berry smoothie in a glass", onProductClick: () => alert('Berry Smoothie added to cart!')
|
||||
},
|
||||
]}
|
||||
title="Indulge in Our Full Menu"
|
||||
@@ -230,33 +164,62 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Meal Plans"
|
||||
description="Choose the perfect plan for your daily coffee and pastry needs, designed for convenience and savings."
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Daily Brew", price: "$50/month", subtitle: "One standard coffee per day", buttons: [
|
||||
{
|
||||
text: "Subscribe Now", href: "#", onClick: () => alert('Subscribing to Daily Brew!')
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Any size drip coffee or americano", "Valid once per day", "Cancel anytime"],
|
||||
},
|
||||
{
|
||||
id: "premium", badge: "Coffee & Pastry", price: "$90/month", subtitle: "Daily coffee + one pastry", buttons: [
|
||||
{
|
||||
text: "Subscribe Now", href: "#", onClick: () => alert('Subscribing to Coffee & Pastry!')
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Any size specialty coffee or drip coffee", "One pastry or light bite per day", "Valid once per day", "Cancel anytime", "Priority ordering access"],
|
||||
},
|
||||
{
|
||||
id: "elite", badge: "Weekly Indulgence", price: "$30/week", subtitle: "Any 3 items per week", buttons: [
|
||||
{
|
||||
text: "Order Now", href: "#", onClick: () => alert('Ordering Weekly Indulgence!')
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Any 3 menu items (coffee, pastry, light bite)", "Flexible usage throughout the week", "Perfect for casual visitors"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
testimonial="The atmosphere is so relaxing and cozy. Employees are super nice, and service was quick. Definitely my favorite coffee spot!"
|
||||
rating={5}
|
||||
author="Hope McWright"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-dark-curly-hair-warmly-dressed-fur-coat-scarf-winter-frost-sunny-day-street-city_1321-2317.jpg",
|
||||
alt: "Sarah McKenny",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-dark-curly-hair-warmly-dressed-fur-coat-scarf-winter-frost-sunny-day-street-city_1321-2317.jpg", alt: "Sarah McKenny"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/with-bad-attitude-looking-proud-aggressive-pointing-upwards-making-fun-sign-with-hands_1194-632304.jpg",
|
||||
alt: "Hope McWright",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/with-bad-attitude-looking-proud-aggressive-pointing-upwards-making-fun-sign-with-hands_1194-632304.jpg", alt: "Hope McWright"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100266.jpg",
|
||||
alt: "Syd M",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100266.jpg", alt: "Syd M"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-woman-laboratory-robes-talk-each-other-standing-greenhouse_8353-7139.jpg",
|
||||
alt: "John Doe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-woman-laboratory-robes-talk-each-other-standing-greenhouse_8353-7139.jpg", alt: "John Doe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-with-charming-friendly-smile-long-ginger-hair-braid_273609-9481.jpg",
|
||||
alt: "Jane Smith",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-with-charming-friendly-smile-long-ginger-hair-braid_273609-9481.jpg", alt: "Jane Smith"},
|
||||
]}
|
||||
ratingAnimation="opacity"
|
||||
avatarsAnimation="opacity"
|
||||
@@ -268,14 +231,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google Reviews",
|
||||
"Facebook",
|
||||
"Instagram",
|
||||
"TikTok",
|
||||
"Yelp",
|
||||
"TripAdvisor",
|
||||
"Local Guides",
|
||||
]}
|
||||
"Google Reviews", "Facebook", "Instagram", "TikTok", "Yelp", "TripAdvisor", "Local Guides"]}
|
||||
title="Loved by Our Community"
|
||||
description="With a 4.8-star rating from over 4,800 Google reviews and a vibrant online presence, The Coffee House is a beloved spot in Clarksville. Join our growing community of coffee lovers and connect with us!"
|
||||
/>
|
||||
@@ -286,28 +242,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "hours",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are closed on Sunday, open Monday 6 AM - 2 PM, Tuesday to Friday 6 AM - 6 PM, and Saturday 8 AM - 3 PM.",
|
||||
},
|
||||
id: "hours", title: "What are your operating hours?", content: "We are closed on Sunday, open Monday 6 AM - 2 PM, Tuesday to Friday 6 AM - 6 PM, and Saturday 8 AM - 3 PM."},
|
||||
{
|
||||
id: "menu-options",
|
||||
title: "Do you offer food options besides pastries?",
|
||||
content: "Yes, in addition to our delicious pastries, we also offer light bites like avocado toast and seasonal specials. Check our in-store menu for daily offerings!",
|
||||
},
|
||||
id: "menu-options", title: "Do you offer food options besides pastries?", content: "Yes, in addition to our delicious pastries, we also offer light bites like avocado toast and seasonal specials. Check our in-store menu for daily offerings!"},
|
||||
{
|
||||
id: "wifi",
|
||||
title: "Is there free Wi-Fi available?",
|
||||
content: "Yes, we provide complimentary Wi-Fi for all our customers. Feel free to relax, work, or study in our cozy environment.",
|
||||
},
|
||||
id: "wifi", title: "Is there free Wi-Fi available?", content: "Yes, we provide complimentary Wi-Fi for all our customers. Feel free to relax, work, or study in our cozy environment."},
|
||||
]}
|
||||
sideTitle="Have a Question?"
|
||||
sideDescription="Find quick answers to common inquiries about our menu, hours, and services. If you can't find what you're looking for, feel free to contact us directly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ask a Question",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Ask a Question", href: "#contact"},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
@@ -315,88 +260,62 @@ 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",
|
||||
},
|
||||
]}
|
||||
variant: "radial-gradient"}}
|
||||
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: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://www.facebook.com/profile.php?id=61552008007586&mibextid=ZbWKwL",
|
||||
},
|
||||
label: "Facebook", href: "https://www.facebook.com/profile.php?id=61552008007586&mibextid=ZbWKwL"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/thecoffeehouseclarksville/",
|
||||
},
|
||||
label: "Instagram", href: "https://www.instagram.com/thecoffeehouseclarksville/"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "https://www.tiktok.com/@coffeehouseclarksville",
|
||||
},
|
||||
label: "TikTok", href: "https://www.tiktok.com/@coffeehouseclarksville"},
|
||||
{
|
||||
label: "SMS Updates", href: "sms:+19314948256"}
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 The Coffee House Clarksville | All rights reserved."
|
||||
bottomLeftText="© 2024 The Coffee House Clarksville"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user