508 lines
18 KiB
TypeScript
508 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import { Clock, Coffee, Pizza, Star, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="medium"
|
||
background="fluid"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "#home",
|
||
},
|
||
{
|
||
name: "Menu",
|
||
id: "#menu",
|
||
},
|
||
{
|
||
name: "Reviews",
|
||
id: "#reviews",
|
||
},
|
||
{
|
||
name: "About Us",
|
||
id: "#about",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "#contact",
|
||
},
|
||
]}
|
||
brandName="Stellar Reserve"
|
||
button={{
|
||
text: "Reserve a Table",
|
||
href: "#contact",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroSplit
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
imagePosition="right"
|
||
title="Experience Stellar Reserve"
|
||
description="Discover Hyderabad's finest cafe, renowned for exceptional coffee, artisan gelato, and delectable dishes. A vibrant ambiance awaits you."
|
||
buttons={[
|
||
{
|
||
text: "View Menu",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
text: "Reserve a Table",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiling-man-standing-building-looking-straight-camera_1262-20433.jpg",
|
||
alt: "Sarah Johnson",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg",
|
||
alt: "Michael Chen",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-beautiful-happy-woman-isolated_273609-34792.jpg",
|
||
alt: "Emily Rodriguez",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiley-young-person-ready-give-hug_23-2148576171.jpg",
|
||
alt: "David Kim",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",
|
||
alt: "Maria Lopez",
|
||
},
|
||
]}
|
||
avatarText="Loved by 483+ happy customers"
|
||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-restaurant_1157-9047.jpg?_wi=1"
|
||
imageAlt="Cozy cafe interior with comfortable seating and vibrant decor"
|
||
mediaAnimation="slide-up"
|
||
fixedMediaHeight={true}
|
||
marqueeItems={[
|
||
{
|
||
type: "text-icon",
|
||
text: "Exceptional Coffee",
|
||
icon: Coffee,
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-photo/barista-work-coffee-shop_158595-2329.jpg",
|
||
alt: "Barista at work in a coffee shop",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Gourmet Gelato",
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg",
|
||
alt: "Happy friends sitting in cafe",
|
||
},
|
||
{
|
||
type: "text-icon",
|
||
text: "Delicious Bites",
|
||
icon: Pizza,
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardNine
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Dine-in Comfort",
|
||
description: "Enjoy our cozy ambiance and vibrant atmosphere, perfect for a relaxed meal or a coffee break. Experience personalized service.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-couple-with-delicious-drinks_23-2150124831.jpg",
|
||
imageAlt: "People dining in a cozy cafe",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-meat-with-fried-zucchini-crackers-human-hand-fork-round-plate_176474-3087.jpg",
|
||
imageAlt: "A delicious coffee with latte art on a table",
|
||
},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-restaurant_1157-9047.jpg?_wi=2",
|
||
imageAlt: "people dining in cafe happy customers",
|
||
},
|
||
{
|
||
title: "Convenient Kerbside Pickup",
|
||
description: "Order your favorites online or by phone and pick them up quickly without leaving your car. Freshly prepared and ready when you are.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/easy-wireless-yechnology-payment_23-2149105212.jpg",
|
||
imageAlt: "Customer picking up an order at a cafe counter",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-arrangement_23-2149182216.jpg",
|
||
imageAlt: "Hand holding a takeaway coffee cup",
|
||
},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beverage-using-smartphone-cafe_23-2147826810.jpg",
|
||
imageAlt: "people dining in cafe happy customers",
|
||
},
|
||
{
|
||
title: "No-Contact Delivery",
|
||
description: "Indulge in Stellar Reserve's culinary delights from the comfort of your home. Safe, fast, and fresh delivery right to your doorstep.",
|
||
phoneOne: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-burgers-with-french-fries-bag_23-2148235098.jpg",
|
||
imageAlt: "Delivery driver with a food bag",
|
||
},
|
||
phoneTwo: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-clipboard-with-cup-coffee-surrounded-by-meringue-cookies_23-2148267718.jpg?_wi=1",
|
||
imageAlt: "Gourmet meal in a delivery box",
|
||
},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/child-having-lemonade-stand_23-2149398322.jpg?_wi=1",
|
||
imageAlt: "people dining in cafe happy customers",
|
||
},
|
||
]}
|
||
showStepNumbers={true}
|
||
title="Your Perfect Cafe Experience"
|
||
description="Whether you prefer dining in, quick pick-up, or convenient delivery, Stellar Reserve offers versatile services to match your lifestyle."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="two-columns-alternating-heights"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "product-1",
|
||
name: "Lavender Mocha",
|
||
price: "₹250",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-clipboard-with-cup-coffee-surrounded-by-meringue-cookies_23-2148267718.jpg?_wi=2",
|
||
imageAlt: "A cup of Lavender Mocha with latte art",
|
||
},
|
||
{
|
||
id: "product-2",
|
||
name: "Refreshing Lemonade",
|
||
price: "₹150",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/child-having-lemonade-stand_23-2149398322.jpg?_wi=2",
|
||
imageAlt: "A glass of refreshing lemonade with mint",
|
||
},
|
||
{
|
||
id: "product-3",
|
||
name: "Artisan Pizza",
|
||
price: "₹400",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-with-leaves-top-view_23-2149298094.jpg",
|
||
imageAlt: "A freshly baked artisan pizza",
|
||
},
|
||
{
|
||
id: "product-4",
|
||
name: "Gourmet Pasta",
|
||
price: "₹350",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-tomato-sauce-plate_176474-6944.jpg",
|
||
imageAlt: "A plate of gourmet pasta with sauce",
|
||
},
|
||
{
|
||
id: "product-5",
|
||
name: "Delicate Macarons",
|
||
price: "₹200",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-french-macarons-with-flower-inside-plate-pink-table-cake-biscuit-sugar-sweet_140725-28580.jpg",
|
||
imageAlt: "A colorful assortment of macarons",
|
||
},
|
||
{
|
||
id: "product-6",
|
||
name: "Premium Coffee",
|
||
price: "₹220",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-spoon-holding-freshly-roasted-coffee-beans-against-dark-background_181624-57581.jpg",
|
||
imageAlt: "A cup of premium black coffee",
|
||
},
|
||
{
|
||
id: "product-7",
|
||
name: "Artisan Gelato",
|
||
price: "₹180",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-eastern-desserts-table_93675-131736.jpg",
|
||
imageAlt: "Scoops of artisan gelato in a cup",
|
||
},
|
||
{
|
||
id: "product-8",
|
||
name: "Pad Thai Veg Noodles",
|
||
price: "₹300",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-instant-noodles-with-seafood-variety-vegetable_1150-27317.jpg",
|
||
imageAlt: "A bowl of Pad Thai Vegetarian Noodles",
|
||
},
|
||
]}
|
||
title="Our Signature Delights"
|
||
description="From invigorating Lavender Mochas to artisanal gelato, explore a menu crafted for every craving. Taste the difference quality makes."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
useInvertedBackground={false}
|
||
title="More Than Just a Cafe, It's an Experience"
|
||
metrics={[
|
||
{
|
||
icon: Star,
|
||
label: "Average Rating",
|
||
value: "4.7 / 5",
|
||
},
|
||
{
|
||
icon: Users,
|
||
label: "Happy Customers",
|
||
value: "483+",
|
||
},
|
||
{
|
||
icon: Clock,
|
||
label: "Serving Since",
|
||
value: "2020",
|
||
},
|
||
{
|
||
icon: Coffee,
|
||
label: "Signature Drinks",
|
||
value: "15+",
|
||
},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "testimonial-1",
|
||
name: "Priya Sharma",
|
||
handle: "@priyasharma",
|
||
testimonial: "Best spot in town for coffee, gelato, pizza, pasta, and the finest macarons! Stellar Reserve truly elevates the cafe experience.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/defocused-woman-inserting-sharp-knife-fork-pink-blue-ice-cream-sandwich_23-2148161745.jpg",
|
||
imageAlt: "Priya Sharma",
|
||
},
|
||
{
|
||
id: "testimonial-2",
|
||
name: "Amit Patel",
|
||
handle: "@amitpatel",
|
||
testimonial: "The Pad Thai Veg Noodles are a must-try – tasty wheat noodles, a bit oily & spicy, but still a solid 4/5. Great flavor profile!",
|
||
rating: 4,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508961.jpg",
|
||
imageAlt: "Amit Patel",
|
||
},
|
||
{
|
||
id: "testimonial-3",
|
||
name: "Sanya Kapoor",
|
||
handle: "@sanyakapoor",
|
||
testimonial: "Good quality of food and very friendly staff and service. The team at Stellar Reserve always makes me feel welcome.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-day-menu_52683-113115.jpg",
|
||
imageAlt: "Sanya Kapoor",
|
||
},
|
||
{
|
||
id: "testimonial-4",
|
||
name: "Kiran Ravi",
|
||
handle: "@kiranravi",
|
||
testimonial: "Stellar Reserve has a really good ambience. The coffee setup itself looks impressive and adds to the experience. You can sit outside and enjoy the greenery, though it can get a bit dusty, or sit inside near the coffee bar where the vibe is great.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/open-book-beautiful-setting_23-2151812149.jpg",
|
||
imageAlt: "Kiran Ravi",
|
||
},
|
||
{
|
||
id: "testimonial-5",
|
||
name: "Deepak Thapa",
|
||
handle: "@deepakthapa",
|
||
testimonial: "Very nice and calm ambiance with very decent staffs. Manager seems very approachable and active, making sure everything is fine. Food and Service on top. Michael served me with smile and suggested me the best from the menu.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-ordering-food-restaurant_23-2149269232.jpg",
|
||
imageAlt: "Deepak Thapa",
|
||
},
|
||
{
|
||
id: "testimonial-6",
|
||
name: "Avi Bhardwaj",
|
||
handle: "@avibhardwaj",
|
||
testimonial: "Stellar Reserve is a wonderful place with a lively and vibrant ambience that makes it enjoyable to spend time there. The coffee is excellent, and the food is the real highlight, among the best-tasting dishes, well prepared, flavorful, and satisfying. The service is attentive, though the prices are slightly on the higher side.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-steamy-cup-coffee-with-wooden-table-coffee-shop-wooden-card-sculpture_1268-20256.jpg",
|
||
imageAlt: "Avi Bhardwaj",
|
||
},
|
||
]}
|
||
showRating={true}
|
||
title="What Our Guests Say"
|
||
description="Hear directly from our community about their unforgettable experiences at Stellar Reserve. Their words highlight our commitment to quality."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq-1",
|
||
title: "Do you take reservations for tables?",
|
||
content: "Yes, we highly recommend making a reservation, especially during peak hours, to ensure you get a spot. You can reserve a table through our contact form or by calling us directly.",
|
||
},
|
||
{
|
||
id: "faq-2",
|
||
title: "What are your operating hours?",
|
||
content: "Stellar Reserve is open from 9 AM to 1 AM daily. Please check our contact section for any special holiday hours.",
|
||
},
|
||
{
|
||
id: "faq-3",
|
||
title: "Do you offer vegetarian, vegan, or gluten-free options?",
|
||
content: "Absolutely! Our menu includes a variety of vegetarian, vegan, and gluten-free dishes. Please inform our staff about any dietary restrictions, and we'll be happy to guide you.",
|
||
},
|
||
{
|
||
id: "faq-4",
|
||
title: "Can I order online for pickup or delivery?",
|
||
content: "Yes, we offer both kerbside pickup and no-contact delivery services. You can place your order conveniently through our website or preferred delivery partners.",
|
||
},
|
||
]}
|
||
title="Frequently Asked Questions"
|
||
description="Find quick answers to common questions about our cafe, menu, and services. We're here to make your visit as smooth as possible."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={true}
|
||
title="Get in Touch"
|
||
description="Whether for reservations, catering inquiries, or feedback, we're here to help. Visit us or send a message, and we'll get back to you promptly."
|
||
inputs={[
|
||
{
|
||
name: "name",
|
||
type: "text",
|
||
placeholder: "Your Name",
|
||
required: true,
|
||
},
|
||
{
|
||
name: "email",
|
||
type: "email",
|
||
placeholder: "Your Email",
|
||
required: true,
|
||
},
|
||
{
|
||
name: "phone",
|
||
type: "tel",
|
||
placeholder: "Your Phone Number",
|
||
required: false,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "message",
|
||
placeholder: "Your Message",
|
||
rows: 4,
|
||
required: true,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/quarantine-sign-front-door-with-groceries_23-2148806351.jpg"
|
||
imageAlt="Exterior view of Stellar Reserve Cafe"
|
||
mediaPosition="right"
|
||
buttonText="Send Message"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Stellar Reserve"
|
||
columns={[
|
||
{
|
||
title: "Menu",
|
||
items: [
|
||
{
|
||
label: "Our Menu",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
label: "Daily Specials",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Beverages",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "About Us",
|
||
items: [
|
||
{
|
||
label: "Our Story",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Reviews",
|
||
href: "#reviews",
|
||
},
|
||
{
|
||
label: "Location",
|
||
href: "https://www.google.com/maps/search/Stellar+Reserve+Jubilee+Hills",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Services",
|
||
items: [
|
||
{
|
||
label: "Reservations",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "Order Online",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Kerbside Pickup",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect",
|
||
items: [
|
||
{
|
||
label: "Instagram",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Facebook",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Twitter",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Stellar Reserve. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|