302 lines
14 KiB
TypeScript
302 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Coffee, Heart, Smile, Star, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Reviews", id: "#reviews"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Cafe Ground 21"
|
|
button={{
|
|
text: "Order Online", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Taste the Pure Veg Delight at Cafe Ground 21"
|
|
description="Indulge in our exquisite range of delicious pure vegetarian burgers, pizzas, and refreshing cold coffees. A cozy spot for delightful moments and unforgettable flavors."
|
|
tag="Pure Veg Coffee Shop"
|
|
tagIcon={Coffee}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "View Our Menu", href: "#menu"},
|
|
{
|
|
text: "Order Online", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-man-white-shirt-holding-hot-coffee-cup_171337-9996.jpg", imageAlt: "Artistic coffee latte with foam design"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-burger-with-pickles-tomatoes-served-with-french-fries-sauces-dark_140725-11882.jpg", imageAlt: "Gourmet pure vegetarian burger with fries"}
|
|
]}
|
|
mediaAnimation="opacity"
|
|
rating={4.8}
|
|
ratingText="(166 Reviews)"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "About Cafe Ground 21 Pure Veg"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Our Story", href: "#"},
|
|
{
|
|
text: "Visit Us", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg"
|
|
imageAlt="Cozy and welcoming interior of Cafe Ground 21"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Delicious Burgers & Pizzas", description: "Our menu boasts mouth-watering Veg Maharaja Burgers and delightful Paneer Tikka Pizzas, crafted with fresh, pure vegetarian ingredients for an unparalleled taste.", icon: Utensils,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-salad-wooden-board_140725-7362.jpg", imageAlt: "Close-up of a juicy Veg Maharaja Burger"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-french-fries-plate-with-salt-ketchup-sauce_23-2148701456.jpg", imageAlt: "Crispy golden french fries"},
|
|
]
|
|
},
|
|
{
|
|
title: "Refreshing Cold Coffees", description: "Quench your thirst with our range of delicious cold coffees, a perfect blend of rich flavor and refreshing chill, highly praised by our regulars.", icon: Coffee,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cold-summer-coffee-drink-with-ice-orange-juice_169016-21399.jpg", imageAlt: "Tall glass of cold coffee with whipped cream"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648735.jpg", imageAlt: "Frothy cold coffee on a cafe table"},
|
|
]
|
|
},
|
|
{
|
|
title: "Cozy & Welcoming Atmosphere", description: "Cafe Ground 21 offers a cozy and inviting ambiance, making it the perfect spot for casual hangouts, celebrations, or a peaceful escape with your favorite cup.", icon: Heart,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dinner-set-sushi-rolls-salads-cocktails-hookah-side-view_141793-3100.jpg", imageAlt: "Inviting cafe seating area"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-table_53876-63395.jpg", imageAlt: "Customer enjoying coffee in a cafe"},
|
|
]
|
|
}
|
|
]}
|
|
title="Our Specialties & Highlights"
|
|
description="Discover what makes Cafe Ground 21 a beloved destination for foodies and coffee lovers alike."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Veg Maharaja Burger", price: "₹150", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/burger-menu-two-pax-with-soft-drinks_114579-2516.jpg", imageAlt: "Gourmet Veg Maharaja Burger"},
|
|
{
|
|
id: "p2", name: "Paneer Tikka Pizza", price: "₹200", variant: "Spicy Pure Veg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-with-chicken-mushrooms-cherry-tomatoes-topped-with-urugula-rustic-table_141793-4264.jpg", imageAlt: "Paneer Tikka Pizza"},
|
|
{
|
|
id: "p3", name: "Cold Coffee Classic", price: "₹90", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-cup-drink_114579-16652.jpg", imageAlt: "Classic Cold Coffee"},
|
|
{
|
|
id: "p4", name: "Crispy French Fries", price: "₹70", variant: "Perfect Snack", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-fried-potatoes-inside-plate-with-seasonings-dark-surface_140725-88252.jpg", imageAlt: "Crispy French Fries"},
|
|
{
|
|
id: "p5", name: "Veg Club Sandwich", price: "₹120", variant: "Hearty & Healthy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-triangular-sandwiches-plate-with-cutlery-cucumber-slices_23-2148465154.jpg", imageAlt: "Pure Veg Club Sandwich"},
|
|
{
|
|
id: "p6", name: "Chocolate Shake", price: "₹100", variant: "Sweet Indulgence", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffees-with-whipped-cream-chocolate_1150-18521.jpg", imageAlt: "Rich Chocolate Shake"},
|
|
]}
|
|
title="Our Full Menu"
|
|
description="Explore our delicious range of pure vegetarian delights, from savory snacks to refreshing beverages. All prepared with the freshest ingredients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg", imageAlt: "Priya Sharma, satisfied customer"},
|
|
{
|
|
id: "2", name: "Rajesh Kumar", imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-cafe_171337-18068.jpg", imageAlt: "Rajesh Kumar, satisfied customer"},
|
|
{
|
|
id: "3", name: "Anjali Singh", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6753.jpg", imageAlt: "Anjali Singh, satisfied customer"},
|
|
{
|
|
id: "4", name: "Vikram Patel", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-talking-mobile-phone-waiting-area_107420-95801.jpg", imageAlt: "Vikram Patel, satisfied customer"},
|
|
{
|
|
id: "5", name: "Sneha Reddy", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-looking-phones_23-2148395315.jpg", imageAlt: "Sneha Reddy, satisfied customer"},
|
|
]}
|
|
cardTitle="What Our Customers Say"
|
|
cardTag="Rave Reviews"
|
|
cardTagIcon={Star}
|
|
buttonAnimation="slide-up"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Coffee,
|
|
title: "Coffee Brewed", value: "10K+"},
|
|
{
|
|
id: "m2", icon: Smile,
|
|
title: "Happy Customers", value: "150+"},
|
|
{
|
|
id: "m3", icon: Star,
|
|
title: "Average Rating", value: "4.8"},
|
|
]}
|
|
title="Cafe Ground 21 At A Glance"
|
|
description="Proudly serving delicious pure veg food and coffee with exceptional service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Zomato", "Swiggy", "Google Reviews", "Instagram", "Facebook", "TripAdvisor", "Local Food Blogs"]}
|
|
title="As Seen On & Loved By"
|
|
description="Our delicious food and cozy ambiance are recognized and celebrated across top platforms and by our community."
|
|
tag="Trusted & Reviewed"
|
|
speed={50}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "Is Cafe Ground 21 purely vegetarian?", content: "Yes, we are a 100% pure vegetarian cafe, offering a wide array of delicious plant-based dishes and beverages to satisfy every palate."},
|
|
{
|
|
id: "faq2", title: "Do you offer home delivery? (within 5km)", content: "Yes, we offer free home delivery! You can place your orders directly by calling us at 084828 77579 or through our online partners like Zomato and Swiggy."},
|
|
{
|
|
id: "faq3", title: "What are your operating hours?", content: "Cafe Ground 21 is open daily from morning until 11:30 PM, ready to serve you from your morning coffee to your late-night snack."},
|
|
{
|
|
id: "faq4", title: "Can I host small gatherings or celebrations here?", content: "Absolutely! Our cozy and welcoming atmosphere makes Cafe Ground 21 a great spot for celebrations and small gatherings. Please contact us for more details and reservations."},
|
|
{
|
|
id: "faq5", title: "Do you have options for special dietary needs?", content: "Our menu is entirely pure vegetarian. For specific dietary requirements or allergies, please inform our staff, and we'll do our best to accommodate."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about Cafe Ground 21, our menu, services, and more."
|
|
tag="Got Questions?"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Connect With Us"
|
|
title="Visit or Order from Cafe Ground 21"
|
|
description="We are located at: JRPW+W3H, Lakshmi Rd, Chaitanya Park, Indrayani Nagar Sector 2, Bhosari, Pimpri-Chinchwad, Maharashtra 411039. Call us: 084828 77579"
|
|
inputPlaceholder="Enter your email for updates"
|
|
buttonText="Subscribe"
|
|
termsText="By subscribing, you agree to receive promotional emails from Cafe Ground 21."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Cafe Ground 21"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Reviews", href: "#reviews"},
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Order Online", href: "https://www.zomato.com/pimpri-chinchwad/cafe-ground-21-pure-veg-bhosari"},
|
|
{
|
|
label: "Reservations", href: "#contact"},
|
|
{
|
|
label: "Catering", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Cookie Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="2024 © Cafe Ground 21. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|