214 lines
18 KiB
TypeScript
214 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import { Star } from "lucide-react";
|
||
|
||
export default function SitePage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="large"
|
||
background="none"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
brandName="G's High Street Cafe"
|
||
navItems={[
|
||
{ name: "Home", id: "#hero" },
|
||
{ name: "About", id: "#about" },
|
||
{ name: "Menu", id: "#menu" },
|
||
{ name: "Gallery", id: "#gallery" },
|
||
{ name: "Why Choose Us", id: "#why-choose-us" },
|
||
{ name: "Testimonials", id: "#testimonials" },
|
||
{ name: "Location & Hours", id: "#location-hours-faq" },
|
||
{ name: "Contact", id: "#contact" },
|
||
{ name: "Order Online", id: "#" },
|
||
{ name: "Catering", id: "#" }
|
||
]}
|
||
logoSrc="http://img.b2bpic.net/free-photo/number-made-from-roasted-coffee-beans-white-isolated-background_169016-53735.jpg"
|
||
logoAlt="G's High Street Cafe logo"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDualMedia
|
||
title="Fresh Coffee. Great Food. Columbus Hospitality."
|
||
description="Experience G's High Street Cafe, your welcoming neighborhood spot in downtown Columbus for handcrafted coffee, delightful breakfast, satisfying brunch, and fresh pastries. A perfect place to connect, work, or simply unwind."
|
||
background={{ variant: "plain" }}
|
||
tag="Your Daily Ritual"
|
||
tagIcon={Star}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "View Menu", href: "#menu" },
|
||
{ text: "Visit Us", href: "#location-hours-faq" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
mediaItems={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-water-kettle_23-2148728733.jpg", imageAlt: "Freshly brewed coffee with latte art" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/different-types-delicious-desserts_1203-652.jpg", imageAlt: "Delicious breakfast plates and pastries" }
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
rating={5}
|
||
ratingText="5-star reviews from our amazing community"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
title="Our Story: The Heart of High Street"
|
||
description="G's High Street Cafe is more than just a coffee shop; it's a locally owned Columbus staple built on a passion for fresh ingredients, quality coffee, and genuinely friendly service. We've created a comfortable, inviting space where neighbors become friends, and every visit feels like coming home. Enjoy a relaxing ambiance perfect for a quick coffee, a leisurely brunch, or a productive work session right here in the heart of downtown Columbus."
|
||
tag="Locally Owned, Community Focused"
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256934.jpg"
|
||
imageAlt="Cozy interior of G's High Street Cafe with customers"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-choose-us" data-section="why-choose-us">
|
||
<FeatureCardThree
|
||
title="Why G's High Street Cafe?"
|
||
description="Discover the delightful reasons why G's has become Columbus's cherished neighborhood spot for coffee, food, and community."
|
||
tag="Our Commitment"
|
||
features={[
|
||
{ title: "Fresh, Local Ingredients", description: "We partner with local suppliers to bring you the freshest, highest quality ingredients for all our dishes and beverages.", imageSrc: "http://img.b2bpic.net/free-photo/veggies-tomatoes-healthy-relaxed-mind_23-2148677979.jpg", imageAlt: "Fresh produce" },
|
||
{ title: "Handcrafted Beverages", description: "Our skilled baristas meticulously prepare every coffee, latte, and specialty drink to perfection, ensuring a rich and satisfying experience.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-concept-handsome-bearded-man-apron-making-coffee-while-standing-cafe_1258-103897.jpg", imageAlt: "Barista making latte art" },
|
||
{ title: "Fast & Friendly Service", description: "Enjoy efficient and warm service from our team, dedicated to making your visit pleasant whether you're on the go or settling in.", imageSrc: "http://img.b2bpic.net/free-photo/man-putting-coffee-pot-bar-with-customer_23-2148366624.jpg", imageAlt: "Smiling barista serving coffee" },
|
||
{ title: "Comfortable & Inviting Atmosphere", description: "Our cafe offers a cozy, relaxed environment, perfect for unwinding, meeting friends, or focusing on work.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-nature-with-laptop_23-2148573137.jpg", imageAlt: "Comfortable cafe seating area" },
|
||
{ title: "Convenient Downtown Location", description: "Located at 200 N High St, we're your perfect stop in the vibrant heart of downtown Columbus, easy to access for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/building-exterior-with-parked-bicycle_23-2147764363.jpg", imageAlt: "Downtown Columbus street view" },
|
||
{ title: "Community-Focused", description: "G's is a true neighborhood hub, fostering connections and serving as a welcoming space for everyone in our Columbus community.", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-four-friends-having-coffee-together_1139-1022.jpg", imageAlt: "People socializing in a cafe" }
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardOne
|
||
title="Our Delicious Menu"
|
||
description="From rich espresso classics to delightful brunch favorites and freshly baked pastries, G's High Street Cafe offers a diverse selection to satisfy every craving throughout your day."
|
||
tag="Taste the Tradition"
|
||
products={[
|
||
{ id: "coffee", name: "Classic Drip Coffee", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-pouring-milk-into-her-coffee_1153-545.jpg", imageAlt: "Freshly brewed drip coffee" },
|
||
{ id: "latte", name: "Specialty Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-latte-milk-foam-espresso-nuts_141793-17442.jpg", imageAlt: "Latte with intricate art" },
|
||
{ id: "sandwich", name: "Breakfast Sandwich", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/croissant-sandwich-ham_1339-5800.jpg", imageAlt: "Gourmet breakfast sandwich" },
|
||
{ id: "brunch", name: "Brunch Favorite", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-waffles-with-strawberries-close-up_23-2148517048.jpg", imageAlt: "Delicious brunch dish" },
|
||
{ id: "pastry", name: "Artisan Pastries", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/blueberry-muffin_74190-7071.jpg", imageAlt: "Assortment of fresh pastries" },
|
||
{ id: "smoothie", name: "Fresh Fruit Smoothie", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-broccoli-smoothie-with-green-straw_23-2148226113.jpg", imageAlt: "Refreshing fruit smoothie" }
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<BlogCardOne
|
||
title="A Glimpse of Our Cafe Life"
|
||
description="Explore vibrant moments from G's High Street Cafe – showcasing our delicious offerings, the welcoming ambiance, and the dedicated team that makes every visit special."
|
||
tag="Visual Story"
|
||
blogs={[
|
||
{ id: "gallery-coffee", category: "Coffee", title: "Art in a Cup", excerpt: "Our baristas are masters of their craft, turning every coffee into a work of art.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-glass-latte-table-lights_181624-33499.jpg", imageAlt: "Close-up of latte art", authorName: "G's Team", authorAvatar: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg", date: "July 2024" },
|
||
{ id: "gallery-interior", category: "Ambiance", title: "Your Urban Oasis", excerpt: "Step into our beautifully designed space, a perfect retreat in the heart of the city.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-thoughtful-young-alluring-woman-sitting-alone-cafe-leaning-palm-while-looking-camera-with-serious-look_197531-23022.jpg", imageAlt: "Bright cafe interior with plants", authorName: "G's Team", authorAvatar: "http://img.b2bpic.net/free-photo/positive-diverse-students-have-broad-smiles-express-good-emootions-stand-closely-happy-finish-home-assigment-wear-fashionable-clothes-isolated-purple-wall-emotions-concept_273609-26438.jpg", date: "July 2024" },
|
||
{ id: "gallery-customers", category: "Community", title: "Shared Moments", excerpt: "From bustling mornings to relaxed afternoons, our cafe is where connections are made.", imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077634.jpg", imageAlt: "Customers enjoying coffee and conversation", authorName: "G's Team", authorAvatar: "http://img.b2bpic.net/free-photo/older-woman-smiling-cafe-customer-portrait_23-2148661133.jpg", date: "July 2024" },
|
||
{ id: "gallery-baristas", category: "Craft", title: "The Art of Service", excerpt: "Meet the friendly faces behind your favorite drinks, dedicated to exceptional service.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owner-making-coffee_23-2149434547.jpg", imageAlt: "Barista preparing a drink", authorName: "G's Team", authorAvatar: "http://img.b2bpic.net/free-photo/handsome-fashionable-african-american-hipster-hat-glasses-spending-good-time_273609-9450.jpg", date: "July 2024" }
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
title="What Our Community Says"
|
||
description="Hear directly from our cherished customers about their delightful experiences at G's High Street Cafe. Your feedback inspires us daily!"
|
||
tag="Customer Voices"
|
||
testimonials={[
|
||
{ id: "1", name: "Sarah J.", date: "July 15, 2024", title: "Best Coffee in Columbus!", quote: "G's High Street Cafe has the most incredible coffee in Columbus. The atmosphere is so welcoming, and the staff are always friendly. It's my go-to spot every morning!", tag: "Coffee Lover", avatarSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg", avatarAlt: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172666.jpg", imageAlt: "Cafe ambiance" },
|
||
{ id: "2", name: "Michael D.", date: "July 12, 2024", title: "Amazing Brunch Spot", quote: "Came here for brunch with friends and was blown away! The food was fresh, delicious, and beautifully presented. Plus, the service was impeccable. Highly recommend!", tag: "Brunch Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/positive-diverse-students-have-broad-smiles-express-good-emootions-stand-closely-happy-finish-home-assigment-wear-fashionable-clothes-isolated-purple-wall-emotions-concept_273609-26438.jpg", avatarAlt: "Michael D.", imageSrc: "http://img.b2bpic.net/free-photo/people-escalator-mall-blur_1203-1294.jpg", imageAlt: "Brunch setting" },
|
||
{ id: "3", name: "Emily R.", date: "July 10, 2024", title: "My Favorite Place to Work", quote: "I love working from G's. The WiFi is reliable, there's always a cozy corner available, and the endless stream of great coffee keeps me productive and happy. A true gem!", tag: "Remote Worker", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-older-business-woman-enjoying-cup-coffee-while-working_23-2148661133.jpg", avatarAlt: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/creative-background-with-rough-painted-texture_23-2149640582.jpg", imageAlt: "Work friendly cafe" },
|
||
{ id: "4", name: "David K.", date: "July 08, 2024", title: "Exceptional Pastries", quote: "Their pastries are a must-try! Freshly baked, flaky, and absolutely delicious. I can't resist grabbing a croissant every time I visit. Perfection!", tag: "Pastry Aficionado", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-fashionable-african-american-hipster-hat-glasses-spending-good-time_273609-9450.jpg", avatarAlt: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/gradient-abstract-background-empty-room-with-space-your-text-picture_1258-79751.jpg", imageAlt: "Pastry basket" },
|
||
{ id: "5", name: "Olivia M.", date: "July 05, 2024", title: "Warm & Welcoming Atmosphere", quote: "G's truly feels like a community hub. The staff remember my order, and there's always a friendly face. It's more than a cafe; it's a home away from home.", tag: "Community Member", avatarSrc: "http://img.b2bpic.net/free-photo/happy-elegant-joyful-guy-grey-jacket-shirt-wears-glasses-gray_291650-1303.jpg", avatarAlt: "Olivia M.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-plain-green-gradient-abstract-studio-background-empty-room-with-space-your-text-picture_1258-105211.jpg", imageAlt: "People chatting in cafe" }
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="location-hours-faq" data-section="location-hours-faq">
|
||
<FaqSplitMedia
|
||
title="Visit Us on High Street"
|
||
description="Find G's High Street Cafe at the heart of downtown Columbus. We're open daily, offering a welcoming retreat for your coffee and dining needs. We look forward to seeing you!"
|
||
tag="Location & Hours"
|
||
faqs={[
|
||
{ id: "address", title: "What is G's High Street Cafe's address?", content: "You can find us at 200 N High St, Columbus, Ohio, right in the vibrant downtown area. We're easily accessible and a perfect stop for locals and visitors alike." },
|
||
{ id: "hours", title: "What are your operating hours?", content: "We are open Monday - Friday: 7 AM - 5 PM, and Saturday - Sunday: 8 AM - 4 PM. Perfect for your morning coffee, lunch break, or weekend brunch." },
|
||
{ id: "parking", title: "Is there parking available?", content: "Street parking is available along High Street and surrounding blocks. Additionally, several parking garages are located within a short walking distance from our cafe." },
|
||
{ id: "accessibility", title: "Is G's High Street Cafe accessible?", content: "Yes, our cafe is wheelchair accessible, and we strive to provide a comfortable experience for all our guests. Please contact us if you have any specific needs." },
|
||
{ id: "wifi", title: "Do you offer free Wi-Fi?", content: "Absolutely! We provide complimentary high-speed Wi-Fi for all our customers, making G's an ideal spot for remote work, studying, or just browsing." }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/boston-aerial-view_649448-1612.jpg"
|
||
imageAlt="Map showing G's High Street Cafe location in Columbus"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
faqsAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
text="Have a question, feedback, or looking to inquire about our services? Reach out to G's High Street Cafe today! We’d love to hear from you. You can also sign up for our newsletter to stay updated on special offers and events. We look forward to connecting with you!"
|
||
animationType="entrance-slide"
|
||
buttons={[
|
||
{ text: "Email Us", href: "mailto:hello@gshighstreetcafe.com" },
|
||
{ text: "Call Us", href: "tel:+16145551234" },
|
||
{ text: "Online Ordering", href: "#" },
|
||
{ text: "Catering Inquiry", href: "#" }
|
||
]}
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164759.jpg"
|
||
imageAlt="Evening interior of G's High Street Cafe"
|
||
logoSrc="http://img.b2bpic.net/free-photo/number-made-from-roasted-coffee-beans-white-isolated-background_169016-53735.jpg"
|
||
logoAlt="G's High Street Cafe Logo"
|
||
logoText="G's High Street Cafe"
|
||
columns={[
|
||
{ title: "Explore", items: [{ label: "Home", href: "#hero" }, { label: "About Us", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Gallery", href: "#gallery" }] },
|
||
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "Location & Hours", href: "#location-hours-faq" }, { label: "Order Online", href: "#" }, { label: "Catering", href: "#" }] },
|
||
{ title: "Follow Us", items: [{ label: "Instagram", href: "https://instagram.com/gshighstreetcafe" }, { label: "Facebook", href: "https://facebook.com/gshighstreetcafe" }, { label: "Twitter", href: "https://twitter.com/gshighstreetcafe" }] },
|
||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||
]}
|
||
copyrightText="© 2024 G's High Street Cafe. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|