Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| aead4c2ef7 | |||
| 87b38be36f | |||
| 661dcf1556 | |||
| 7b9bf3183e |
@@ -1400,4 +1400,4 @@ export default function RootLayout({
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
336
src/app/page.tsx
336
src/app/page.tsx
@@ -1,323 +1,19 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Sparkles, Flame, Camera, Home, Users, Leaf, MapPin, Coffee, Utensils, Clock, Smartphone, Users2, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Order on WhatsApp", href: "https://wa.me/971501234567?text=Hi%20Express%20Tea%21%20I%20would%20like%20to%20order..."
|
||||
}}
|
||||
brandName="Express Tea"
|
||||
/>
|
||||
<div className="min-h-screen bg-gradient-to-b from-slate-50 to-white">
|
||||
<div className="container mx-auto px-4 py-16">
|
||||
<div className="max-w-3xl mx-auto text-center space-y-6">
|
||||
<h1 className="text-4xl md:text-5xl font-bold text-slate-900">
|
||||
Express Tea Cafeteria
|
||||
</h1>
|
||||
<p className="text-xl text-slate-600">
|
||||
Experience authentic Indian chai, samosas, and traditional street food in Sharjah
|
||||
</p>
|
||||
<button className="inline-flex items-center justify-center px-8 py-3 bg-amber-600 hover:bg-amber-700 text-white font-semibold rounded-lg transition-colors duration-200">
|
||||
Order Now
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Authentic Indian Tea & Street Food in Sharjah"
|
||||
description="Experience the finest chai, samosas, and traditional Indian street food. Quick service, fresh ingredients, and unforgettable taste. Perfect for morning chai or evening snacks with friends."
|
||||
tag="Since 2019"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now on WhatsApp", href: "https://wa.me/971501234567?text=Hi%20Express%20Tea%21%20I%20would%20like%20to%20order..."
|
||||
},
|
||||
{ text: "View Menu & Gallery", href: "#menu" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
dashboard={{
|
||||
title: "Today's Specials", logoIcon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-cafe-pouring-filter-coffee-brewing-preparing-order-counter-wearing-blue-apron_1258-203371.jpg", imageAlt: "fresh tea cups aromatic beverage", searchPlaceholder: "Search menu items...", sidebarItems: [
|
||||
{ icon: Leaf, active: true },
|
||||
{ icon: Utensils },
|
||||
{ icon: Clock },
|
||||
],
|
||||
buttons: [
|
||||
{ text: "Menu", href: "#menu" },
|
||||
{ text: "Order", href: "https://wa.me/971501234567" },
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Happy Customers", values: [1250, 1450, 1680],
|
||||
description: "Served this month"
|
||||
},
|
||||
{
|
||||
title: "Quality Rating", values: [4.8, 4.8, 4.9],
|
||||
valueSuffix: "/5", description: "Average customer rating"
|
||||
},
|
||||
{
|
||||
title: "Fast Delivery", values: [15, 15, 18],
|
||||
valueSuffix: " min", description: "Average pickup time"
|
||||
},
|
||||
],
|
||||
chartTitle: "Weekly Orders", chartData: [
|
||||
{ value: 45 },
|
||||
{ value: 52 },
|
||||
{ value: 48 },
|
||||
{ value: 61 },
|
||||
{ value: 55 },
|
||||
],
|
||||
listTitle: "Latest Orders", listItems: [
|
||||
{ icon: Leaf, title: "Masala Chai x2", status: "Ready" },
|
||||
{ icon: Utensils, title: "Samosa Platter", status: "Preparing" },
|
||||
{ icon: Clock, title: "Tea Variety Pack", status: "Confirmed" },
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
title="Our Services"
|
||||
description="Discover what makes Express Tea your perfect destination for authentic Indian beverages and street food"
|
||||
tag="Services"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "WhatsApp Ordering", description: "Place orders easily through WhatsApp for convenient pickup or delivery"
|
||||
},
|
||||
{
|
||||
icon: Users2,
|
||||
title: "Catering Service", description: "Perfect for events, meetings, and gatherings with customizable packages"
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Quick Service", description: "Fresh orders prepared within minutes without compromising quality"
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Custom Blends", description: "Create your own tea blend with our selection of premium spices and ingredients"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
title="Our Menu"
|
||||
description="Freshly prepared teas, snacks, and authentic Indian street food made with love and quality ingredients"
|
||||
tag="Popular Items"
|
||||
tagIcon={Flame}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Express Tea", name: "Masala Chai (Regular)", price: "AED 3", rating: 5,
|
||||
reviewCount: "890+", imageSrc: "http://img.b2bpic.net/free-photo/transparent-glass-teapot-pours-tea-glass-mug-marble-table_114579-85398.jpg?_wi=1", imageAlt: "indian chai tea varieties assorted"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Express Tea", name: "Ginger Lemon Tea", price: "AED 4", rating: 5,
|
||||
reviewCount: "620+", imageSrc: "http://img.b2bpic.net/free-photo/transparent-glass-teapot-pours-tea-glass-mug-marble-table_114579-85398.jpg?_wi=2", imageAlt: "indian chai tea varieties assorted"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Express Tea", name: "Samosa (2 Pieces)", price: "AED 5", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-legs-with-sliced-tomato-onion-glass-plate_114579-57535.jpg?_wi=1", imageAlt: "indian street snacks samosa pakora"
|
||||
},
|
||||
{
|
||||
id: "4", brand: "Express Tea", name: "Vegetable Biryani", price: "AED 15", rating: 5,
|
||||
reviewCount: "756+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-dish-composition_23-2148821519.jpg?_wi=1", imageAlt: "indian street food platter selection"
|
||||
},
|
||||
{
|
||||
id: "5", brand: "Express Tea", name: "Chaat Special Mix", price: "AED 12", rating: 5,
|
||||
reviewCount: "542+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-dish-composition_23-2148821519.jpg?_wi=2", imageAlt: "indian street food platter selection"
|
||||
},
|
||||
{
|
||||
id: "6", brand: "Express Tea", name: "Pakora Plate (6 Pcs)", price: "AED 10", rating: 5,
|
||||
reviewCount: "834+", imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-legs-with-sliced-tomato-onion-glass-plate_114579-57535.jpg?_wi=2", imageAlt: "indian street snacks samosa pakora"
|
||||
},
|
||||
{
|
||||
id: "7", brand: "Express Tea", name: "Cardamom Tea Special", price: "AED 4.50", rating: 5,
|
||||
reviewCount: "445+", imageSrc: "http://img.b2bpic.net/free-photo/transparent-glass-teapot-pours-tea-glass-mug-marble-table_114579-85398.jpg?_wi=3", imageAlt: "indian chai tea varieties assorted"
|
||||
},
|
||||
{
|
||||
id: "8", brand: "Express Tea", name: "Onion Kachori", price: "AED 6", rating: 5,
|
||||
reviewCount: "578+", imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-legs-with-sliced-tomato-onion-glass-plate_114579-57535.jpg?_wi=3", imageAlt: "indian street snacks samosa pakora"
|
||||
},
|
||||
{
|
||||
id: "9", brand: "Express Tea", name: "Paneer Tikka (6 Pcs)", price: "AED 14", rating: 5,
|
||||
reviewCount: "692+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-dish-composition_23-2148821519.jpg?_wi=3", imageAlt: "indian street food platter selection"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="special-offer" data-section="special-offer">
|
||||
<MetricCardTwo
|
||||
title="Daily Specials & Offers"
|
||||
description="Limited-time offers and daily specials to keep you coming back for more delicious tea and food"
|
||||
tag="Today's Deal"
|
||||
tagIcon={Flame}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "Buy 2, Get 1 Free", description: "On selected teas every morning"
|
||||
},
|
||||
{
|
||||
id: "2", value: "20% OFF", description: "On meal combos after 5 PM"
|
||||
},
|
||||
{
|
||||
id: "3", value: "Free Upgrade", description: "Medium to Large on orders over AED 25"
|
||||
},
|
||||
{
|
||||
id: "4", value: "Loyalty Rewards", description: "Every 5th order gets 10% cashback"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureBorderGlow
|
||||
title="Experience Express Tea Cafeteria"
|
||||
description="Our cozy space brings you the warmth of authentic Indian hospitality with modern comfort"
|
||||
tag="Photo Gallery"
|
||||
tagIcon={Camera}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: Home,
|
||||
title: "Cozy Interior", description: "Warm, welcoming ambiance perfect for enjoying your tea and snacks with family or friends"
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Quick Service", description: "Efficient counter service ensures your order is prepared fresh and ready in minutes"
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Fresh Ingredients", description: "We source the finest teas and spices daily for authentic, flavorful beverages"
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Prime Location", description: "Located in central Sharjah for easy access. Free WiFi and comfortable seating included"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="What Our Customers Love"
|
||||
description="Real reviews from happy customers who visit us regularly"
|
||||
tag="Customer Reviews"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Best Chai in Sharjah!", quote: "I've tried many cafes, but Express Tea serves the most authentic masala chai. The flavors are perfect and the service is always quick. I visit almost every morning!", name: "Fatima Al-Mansouri", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-man-with-beard-looking-thoughtful-upper-left-corner-imaging-smiling_1258-26774.jpg", imageAlt: "happy customer portrait smiling professional"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Perfect for Work Breaks", quote: "Great location near my office. I love their samosas and ginger tea combo. Perfect for a quick break during work. The WiFi is reliable too!", name: "Ahmed Hassan", role: "Office Worker", imageSrc: "http://img.b2bpic.net/free-photo/female-call-center-agent-posing-with-headphones-with-mic_329181-11381.jpg", imageAlt: "customer portrait woman satisfied happy"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Family Favorite", quote: "We make it a weekend tradition to visit Express Tea. The biryani is delicious and the staff is very friendly. Kids love their special juice too!", name: "Layla Ibrahim", role: "Family Customer", imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", imageAlt: "person portrait man happy smiling"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Excellent WhatsApp Service", quote: "Ordering through WhatsApp is so convenient. My pickup order is always ready on time, and the quality is consistent. Highly recommended!", name: "Mohammad Khan", role: "Regular Visitor", imageSrc: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg", imageAlt: "customer portrait diverse satisfied happy"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to satisfy your chai cravings? Order now through WhatsApp or visit us in Sharjah today!"
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order on WhatsApp", href: "https://wa.me/971501234567?text=Hi%20Express%20Tea%21%20I%20would%20like%20to%20order..."
|
||||
},
|
||||
{
|
||||
text: "Get Directions", href: "https://maps.google.com/?q=Express+Tea+Cafeteria+Sharjah"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-curly-woman-leather-jacket-bar-put-her-legs-table_627829-6931.jpg"
|
||||
imageAlt="Express Tea Cafeteria Interior"
|
||||
logoText="Express Tea Cafeteria"
|
||||
copyrightText="© 2024 Express Tea Cafeteria. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "WhatsApp: +971 50 123 4567", href: "https://wa.me/971501234567" },
|
||||
{ label: "Phone: +971 6 555 1234", href: "tel:+97165551234" },
|
||||
{
|
||||
label: "Location: Al Taawun Street, Sharjah", href: "https://maps.google.com/?q=Express+Tea+Cafeteria+Sharjah"
|
||||
},
|
||||
{ label: "Hours: 7 AM - 11 PM Daily", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "TikTok", href: "https://tiktok.com" },
|
||||
{ label: "Google Reviews", href: "https://google.com/maps" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user