268 lines
14 KiB
TypeScript
268 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Cake, Coffee } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Offerings", id: "#offerings"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="ThaiWan Coffee & Tea"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroLogo
|
|
logoText="ThaiWan-Thai灣"
|
|
description="Experience the authentic flavors of Taiwan, brewed for your pleasure. A tranquil space for coffee, tea, and connection."
|
|
buttons={[
|
|
{
|
|
text: "Explore Menu", href: "#menu"},
|
|
{
|
|
text: "Find Us", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/essential-kitchen-items-moody-backdrop_58702-17816.jpg"
|
|
imageAlt="Cozy coffee shop interior with warm lighting"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Our Story at Thai灣"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#about"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="offerings" data-section="offerings">
|
|
<FeatureCardTwentyFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Taiwanese Tea Ceremony", description: "Experience the rich heritage of Taiwanese tea with our traditional ceremonies, guided by expert tea masters.", icon: Coffee,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-pouring-tea-cup-through-sieve_23-2148567508.jpg", imageAlt: "Traditional Taiwanese tea ceremony setup"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chinese-traditional-tea-set_1359-761.jpg", imageAlt: "Traditional Taiwanese tea ceremony setup"},
|
|
]
|
|
},
|
|
{
|
|
title: "Specialty Coffee Selection", description: "Indulge in our curated selection of single-origin beans and expertly crafted espresso beverages, roasted to perfection.", icon: Coffee,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-cup_23-2148865583.jpg", imageAlt: "Barista preparing specialty coffee"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-maker-with-fresh-coffee_23-2148366580.jpg", imageAlt: "Barista preparing specialty coffee"},
|
|
]
|
|
},
|
|
{
|
|
title: "Artisan Pastries & Bites", description: "Pair your drink with our freshly baked pastries and savory light bites, made daily with high-quality ingredients.", icon: Cake,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-pieces-donuts-sprinkled-with-powder-sugar_140725-6874.jpg", imageAlt: "Assortment of artisan pastries"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cakes-with-cookies_140725-57367.jpg", imageAlt: "Assortment of artisan pastries"},
|
|
]
|
|
}
|
|
]}
|
|
title="Our Unique Offerings"
|
|
description="Discover what makes ThaiWan a beloved destination for connoisseurs and casual drinkers alike. We blend tradition with modern comfort to create an unforgettable experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Classic Latte", price: "$5.50", variant: "Espresso", imageSrc: "http://img.b2bpic.net/free-photo/glass-latte-with-foam-decorated-with-coffee-beans-flowers_140725-1439.jpg", imageAlt: "Classic latte with beautiful latte art"},
|
|
{
|
|
id: "2", name: "Taiwanese Black Tea", price: "$4.00", variant: "Loose Leaf", imageSrc: "http://img.b2bpic.net/free-photo/person-adding-ice-cube-red-tea-cup_23-2147975356.jpg", imageAlt: "A cup of Taiwanese black tea"},
|
|
{
|
|
id: "3", name: "Matcha Latte", price: "$6.00", variant: "Ceremonial Grade", imageSrc: "http://img.b2bpic.net/free-photo/tanned-woman-sits-cafe-poses-cup-matcha-green-tea-with-milk_197531-18176.jpg", imageAlt: "Vibrant green matcha latte"},
|
|
{
|
|
id: "4", name: "Seasonal Fruit Tart", price: "$7.50", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fruit-tart-with-strawberries-blueberries-blackberries-kiwi-mint-leaves-black-background_9975-124753.jpg", imageAlt: "Colorful fruit tart"},
|
|
{
|
|
id: "5", name: "Smoked Salmon Sandwich", price: "$12.00", variant: "Light Bite", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-white-shirt-open-having-breakfast-cafe-with-vegetarian-burger-drinking-coffee-lifestyle-tropical-island-life-bali_1321-3961.jpg", imageAlt: "Gourmet smoked salmon sandwich"},
|
|
{
|
|
id: "6", name: "Assorted Cookie Set", price: "$8.00", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-biscuits-with-cup-coffee-light-table_140725-144255.jpg", imageAlt: "Variety of freshly baked cookies"},
|
|
]}
|
|
title="Our Signature Brews & Bites"
|
|
description="Savor the exquisite blend of tradition and innovation in every cup and dish. From aromatic teas to rich coffees and delightful treats."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", handle: "@CoffeeLover", testimonial: "ThaiWan offers the most authentic Taiwanese tea experience outside of Taiwan! The ambiance is so peaceful, perfect for an afternoon retreat.", imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-man-waiting-lunch-while-sitting-restaurant_58466-16034.jpg", imageAlt: "Smiling woman enjoying coffee"},
|
|
{
|
|
id: "2", name: "Mark C.", handle: "@DigitalNomad", testimonial: "This is my go-to spot for working remotely. Great coffee, reliable Wi-Fi, and a super friendly staff. It's a true community hub!", imageSrc: "http://img.b2bpic.net/free-photo/serious-looking-cafe-owner-handsome-man-working-laptop-visitor-coffee-shop-sending-email-typing-his-keyboard_1258-314714.jpg", imageAlt: "Man working on a laptop in a cafe"},
|
|
{
|
|
id: "3", name: "Emily R.", handle: "@TeaExplorer", testimonial: "The specialty coffee selection is outstanding, and their fruit tarts are to die for. Every visit feels like a mini-vacation.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-with-smartphone_23-2150233626.jpg", imageAlt: "Group of friends laughing in cafe"},
|
|
{
|
|
id: "4", name: "David K.", handle: "@LocalGuide", testimonial: "A hidden gem! The attention to detail in every cup, whether coffee or tea, is remarkable. Highly recommend for a relaxing time.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-mature-woman-enjoying-good-coffee-balcony_329181-15447.jpg", imageAlt: "Elderly couple enjoying tea time"},
|
|
{
|
|
id: "5", name: "Jessica L.", handle: "@ArtisticSoul", testimonial: "I love the serene atmosphere at ThaiWan. It's my favorite place to unwind, read a book, and enjoy a perfectly brewed cup of tea. Pure bliss!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-tiramisu-with-tea-cafe_1303-20326.jpg", imageAlt: "Artist drawing in a cafe"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear from our cherished customers who make ThaiWan their favorite social space. Their words inspire us daily."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do you offer vegan and gluten-free options?", content: "Yes, we have a selection of delicious vegan pastries and gluten-free snacks. Please ask our staff for today's special offerings."},
|
|
{
|
|
id: "2", title: "Can I host a private event or gathering at ThaiWan?", content: "Absolutely! Our social space is perfect for intimate gatherings, workshops, or small events. Please contact us to discuss your needs and check availability."},
|
|
{
|
|
id: "3", title: "What kind of tea ceremonies do you offer?", content: "We offer traditional Taiwanese Gongfu tea ceremonies, focusing on Oolong and Pu-erh teas. We also provide introductory sessions for those new to the art of tea."},
|
|
{
|
|
id: "4", title: "Do you have Wi-Fi available for customers?", content: "Yes, complimentary high-speed Wi-Fi is available for all our guests. It's perfect for working, studying, or just browsing while you enjoy your drink."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our menu, services, and the unique experience at ThaiWan Coffee & Tea."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Visit Us or Get in Touch"
|
|
description="We'd love to hear from you or welcome you to our tranquil social space. Reach out with any questions or comments."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
{
|
|
name: "subject", type: "text", placeholder: "Subject"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your Message", rows: 5,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/welcome-sign-front-house_23-2149741740.jpg"
|
|
imageAlt="Exterior view of ThaiWan Coffee & Tea"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="ThaiWan Coffee & Tea"
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Coffee", href: "#menu"},
|
|
{
|
|
label: "Tea", href: "#menu"},
|
|
{
|
|
label: "Pastries", href: "#menu"},
|
|
{
|
|
label: "Light Bites", href: "#menu"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Visit Us", href: "#contact"},
|
|
{
|
|
label: "Events", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Socials", items: [
|
|
{
|
|
label: "Instagram", href: "https://instagram.com"},
|
|
{
|
|
label: "Facebook", href: "https://facebook.com"},
|
|
{
|
|
label: "X (Twitter)", href: "https://twitter.com"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 ThaiWan Coffee & Tea. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|