288 lines
21 KiB
TypeScript
288 lines
21 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
|
||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||
import { Home, LeafyGreen, Smile, Sparkles } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="floatingGradient"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
brandName="San San Tea House"
|
||
logoSrc="http://img.b2bpic.net/free-photo/flat-lay-notepad-template-with-tea-concept_23-2148107241.jpg"
|
||
logoAlt="San San Tea House Logo"
|
||
navItems={[
|
||
{ name: "Home", id: "#hero" },
|
||
{ name: "About", id: "#about" },
|
||
{ name: "Menu", id: "#menu" },
|
||
{ name: "Reviews", id: "#reviews" },
|
||
{ name: "Gallery", id: "#gallery" },
|
||
{ name: "Contact", id: "#contact" }
|
||
]}
|
||
button={{
|
||
text: "Order Online", href: "#"
|
||
}}
|
||
/>
|
||
</div>
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlayTestimonial
|
||
title="Freshly Brewed. Handcrafted. Made With Love."
|
||
description="Experience San Leandro's favorite destination for handcrafted bubble tea, Vietnamese coffee, and fresh breakfast creations."
|
||
tag="San San Tea House"
|
||
tagIcon={Sparkles}
|
||
buttons={[
|
||
{ text: "Order Online", href: "#" },
|
||
{ text: "View Menu", href: "#menu" }
|
||
]}
|
||
testimonials={[
|
||
{
|
||
name: "Sarah L.", handle: "@boba_lover", testimonial: "Absolutely love the Hokkaido Milk Tea! It's perfectly sweet and creamy every time. My go-to spot in San Leandro!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-outdoors_1098-1638.jpg", imageAlt: "Sarah L. reviewing San San Tea House"
|
||
},
|
||
{
|
||
name: "Kevin M.", handle: "@coffee_fiend", testimonial: "Their Vietnamese Phin Coffee is a game-changer. So rich and authentic. The Bánh Mì Croissants are a must-try too!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-laptop-cafe_1303-6009.jpg", imageAlt: "Kevin M. reviewing San San Tea House"
|
||
},
|
||
{
|
||
name: "Emily C.", handle: "@tea_explorer", testimonial: "Such a cozy atmosphere and the Purple Cloud Milk Tea is simply magical. Staff is always so friendly and welcoming.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-happy-woman-with-glad-expression-uses-cellphone-surfing-social-networks-chatting-online-holds-yellow-takeaway-cup-with-coffee_273609-33151.jpg", imageAlt: "Emily C. reviewing San San Tea House"
|
||
},
|
||
{
|
||
name: "David T.", handle: "@local_eats", testimonial: "The Brown Sugar Boba Fresh Milk is addictive! Great place for a quick treat or a relaxed morning coffee.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-making-self-portrait-with-coffee-latte-cafe_8353-6608.jpg", imageAlt: "David T. reviewing San San Tea House"
|
||
},
|
||
{
|
||
name: "Jessica R.", handle: "@sweet_tooth", testimonial: "Their fruit smoothies are incredibly fresh, and the Sea Salt Coffee is a unique, delicious experience. Highly recommend!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-xmas-tree-cookies-cup-tea-bowls-with-chocolate-lemon-slices-notebook-pencil-grey-table_140725-59553.jpg", imageAlt: "Jessica R. reviewing San San Tea House"
|
||
}
|
||
]}
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424025.jpg", alt: "Customer 1" },
|
||
{ src: "http://img.b2bpic.net/free-photo/different-colour-friends-outdoor_624325-3565.jpg", alt: "Customer 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg", alt: "Customer 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/digital-art-international-women-s-day-celebration-women-s-rights_23-2151368444.jpg", alt: "Customer 4" }
|
||
]}
|
||
avatarText="Loved by 67+ happy customers!"
|
||
imageSrc="http://img.b2bpic.net/free-photo/front-view-assortment-healthy-breakfast-meal-with-yogurt_23-2148894680.jpg"
|
||
imageAlt="Customers enjoying drinks and food at San San Tea House"
|
||
showBlur={true}
|
||
/>
|
||
</div>
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
title="Welcome to San San Tea House"
|
||
metrics={[
|
||
{ icon: LeafyGreen, label: "Fresh Ingredients", value: "Quality Sourced" },
|
||
{ icon: Sparkles, label: "Authentic Flavors", value: "Vietnamese Inspired" },
|
||
{ icon: Smile, label: "Friendly Service", value: "Always Welcoming" },
|
||
{ icon: Home, label: "Community Atmosphere", value: "Your Favorite Spot" }
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="features" data-section="features">
|
||
<FeatureCardNineteen
|
||
title="Why Customers Love Us"
|
||
description="Discover what makes San San Tea House a beloved spot in San Leandro. Our commitment to quality, flavor, and community shines through every cup and bite."
|
||
features={[
|
||
{
|
||
tag: "Quality", title: "Fresh Ingredients", subtitle: "Taste the difference", description: "We meticulously select the freshest fruits, premium tea leaves, and finest coffee beans to craft every item on our menu.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drinks-with-milk-high-angle_23-2149870665.jpg", imageAlt: "Fresh ingredients for bubble tea"
|
||
},
|
||
{
|
||
tag: "Personalized", title: "Custom Sweetness Levels", subtitle: "Your drink, your way", description: "Tailor your beverage to your exact preference with our customizable sweetness levels. Perfect for every palate.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-offering-taste-cupcake_1262-6195.jpg", imageAlt: "Custom sweetness level options"
|
||
},
|
||
{
|
||
tag: "Service", title: "Friendly & Fast Service", subtitle: "Always a warm welcome", description: "Our team is dedicated to providing efficient service with a smile, ensuring a pleasant experience with every visit.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office-space_23-2149548788.jpg", imageAlt: "Friendly barista serving a drink"
|
||
},
|
||
{
|
||
tag: "Ambiance", title: "Cozy Atmosphere", subtitle: "Your comfort zone", description: "Relax in our beautifully designed space, perfect for unwinding, catching up with friends, or enjoying a quiet moment.", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-cup-table_1203-9913.jpg", imageAlt: "Cozy cafe interior"
|
||
},
|
||
{
|
||
tag: "Relax", title: "Outdoor Seating", subtitle: "Enjoy the fresh air", description: "Take advantage of our charming outdoor seating area, ideal for enjoying your favorite drinks on a sunny San Leandro day.", imageSrc: "http://img.b2bpic.net/free-photo/balcony-beautiful-restaurant-hotel-relaxation_1232-3807.jpg", imageAlt: "Outdoor cafe seating"
|
||
},
|
||
{
|
||
tag: "Authenticity", title: "Authentic Vietnamese Coffee", subtitle: "Rich, bold, traditional", description: "Savor the rich and robust flavors of our authentic Vietnamese phin coffee and our signature Sea Salt Coffee.", imageSrc: "http://img.b2bpic.net/free-photo/two-glasses-coffee-with-whipped-cream-marble-surface_114579-91064.jpg", imageAlt: "Vietnamese phin coffee dripping"
|
||
},
|
||
{
|
||
tag: "Craftsmanship", title: "Handcrafted Bubble Tea", subtitle: "Art in every cup", description: "From classic milk teas to refreshing fruit infusions, each bubble tea is lovingly handcrafted for optimal flavor.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994368.jpg", imageAlt: "Handcrafted bubble tea with fruit"
|
||
}
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardOne
|
||
title="Our Featured Menu"
|
||
description="Handcrafted with passion, our menu brings you the best of Vietnamese-inspired beverages and delightful breakfast treats."
|
||
products={[
|
||
{
|
||
id: "brown-sugar-boba", name: "Brown Sugar Boba Fresh Milk", price: "View prices in-store", imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-milkshake-with-whipped-cream_1150-18527.jpg", imageAlt: "Brown Sugar Boba Fresh Milk"
|
||
},
|
||
{
|
||
id: "hokkaido-milk-tea", name: "Hokkaido Milk Tea", price: "View prices in-store", imageSrc: "http://img.b2bpic.net/free-photo/beverages-set-wooden-board_140725-4463.jpg", imageAlt: "Hokkaido Milk Tea"
|
||
},
|
||
{
|
||
id: "purple-cloud", name: "Purple Cloud Milk Tea", price: "View prices in-store", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-cup-tea-with-cinnamon-lemon-appetizing-cupcakes-bowls-chocolate-slices-lime-chocolate-cream-colorful-sweets-table_140725-111275.jpg", imageAlt: "Purple Cloud Milk Tea"
|
||
},
|
||
{
|
||
id: "thai-tea-frappe", name: "Thai Tea Frappe", price: "View prices in-store", imageSrc: "http://img.b2bpic.net/free-photo/milk-tea-glass_1150-11044.jpg", imageAlt: "Thai Tea Frappe"
|
||
},
|
||
{
|
||
id: "fruit-smoothies", name: "Fruit Smoothies", price: "View prices in-store", imageSrc: "http://img.b2bpic.net/free-photo/pineapple-smoothie_1339-1117.jpg", imageAlt: "Assorted Fruit Smoothies"
|
||
},
|
||
{
|
||
id: "milkshakes", name: "Milkshakes", price: "View prices in-store", imageSrc: "http://img.b2bpic.net/free-photo/transparent-jar-with-strawberries_23-2148574188.jpg", imageAlt: "Classic Milkshakes"
|
||
},
|
||
{
|
||
id: "boba-croissant", name: "Boba Croissant", price: "View prices in-store", imageSrc: "http://img.b2bpic.net/free-photo/salad-put-jelly-roll-served-white-plate_1304-4656.jpg", imageAlt: "Boba Croissant"
|
||
},
|
||
{
|
||
id: "banh-mi-croissant", name: "Vietnamese Bánh Mì Croissant", price: "View prices in-store", imageSrc: "http://img.b2bpic.net/free-photo/tasty-chamomile-tea-with-cookies-marble_114579-60726.jpg", imageAlt: "Vietnamese Bánh Mì Croissant"
|
||
},
|
||
{
|
||
id: "phin-coffee", name: "Vietnamese Phin Coffee", price: "View prices in-store", imageSrc: "http://img.b2bpic.net/free-photo/crazy-love-with-coffee_1388-251.jpg", imageAlt: "Vietnamese Phin Coffee"
|
||
},
|
||
{
|
||
id: "sea-salt-coffee", name: "Signature Sea Salt Coffee", price: "View prices in-store", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-whipped-cream-cookies-table_23-2147957944.jpg", imageAlt: "Signature Sea Salt Coffee"
|
||
}
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardTwo
|
||
title="What Our Customers Say"
|
||
description="⭐ 4.7 / 5 from 67+ Reviews\n\nHear from our happy customers and their experiences at San San Tea House. Your satisfaction is our top priority!"
|
||
testimonials={[
|
||
{
|
||
id: "review-1", name: "Michelle T.", role: "Local Guide", testimonial: "Super tasty boba and fruit teas, friendly service, and a cozy space! Definitely my new favorite spot.", imageSrc: "http://img.b2bpic.net/free-photo/festive-woman-talking-video-call-conference-with-family_482257-19495.jpg", imageAlt: "Michelle T. review"
|
||
},
|
||
{
|
||
id: "review-2", name: "Jason S.", role: "Regular Customer", testimonial: "Brown Sugar Boba Fresh Milk and Hokkaido Milk Tea were absolutely delicious. High quality ingredients you can taste!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-using-smartphone-cafe_1170-720.jpg", imageAlt: "Jason S. review"
|
||
},
|
||
{
|
||
id: "review-3", name: "Vanessa L.", role: "Community Member", testimonial: "Everyone loved their boba drinks and fruit smoothies. Love supporting this small business!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg", imageAlt: "Vanessa L. review"
|
||
},
|
||
{
|
||
id: "review-4", name: "Mark D.", role: "Coffee Enthusiast", testimonial: "Their Vietnamese Phin Coffee is truly authentic, and the Bánh Mì Croissants are surprisingly good. A hidden gem!", imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-darkskinned-man-white-tshirt-black-shorts-running-near-sea-young-guy-working-out-smiling-outside_197531-28693.jpg", imageAlt: "Mark D. review"
|
||
},
|
||
{
|
||
id: "review-5", name: "Sophia G.", role: "Food Blogger", testimonial: "The Sea Salt Coffee is a must-try – perfect balance of sweet and savory. Impeccable presentation and inviting atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-student-woman-with-notebook-sitting-cafe-drinking-coffee-smiling_1258-206063.jpg", imageAlt: "Sophia G. review"
|
||
}
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardOne
|
||
title="Our Gallery"
|
||
description="A visual journey through our delightful offerings and cozy tea house atmosphere. Every corner tells a story."
|
||
products={[
|
||
{
|
||
id: "gallery-item-1", name: "Assorted Bubble Teas", price: "", imageSrc: "http://img.b2bpic.net/free-photo/close-up-picture-glass-with-cappuccino_259150-58531.jpg", imageAlt: "Vibrant assortment of bubble teas"
|
||
},
|
||
{
|
||
id: "gallery-item-2", name: "Fresh Fruit Teas", price: "", imageSrc: "http://img.b2bpic.net/free-photo/ice-tea-drink-refreshing-hot-summer-weather_185193-111749.jpg", imageAlt: "Refreshing collection of fruit teas"
|
||
},
|
||
{
|
||
id: "gallery-item-3", name: "Vietnamese Phin Coffee", price: "", imageSrc: "http://img.b2bpic.net/free-photo/coffee-still-life_23-2148116850.jpg", imageAlt: "Traditional Vietnamese phin coffee"
|
||
},
|
||
{
|
||
id: "gallery-item-4", name: "Breakfast Pastries", price: "", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-long-cakes-with-paper-package-inside-plate-pink-desk_140725-25378.jpg", imageAlt: "Delicious Vietnamese breakfast items"
|
||
},
|
||
{
|
||
id: "gallery-item-5", name: "Cozy Cafe Interior", price: "", imageSrc: "http://img.b2bpic.net/free-photo/milky-shake-with-strawberry-syrup-glass_114579-3296.jpg", imageAlt: "Interior view of San San Tea House"
|
||
},
|
||
{
|
||
id: "gallery-item-6", name: "Happy Customers", price: "", imageSrc: "http://img.b2bpic.net/free-photo/adorable-gorgeous-dark-skinned-female-has-bushy-hairstyle-uses-smart-phone-online-communication-meets-with-close-friend-recreate-cafeteria-with-exotic-fresh-summer-cocktails-leisure-concept_273609-2434.jpg", imageAlt: "Customers enjoying drinks in the cafe"
|
||
},
|
||
{
|
||
id: "gallery-item-7", name: "Fresh Ingredients Display", price: "", imageSrc: "http://img.b2bpic.net/free-photo/brown-coffee-beans-sack_23-2148180241.jpg", imageAlt: "Close-up of fresh tea ingredients"
|
||
},
|
||
{
|
||
id: "gallery-item-8", name: "Cafe Exterior", price: "", imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3759.jpg", imageAlt: "Exterior view of San San Tea House"
|
||
}
|
||
]}
|
||
gridVariant="bento-grid"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
tag="Visit Us"
|
||
title="Find San San Tea House"
|
||
description="1019 Williams St, San Leandro, CA 94577\n\nPhone: (415) 322-3333\n\n**Hours:**\nMon-Fri: 8 AM - 6 PM\nSat-Sun: 9 AM - 5 PM"
|
||
buttons={[
|
||
{
|
||
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=San+San+Tea+House,+1019+Williams+St,+San+Leandro,+CA+94577"
|
||
},
|
||
{ text: "Order Online", href: "#" }
|
||
]}
|
||
background={{ variant: "radial-gradient" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoSrc="http://img.b2bpic.net/free-photo/flat-lay-notepad-template-with-tea-concept_23-2148107241.jpg"
|
||
logoText="San San Tea House"
|
||
columns={[
|
||
{
|
||
title: "Quick Links", items: [
|
||
{ label: "Home", href: "#hero" },
|
||
{ label: "About Us", href: "#about" },
|
||
{ label: "Menu", href: "#menu" },
|
||
{ label: "Reviews", href: "#reviews" }
|
||
]
|
||
},
|
||
{
|
||
title: "Our Offerings", items: [
|
||
{ label: "Bubble Tea", href: "#menu" },
|
||
{ label: "Vietnamese Coffee", href: "#menu" },
|
||
{ label: "Breakfast", href: "#menu" },
|
||
{ label: "Seasonal Specials", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{ label: "Contact Us", href: "#contact" },
|
||
{ label: "Order Online", href: "#" },
|
||
{ label: "Instagram", href: "#" },
|
||
{ label: "Yelp", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 2024 San San Tea House. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |