278 lines
15 KiB
TypeScript
278 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
import { Award, CalendarCheck, Facebook, Film, Flame, Globe, Heart, Instagram, LeafyGreen, Phone, Rocket, ShoppingCart, Twitter } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="compact"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#hero"},
|
||
{
|
||
name: "About", id: "#about"},
|
||
{
|
||
name: "Menu", id: "#menu"},
|
||
{
|
||
name: "Testimonials", id: "#testimonials"},
|
||
{
|
||
name: "FAQs", id: "#faq"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
brandName="Street Kitchen"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplit
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
title="Street Kitchen – Bold Flavors, Real Community"
|
||
description="Experience authentic street food crafted fresh daily. Reserve your table or order online in seconds."
|
||
buttons={[
|
||
{
|
||
text: "Book a Table", href: "#contact"},
|
||
{
|
||
text: "View Menu", href: "#menu"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/delicious-sandwich-with-sauce-greens-roasted-bell-peppers-glasses-fresh-juice-with-straws_181624-42066.jpg"
|
||
imageAlt="Vibrant street food stall with diverse dishes"
|
||
mediaAnimation="slide-up"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43235.jpg", alt: "Happy customer enjoying street food"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg", alt: "Another satisfied customer"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-with-round-delivery-bowl-his-hands-writing-notes-pink-background_140725-40647.jpg", alt: "Food enthusiast"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-delicious-fast-food_23-2149333975.jpg", alt: "Local diner"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-vector/blushing-smile-emoticon-pattern_23-2148698550.jpg", alt: "Smiling patron"},
|
||
]}
|
||
avatarText="Join 1000+ Happy Foodies!"
|
||
marqueeItems={[
|
||
{
|
||
type: "text-icon", text: "Fresh Ingredients Daily", icon: Flame,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Global Street Flavors", icon: Globe,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Speedy Online Ordering", icon: Rocket,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Cozy Dining Experience", icon: Heart,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Award-Winning Dishes", icon: Award,
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={false}
|
||
title="Our Passion for Authentic Street Food"
|
||
description="At Street Kitchen, we believe in bringing vibrant, globally-inspired flavors to your table with a local touch. Our chefs craft each dish with fresh, high-quality ingredients, focusing on taste, authenticity, and a memorable dining experience. Join our community of food lovers!"
|
||
metrics={[
|
||
{
|
||
value: "10+", title: "Years of Flavor"},
|
||
{
|
||
value: "500K+", title: "Dishes Served"},
|
||
{
|
||
value: "99%", title: "Happy Customers"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186400.jpg"
|
||
imageAlt="Chef preparing fresh ingredients in a vibrant kitchen"
|
||
mediaAnimation="entrance-slide"
|
||
metricsAnimation="entrance-slide"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureHoverPattern
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
icon: CalendarCheck,
|
||
title: "Easy Reservations", description: "Book your table online in seconds for a hassle-free dining experience."},
|
||
{
|
||
icon: LeafyGreen,
|
||
title: "Fresh & Local", description: "We source the finest local ingredients for unparalleled taste and quality."},
|
||
{
|
||
icon: ShoppingCart,
|
||
title: "Quick Online Orders", description: "Enjoy your favorite dishes with fast and convenient online ordering."},
|
||
{
|
||
icon: Globe,
|
||
title: "Global Flavors", description: "Explore a diverse menu inspired by street food traditions from around the world."},
|
||
]}
|
||
title="Beyond the Plate: Our Unique Offering"
|
||
description="Discover what makes Street Kitchen more than just a restaurant. We combine convenience, quality, and a commitment to fresh ingredients to elevate your dining experience, whether you're joining us in person or ordering at home."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
products={[
|
||
{
|
||
id: "p1", name: "Spicy Chicken Tacos", price: "$12.99", variant: "Set of 3", imageSrc: "http://img.b2bpic.net/free-photo/mexican-tacos-with-chicken-bell-peppers-black-beans-fresh-vegetables_2829-20053.jpg", imageAlt: "Three spicy chicken tacos with fresh toppings"},
|
||
{
|
||
id: "p2", name: "Aromatic Lamb Curry", price: "$18.50", variant: "With Basmati Rice", imageSrc: "http://img.b2bpic.net/free-photo/red-curry-meatballs-with-chili-scallions-bowl_1150-27055.jpg", imageAlt: "Bowl of aromatic lamb curry with basmati rice"},
|
||
{
|
||
id: "p3", name: "Crispy Veggie Spring Rolls", price: "$8.00", variant: "With Sweet Chili Sauce", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-roulets-table_140725-8233.jpg", imageAlt: "Crispy vegetable spring rolls with dipping sauce"},
|
||
{
|
||
id: "p4", name: "Gourmet Beef Sliders", price: "$14.00", variant: "Set of 2", imageSrc: "http://img.b2bpic.net/free-photo/burger-closeup-fast-food-cheat-meal-concept-junk-food_169016-67425.jpg", imageAlt: "Two gourmet beef sliders with cheese and toppings"},
|
||
{
|
||
id: "p5", name: "Pad Thai Noodles", price: "$16.75", variant: "Chicken or Tofu", imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-instant-noodles-with-seafood-variety-vegetable_1150-27317.jpg", imageAlt: "Plate of vibrant Pad Thai noodles with vegetables"},
|
||
{
|
||
id: "p6", name: "Mango Sticky Rice", price: "$9.50", variant: "Seasonal Dessert", imageSrc: "http://img.b2bpic.net/free-photo/mango-with-sticky-rice_1339-2515.jpg", imageAlt: "Plate of mango sticky rice dessert"},
|
||
]}
|
||
title="Explore Our Vibrant Menu"
|
||
description="From sizzling tacos to aromatic curries, our menu is a culinary journey around the world. Each dish is a celebration of flavor, prepared with passion and the finest seasonal produce."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Sarah J.", role: "Local Foodie", company: "Taste Explorers", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg", imageAlt: "Sarah J. customer review"},
|
||
{
|
||
id: "t2", name: "Michael L.", role: "Chef & Critic", company: "Culinary Daily", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2076.jpg", imageAlt: "Michael L. chef and critic review"},
|
||
{
|
||
id: "t3", name: "Emily R.", role: "Community Member", company: "Food Lovers Club", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-brunette-female-with-curly-hair-sit-floor-eats-pizza-kitchen_613910-15629.jpg", imageAlt: "Emily R. community member review"},
|
||
{
|
||
id: "t4", name: "David K.", role: "Regular Patron", company: "Tech Innovations", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-drinks-tacos_23-2149073435.jpg", imageAlt: "David K. regular patron review"},
|
||
{
|
||
id: "t5", name: "Olivia M.", role: "Food Blogger", company: "Flavor Insights", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-females-use-modern-smart-phones-surf-social-networks-have-mobile-conversation-spend-free-time-cafeteria-drink-smoothie-joyful-women-recreate-summer-holiday_273609-2436.jpg", imageAlt: "Olivia M. food blogger review"},
|
||
]}
|
||
title="What Our Guests Say"
|
||
description="Don't just take our word for it. Our community of food enthusiasts rave about the flavors, service, and atmosphere that make Street Kitchen a favorite spot."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Local Bites Magazine", "City Eats Awards", "Gourmet Guide", "Foodie Favorites", "Community Star", "Eco-Friendly Dining", "Taste of the Town", "Culinary Chronicles", "Best of City Food", "Flavor Frontier"]}
|
||
title="Proudly Featured & Loved"
|
||
description="We're honored to be a part of the local culinary scene, celebrated by food critics and cherished by our community."
|
||
tag="Recognition"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "faq1", title: "How do I make a reservation?", content: "You can easily make a reservation through our website by clicking the 'Book a Table' button, or by calling us directly during business hours."},
|
||
{
|
||
id: "faq2", title: "Do you offer vegetarian and vegan options?", content: "Yes, our menu features a variety of delicious vegetarian and vegan dishes. Please inform your server or mention it in your online order notes."},
|
||
{
|
||
id: "faq3", title: "What are your operating hours?", content: "We are open Monday to Friday from 11 AM to 10 PM, and Saturday to Sunday from 12 PM to 11 PM. Holiday hours may vary."},
|
||
{
|
||
id: "faq4", title: "Can I place an order for pickup or delivery?", content: "Absolutely! You can place online orders for both pickup and delivery directly from our 'View Menu' section on the website."},
|
||
{
|
||
id: "faq5", title: "Do you offer catering services?", content: "Yes, Street Kitchen offers catering for events of all sizes. Please contact us through the 'Contact' section to discuss your specific needs and menu options."},
|
||
{
|
||
id: "faq6", title: "Are there gluten-free options available?", content: "We do have several gluten-free friendly options. Please speak with your server, and they will be happy to guide you through the menu."},
|
||
]}
|
||
title="Your Questions, Answered"
|
||
description="Find quick answers to common questions about reservations, online orders, menu options, and more."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Connect with Us"
|
||
title="Visit Us or Order Online"
|
||
description="Ready to experience Street Kitchen? Book a table for an unforgettable dining experience or place an online order for convenient pickup or delivery. We look forward to serving you!"
|
||
imageSrc="http://img.b2bpic.net/free-photo/man-urban-bike-shop_23-2148138832.jpg"
|
||
imageAlt="Street Kitchen location on a map with a building exterior"
|
||
mediaAnimation="slide-up"
|
||
inputPlaceholder="Your Email for Updates"
|
||
buttonText="Subscribe"
|
||
termsText="By subscribing, you agree to receive promotional emails from Street Kitchen."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="Street Kitchen"
|
||
copyrightText="© 2024 Street Kitchen. All rights reserved."
|
||
socialLinks={[
|
||
{
|
||
icon: Instagram,
|
||
href: "https://instagram.com/streetkitchen", ariaLabel: "Instagram"},
|
||
{
|
||
icon: Facebook,
|
||
href: "https://facebook.com/streetkitchen", ariaLabel: "Facebook"},
|
||
{
|
||
icon: Twitter,
|
||
href: "https://twitter.com/streetkitchen", ariaLabel: "Twitter"},
|
||
{
|
||
icon: Film,
|
||
href: "https://youtube.com/streetkitchen", ariaLabel: "YouTube"},
|
||
{
|
||
icon: Phone,
|
||
href: "tel:+1234567890", ariaLabel: "Phone"},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|