Merge version_2 into main #4
1439
src/app/layout.tsx
1439
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
166
src/app/page.tsx
166
src/app/page.tsx
@@ -8,10 +8,11 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Sparkles, UtensilsCrossed, Crown, MessageCircle, Flame, HelpCircle, CheckCircle, Clock, Award, Eye, Thermometer, Users, Heart, Phone } from 'lucide-react';
|
||||
import { Sparkles, UtensilsCrossed, Crown, MessageCircle, Flame, HelpCircle, CheckCircle, Clock, Award, Eye, Thermometer, Users, Heart, Phone, MapPin, Mail, Calendar } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -170,45 +171,129 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureCardTen
|
||||
title="How We Craft Excellence"
|
||||
description="From selecting the finest ingredients to serving at your table, every step reflects our commitment to quality and authenticity."
|
||||
<TimelineProcessFlow
|
||||
title="Reservation Flow: From Booking to Dining"
|
||||
description="Experience our seamless reservation process designed to make booking your table at Hot Stone Kitchen quick, easy, and enjoyable. Follow these simple steps to secure your spot and prepare for an unforgettable meal."
|
||||
tag="Our Process"
|
||||
tagIcon={Flame}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
tagIcon={Calendar}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
textboxLayout="default"
|
||||
items={[
|
||||
{
|
||||
id: "1", title: "Premium Ingredient Selection", description: "We source only the finest imported Italian ingredients and fresh local produce. Every ingredient is hand-selected for quality and authenticity. Our suppliers are trusted partners committed to excellence.", media: { imageSrc: "http://img.b2bpic.net/free-photo/male-baker-dusted-wooden-table-with-wheat-flour_23-2147926676.jpg" },
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Imported mozzarella di bufala" },
|
||||
{ icon: CheckCircle, text: "San Marzano tomatoes from Italy" },
|
||||
{ icon: CheckCircle, text: "Fresh daily local produce" },
|
||||
{ icon: CheckCircle, text: "Premium olive oil selection" }
|
||||
],
|
||||
reverse: false
|
||||
id: "1", reverse: false,
|
||||
media: <div className="w-full h-full bg-gradient-to-br from-blue-100 to-blue-50 rounded-lg flex items-center justify-center p-8">
|
||||
<div className="text-center">
|
||||
<Phone className="w-16 h-16 text-blue-600 mx-auto mb-4" />
|
||||
<p className="text-sm font-medium text-gray-700">Quick Contact</p>
|
||||
</div>
|
||||
</div>,
|
||||
content: (
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold mb-3">Step 1: Browse & Choose Your Date</h3>
|
||||
<p className="text-gray-600 mb-4">Visit our website, call us at 0416-4006262, or use our reservation system. Select your preferred date and time. You can book up to 30 days in advance, making it easy to plan ahead for special occasions or casual group outings.</p>
|
||||
<ul className="space-y-2">
|
||||
<li className="flex items-start gap-3">
|
||||
<CheckCircle className="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" />
|
||||
<span className="text-sm text-gray-700">Select date up to 30 days ahead</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<CheckCircle className="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" />
|
||||
<span className="text-sm text-gray-700">Choose preferred time slot</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<CheckCircle className="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" />
|
||||
<span className="text-sm text-gray-700">Specify number of guests</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
{
|
||||
id: "2", title: "Traditional Wood-Fired Cooking", description: "Our authentic wood-fired oven reaches the perfect temperature for thin-crust pizza. The flames and heat create that signature crispy exterior with tender, chewy interior. Every pizza emerges perfectly balanced.", media: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134282.jpg" },
|
||||
items: [
|
||||
{ icon: Flame, text: "900°F authentic oven temperature" },
|
||||
{ icon: Clock, text: "90-second perfect bake time" },
|
||||
{ icon: Sparkles, text: "Wood-fired flavor signature" },
|
||||
{ icon: Award, text: "Chef-supervised baking" }
|
||||
],
|
||||
reverse: true
|
||||
id: "2", reverse: true,
|
||||
media: <div className="w-full h-full bg-gradient-to-br from-purple-100 to-purple-50 rounded-lg flex items-center justify-center p-8">
|
||||
<div className="text-center">
|
||||
<Users className="w-16 h-16 text-purple-600 mx-auto mb-4" />
|
||||
<p className="text-sm font-medium text-gray-700">Guest Details</p>
|
||||
</div>
|
||||
</div>,
|
||||
content: (
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold mb-3">Step 2: Provide Your Information</h3>
|
||||
<p className="text-gray-600 mb-4">Enter your name, contact number, and any special requests. Let us know if you're celebrating a special occasion, have dietary requirements, or prefer a specific seating area. This helps us prepare the perfect experience for you.</p>
|
||||
<ul className="space-y-2">
|
||||
<li className="flex items-start gap-3">
|
||||
<CheckCircle className="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" />
|
||||
<span className="text-sm text-gray-700">Enter guest name and contact</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<CheckCircle className="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" />
|
||||
<span className="text-sm text-gray-700">Note special occasions</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<CheckCircle className="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" />
|
||||
<span className="text-sm text-gray-700">Mention dietary preferences</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
{
|
||||
id: "3", title: "Meticulous Plating & Service", description: "Every dish arrives perfectly plated with attention to presentation and temperature. Our service team ensures your experience is memorable, from first bite to last. We believe food presentation matters.", media: { imageSrc: "http://img.b2bpic.net/free-photo/pizza-table_1101-85.jpg?_wi=2" },
|
||||
items: [
|
||||
{ icon: Eye, text: "Artistic plating techniques" },
|
||||
{ icon: Thermometer, text: "Perfect temperature guarantee" },
|
||||
{ icon: Users, text: "Attentive server support" },
|
||||
{ icon: Heart, text: "Care in every detail" }
|
||||
],
|
||||
reverse: false
|
||||
id: "3", reverse: false,
|
||||
media: <div className="w-full h-full bg-gradient-to-br from-green-100 to-green-50 rounded-lg flex items-center justify-center p-8">
|
||||
<div className="text-center">
|
||||
<Award className="w-16 h-16 text-green-600 mx-auto mb-4" />
|
||||
<p className="text-sm font-medium text-gray-700">Confirmation</p>
|
||||
</div>
|
||||
</div>,
|
||||
content: (
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold mb-3">Step 3: Receive Confirmation</h3>
|
||||
<p className="text-gray-600 mb-4">We'll send you an instant confirmation via email or SMS with all booking details. Your reservation is secured! If you need to make changes, contact us immediately and we'll accommodate adjustments based on availability.</p>
|
||||
<ul className="space-y-2">
|
||||
<li className="flex items-start gap-3">
|
||||
<CheckCircle className="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" />
|
||||
<span className="text-sm text-gray-700">Instant email/SMS confirmation</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<CheckCircle className="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" />
|
||||
<span className="text-sm text-gray-700">Easy modification options</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<CheckCircle className="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" />
|
||||
<span className="text-sm text-gray-700">Booking reference number provided</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
{
|
||||
id: "4", reverse: true,
|
||||
media: <div className="w-full h-full bg-gradient-to-br from-orange-100 to-orange-50 rounded-lg flex items-center justify-center p-8">
|
||||
<div className="text-center">
|
||||
<Flame className="w-16 h-16 text-orange-600 mx-auto mb-4" />
|
||||
<p className="text-sm font-medium text-gray-700">Enjoy!</p>
|
||||
</div>
|
||||
</div>,
|
||||
content: (
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold mb-3">Step 4: Arrive & Dine</h3>
|
||||
<p className="text-gray-600 mb-4">Come 10-15 minutes early for a smooth check-in. Our welcoming team will greet you with a warm smile and guide you to your table. Relax, savor our authentic Italian cuisine, and create memories that last. We're here to make your experience exceptional!</p>
|
||||
<ul className="space-y-2">
|
||||
<li className="flex items-start gap-3">
|
||||
<CheckCircle className="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" />
|
||||
<span className="text-sm text-gray-700">Arrive 10-15 minutes early</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<CheckCircle className="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" />
|
||||
<span className="text-sm text-gray-700">Warm welcome from our team</span>
|
||||
</li>
|
||||
<li className="flex items-start gap-3">
|
||||
<CheckCircle className="w-5 h-5 text-green-600 flex-shrink-0 mt-0.5" />
|
||||
<span className="text-sm text-gray-700">Enjoy premium Italian dining</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -265,13 +350,22 @@ export default function LandingPage() {
|
||||
accordionAnimationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What's the best way to reach you for reservations?", content: "You can call us at 0416-4006262, email reservations@hotstonekitchen.in, or book directly through our website. For same-day reservations or walk-ins, calling ahead is recommended. We respond to all inquiries within 2 hours during operating hours."
|
||||
id: "1", title: "📍 Where can I find you?", content: "<strong>Hot Stone Kitchen</strong><br/>Near VIT Vellore, Katpadi, Vellore - 632014<br/>Tamil Nadu, India<br/><br/>Located in a prime area with easy accessibility via auto, bike, or car. We have dedicated parking for 20+ vehicles and street parking available."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How can I provide feedback or report an issue?", content: "We value your feedback! Email us at feedback@hotstonekitchen.in with details. You can also speak with our manager in person, call our customer care line, or reach us on social media. We respond to all concerns within 24 hours."
|
||||
id: "2", title: "📞 How can I contact you?", content: "<strong>Phone:</strong> 0416-4006262<br/><strong>Email:</strong> reservations@hotstonekitchen.in<br/><strong>Support Email:</strong> support@hotstonekitchen.in<br/><strong>WhatsApp:</strong> +91-XXXXXXX (available for quick queries)<br/><br/>We respond to all inquiries within 2 hours during operating hours. For same-day reservations, calling is recommended."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do you have a loyalty program or membership?", content: "Yes! Join our Hot Stone Club membership for exclusive benefits: 15% discount on all orders, priority reservations, exclusive menu previews, and birthday specials. Annual membership is ₹999 with full benefits and ROI within your first 2-3 visits."
|
||||
id: "3", title: "🕐 What are your business hours?", content: "<strong>Tuesday - Sunday:</strong> 11:30 AM - 11:00 PM<br/><strong>Monday:</strong> Closed (Our team's well-deserved rest day!)<br/><strong>Last seating:</strong> 10:30 PM<br/><br/>We welcome walk-ins during operating hours based on table availability. For peak hours (12:30 PM - 1:30 PM & 7:30 PM - 9:00 PM), advance reservation is highly recommended."
|
||||
},
|
||||
{
|
||||
id: "4", title: "💬 What's the best way to reach you for reservations?", content: "You can call us at 0416-4006262, email reservations@hotstonekitchen.in, or book directly through our website. For same-day reservations or walk-ins, calling ahead is recommended. We respond to all inquiries within 2 hours during operating hours."
|
||||
},
|
||||
{
|
||||
id: "5", title: "💌 How can I provide feedback or report an issue?", content: "We value your feedback! Email us at feedback@hotstonekitchen.in with details. You can also speak with our manager in person, call our customer care line, or reach us on social media. We respond to all concerns within 24 hours."
|
||||
},
|
||||
{
|
||||
id: "6", title: "🎟️ Do you have a loyalty program or membership?", content: "Yes! Join our <strong>Hot Stone Club membership</strong> for exclusive benefits:<br/>✓ 15% discount on all orders<br/>✓ Priority reservations<br/>✓ Exclusive menu previews<br/>✓ Birthday specials<br/><br/>Annual membership: ₹999 with full benefits and ROI within your first 2-3 visits."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user