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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-07 23:54:05 +00:00
parent b0ac695ad0
commit 4e0e3c7021
1 changed files with 112 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

305
src/app/page.tsx
View File

@@ -12,6 +12,7 @@ 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", 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", 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", 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", 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", 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", imageAlt: "Person enjoying coffee and reading a book in a relaxed setting"},
]}
/>
</div>
@@ -110,21 +86,13 @@ 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"
imageAlt="Cozy coffee shop interior with plants and books, a customer enjoying coffee"
@@ -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", 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: "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!')
},
]}
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"
@@ -318,18 +263,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
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: "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",
},
text: "Call Us", href: "tel:+19314948256"},
]}
/>
</div>
@@ -341,58 +281,37 @@ export default function LandingPage() {
logoText="The Coffee House"
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"},
],
},
{
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"},
],
},
]}
@@ -402,4 +321,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}