Files
9d408cb7-7ef0-4685-8c0d-ca5…/src/app/locations/page.tsx

132 lines
4.9 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="noise"
cardStyle="inset"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "/"},
{
name: "Menu", id: "/menu"},
{
name: "About", id: "/about"},
{
name: "Locations", id: "/locations"},
{
name: "Contact", id: "/contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/top-view-coffee-paper-bags-with-labels_23-2148441226.jpg"
logoAlt="Cozy Cabin Coffee logo"
brandName="Cozy Cabin Coffee"
/>
</div>
<div id="our-locations" data-section="our-locations">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "lawrenceburg", title: "Lawrenceburg, TN", descriptions: [
"616 N Locust Ave, Lawrenceburg, TN 38464", "Phone: (931) 201-8018", "Hours: MonFri: 6 AM 4 PM, Sat: 7 AM 4 PM, Sun: Closed"],
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-bench-drinking-chocolate-milk-taking-selfie-mobile-phone_23-2148176702.jpg", imageAlt: "Cozy Cabin Coffee Lawrenceburg"},
{
id: "pulaski", title: "Pulaski, TN", descriptions: [
"Opened in 2017 (Address varies, placeholder)", "Phone: (XXX) XXX-XXXX (placeholder)", "Hours: Check in-store for current hours."],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-cafe_1157-16407.jpg", imageAlt: "Cozy Cabin Coffee Pulaski"},
]}
title="Our Cozy Locations"
description="Find your nearest Cozy Cabin Coffee and enjoy your favorite beverages, served with a friendly smile. We look forward to seeing you!"
/>
</div>
<div id="contact-cta-locations" data-section="contact-cta-locations">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"
}}
tag="Ready for a Brew?"
title="Visit Us Today!"
description="Swing by one of our convenient locations for your favorite coffee, smoothie, or quick bite. We're open and ready to serve you!"
buttons={[
{
text: "Get Directions", href: "https://www.google.com/maps/search/Cozy+Cabin+Coffee"},
{
text: "Call Us", href: "tel:+19312018018"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoSrc="http://img.b2bpic.net/free-photo/top-view-coffee-paper-bags-with-labels_23-2148441226.jpg"
logoAlt="Cozy Cabin Coffee logo"
columns={[
{
items: [
{
label: "Home", href: "/"},
{
label: "Menu", href: "/menu"},
{
label: "About Us", href: "/about"},
{
label: "Locations", href: "/locations"},
{
label: "Contact", href: "/contact"},
],
},
{
items: [
{
label: "Hot Coffee", href: "/menu#hot-coffee"},
{
label: "Iced Drinks", href: "/menu#iced-drinks"},
{
label: "Smoothies", href: "/menu#smoothies"},
{
label: "Breakfast", href: "/menu#food-items"},
],
},
{
items: [
{
label: "Lawrenceburg, TN", href: "https://www.google.com/maps/search/616+N+Locust+Ave,+Lawrenceburg,+TN+38464"},
{
label: "Pulaski, TN", href: "https://www.google.com/maps/search/Cozy+Cabin+Coffee+Pulaski"},
{
label: "(931) 201-8018", href: "tel:+19312018018"},
],
},
]}
logoText="Cozy Cabin Coffee"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}