248 lines
15 KiB
TypeScript
248 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Award, Coffee, Heart, Leaf, Smile, Star, Users } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Tree House Cafe"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "features" },
|
|
{ name: "Services", id: "product" },
|
|
{ name: "Reviews", id: "testimonial" },
|
|
{ name: "Location", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Tree House Cafe"
|
|
description="Where Nature Meets Taste"
|
|
buttons={[
|
|
{ text: "View Menu", href: "#features" },
|
|
{ text: "Order Now", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-hammock-by-tree_53876-95417.jpg"
|
|
imageAlt="Tree House Cafe cozy interior with warm lighting"
|
|
mediaAnimation="opacity"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Welcome to Tree House Cafe"
|
|
metrics={[
|
|
{ icon: Coffee, label: "Premium Coffee", value: "Specialty Brews" },
|
|
{ icon: Heart, label: "LGBTQ+ Friendly", value: "All Welcome" },
|
|
{ icon: Leaf, label: "Nature Inspired", value: "Eco-Conscious" },
|
|
{ icon: Users, label: "Community Space", value: "Gathering Place" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
title="Our Menu"
|
|
description="Savor delicious offerings crafted with care and fresh ingredients. From artisan coffee to hearty meals, there's something for everyone."
|
|
features={[
|
|
{
|
|
id: "coffee", title: "Premium Coffee", description: "Specialty brews, lattes, cappuccinos, and espresso drinks. Each cup is crafted by our experienced baristas.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-chocolate-with-copy-space_23-2148337623.jpg", imageAlt: "Premium specialty coffee with latte art"
|
|
},
|
|
{
|
|
id: "snacks", title: "Fresh Snacks", description: "Freshly baked pastries, croissants, and light bites. Perfect for a quick treat or mid-day snack.", imageSrc: "http://img.b2bpic.net/free-photo/cookie-jar_23-2147984972.jpg", imageAlt: "Fresh baked pastries and cafe snacks"
|
|
},
|
|
{
|
|
id: "meals", title: "Hearty Meals", description: "Nutritious bowls, sandwiches, and daily specials. Made with fresh ingredients and served with care.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-seafood-dish-with-salmon_23-2150463250.jpg", imageAlt: "Gourmet meal bowls and healthy cafe cuisine"
|
|
},
|
|
{
|
|
id: "desserts", title: "Sweet Treats", description: "Decadent cakes, desserts, and confections. A perfect way to end your cafe experience.", imageSrc: "http://img.b2bpic.net/free-photo/cool-sweet-breakfast-bed_23-2147658681.jpg", imageAlt: "Artisan desserts and premium cakes"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardFour
|
|
title="Our Services"
|
|
description="Enjoy Tree House Cafe however you prefer. We offer flexible dining options to suit your lifestyle."
|
|
products={[
|
|
{
|
|
id: "dine-in", name: "Dine In", price: "Experience", variant: "Cozy ambiance perfect for meetings, work, or relaxation", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-office-space-multinational-company-with-monitor_482257-119882.jpg", imageAlt: "Comfortable cafe dine-in seating area"
|
|
},
|
|
{
|
|
id: "takeaway", name: "Takeaway", price: "On-the-Go", variant: "Quick and convenient service with eco-friendly packaging", imageSrc: "http://img.b2bpic.net/free-photo/pile-eco-friendly-cups-high-view_23-2148723787.jpg", imageAlt: "Eco-friendly takeaway packaging"
|
|
},
|
|
{
|
|
id: "delivery", name: "Delivery", price: "Home Delivery", variant: "Fresh meals delivered straight to your door", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-giving-groceries-order-customer_23-2149950068.jpg", imageAlt: "Fast food delivery service"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardOne
|
|
title="Our Impact"
|
|
description="Trusted by the community. Here's what makes Tree House Cafe special."
|
|
metrics={[
|
|
{
|
|
id: "rating", value: "4.6", title: "Star Rating", description: "Based on 600+ customer reviews", icon: Star
|
|
},
|
|
{
|
|
id: "years", value: "5+", title: "Years Serving", description: "Your favorite local cafe", icon: Award
|
|
},
|
|
{
|
|
id: "daily", value: "500+", title: "Happy Customers", description: "Every single day", icon: Smile
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardFive
|
|
title="What Our Customers Say"
|
|
description="Join our community of happy customers who love Tree House Cafe. Real reviews from real people."
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Priya Sharma", date: "3 weeks ago", title: "Absolutely Love It!", quote: "The ambiance is perfect for work and study. Coffee is amazing and the staff is so friendly. Highly recommend!", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/young-lady-browsing-internet-cafe_1153-7402.jpg", avatarAlt: "Priya Sharma"
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Rajesh Kumar", date: "2 weeks ago", title: "Great Vibes", quote: "Finally found a cafe that feels like home. The food is fresh, prices are fair, and everyone is welcome here.", tag: "First Time Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-coffee-cup_23-2149104422.jpg", avatarAlt: "Rajesh Kumar"
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Meera Devi", date: "1 week ago", title: "Perfect Hangout Spot", quote: "Love the inclusive vibe and nature-inspired decor. The menu variety is impressive and everything is delicious.", tag: "Frequent Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/businesswomen-discussing-having-fun_53876-65327.jpg", avatarAlt: "Meera Devi"
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "Arjun Singh", date: "5 days ago", title: "Best Cafe in Jorhat", quote: "Outstanding service and quality. This place has become my favorite weekend destination. Worth every visit!", tag: "Community Member", avatarSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-winking-showing-her-support-with-thumbs-up-smiling-give-confidence-boost-praising-nice-work-compliment-recommend-company-white-background_176420-54437.jpg", avatarAlt: "Arjun Singh"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardOne
|
|
title="Gallery & Stories"
|
|
description="Explore the beauty of Tree House Cafe through photos and moments from our community."
|
|
blogs={[
|
|
{
|
|
id: "gallery-1", category: "Interior", title: "Aesthetic Spaces", excerpt: "Discover the cozy nooks and nature-inspired corners that make Tree House Cafe special.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg", imageAlt: "Cafe interior with plants and aesthetic design", authorName: "Tree House Cafe", authorAvatar: "http://img.b2bpic.net/free-photo/empty-hammock-by-tree_53876-95417.jpg", date: "Recently"
|
|
},
|
|
{
|
|
id: "gallery-2", category: "Outdoor", title: "Garden Seating", excerpt: "Experience the tranquility of our outdoor area surrounded by nature and greenery.", imageSrc: "http://img.b2bpic.net/free-photo/house-home-blur-blurred-outdoors-blurry_53876-71253.jpg", imageAlt: "Cafe outdoor garden seating area", authorName: "Tree House Cafe", authorAvatar: "http://img.b2bpic.net/free-photo/empty-hammock-by-tree_53876-95417.jpg", date: "Recently"
|
|
},
|
|
{
|
|
id: "gallery-3", category: "Food", title: "Culinary Delights", excerpt: "Taste the craftsmanship in every dish. Fresh ingredients, beautiful presentation.", imageSrc: "http://img.b2bpic.net/free-photo/wide-closeup-shot-person-pouring-ketchup-cooked-meal-white-plate_181624-2012.jpg", imageAlt: "Gourmet food photography from cafe", authorName: "Tree House Cafe", authorAvatar: "http://img.b2bpic.net/free-photo/empty-hammock-by-tree_53876-95417.jpg", date: "Recently"
|
|
},
|
|
{
|
|
id: "gallery-4", category: "Beverages", title: "Coffee Craftsmanship", excerpt: "From bean to cup. Every coffee is made with passion and expertise.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-working-with-towel_23-2148865578.jpg", imageAlt: "Specialty coffee with latte art", authorName: "Tree House Cafe", authorAvatar: "http://img.b2bpic.net/free-photo/empty-hammock-by-tree_53876-95417.jpg", date: "Recently"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="📍 Opposite Central Bank, Fancy Ali, Nirmal Chariali, Gar-Ali, Jorhat, Assam 785001\n\n📞 Phone: 091013 17735\n\n⏰ Open till 9:30 PM Daily\n\nVisit us today or place your order online. We look forward to serving you!"
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Call Us", href: "tel:091013-17735" },
|
|
{ text: "Get Directions", href: "#" }
|
|
]}
|
|
background={{ variant: "animated-grid" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/blank-mock-up-design-cafe-signboard-nice-building-outdoors_158595-6498.jpg"
|
|
imageAlt="Tree House Cafe evening ambiance"
|
|
logoText="Tree House Cafe"
|
|
copyrightText="© 2025 Tree House Cafe | Where Nature Meets Taste"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Menu", href: "#features" },
|
|
{ label: "Services", href: "#product" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: 091013 17735", href: "tel:091013-17735" },
|
|
{ label: "Email: hello@treehousecafe.com", href: "mailto:hello@treehousecafe.com" },
|
|
{ label: "Address: Jorhat, Assam", href: "#" },
|
|
{ label: "Hours: Till 9:30 PM", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Follow Us", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "WhatsApp", href: "https://wa.me" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "LGBTQ+ Policy", href: "#" },
|
|
{ label: "Feedback", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |