318 lines
11 KiB
TypeScript
318 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Our Vibe",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Menu",
|
||
id: "menu",
|
||
},
|
||
{
|
||
name: "Book Table",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Cafe AURIKA"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCarouselLogo
|
||
logoText="Cafe AURIKA"
|
||
description="Your daily office in nature. Experience three distinct environments: cozy indoors, lush garden seating, and a vibrant evening rooftop."
|
||
buttons={[
|
||
{
|
||
text: "Book a Table",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "View Menu",
|
||
href: "#menu",
|
||
},
|
||
]}
|
||
slides={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-with-cutlery_23-2148172713.jpg?_wi=1",
|
||
imageAlt: "Lush Garden Cafe",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flowers-empire-state-building_23-2150806098.jpg?_wi=1",
|
||
imageAlt: "Vibrant Evening Rooftop",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg?_wi=1",
|
||
imageAlt: "Designer Indoor Atmosphere",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_74190-3760.jpg?_wi=1",
|
||
imageAlt: "Quiet Hidden Garden Path",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-laughing-outdoors_23-2149655633.jpg?_wi=1",
|
||
imageAlt: "Romantic Rooftop Lanterns",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cups-coffee-with-milk_23-2148337174.jpg",
|
||
imageAlt: "Signature Specialty Coffee",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
title="Hidden Nature in Gurugram"
|
||
description="Located in Sushant Lok, we are a versatile Continental and Italian cafe that provides a perfect transition from a peaceful daytime sanctuary to a vibrant rooftop evening spot. With free Wi-Fi, ample parking, and quiet corners, we are your favorite place to work or connect."
|
||
bulletPoints={[
|
||
{
|
||
title: "Parking for 50+",
|
||
description: "Stress-free arrival with expansive parking facilities.",
|
||
},
|
||
{
|
||
title: "Coworking Ready",
|
||
description: "Reliable high-speed Wi-Fi and quiet corners for remote professionals.",
|
||
},
|
||
{
|
||
title: "Event Hosting",
|
||
description: "Customizable spaces for birthdays, corporate meetups, and private gatherings.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/watercolor-coffee-cup-coffee-beans-illustration_23-2151720318.jpg"
|
||
imageAlt="About Cafe Aurika"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "1",
|
||
brand: "Comfort Food",
|
||
name: "Veg Aurika Grilled Sandwich",
|
||
price: "₹345",
|
||
rating: 5,
|
||
reviewCount: "1.2k",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-vegetables-black-bread-with-sour-cream_140725-4185.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
brand: "Appetizer",
|
||
name: "Cheese Chilli Toast",
|
||
price: "₹285",
|
||
rating: 4,
|
||
reviewCount: "890",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cut-meat-lies-original-wooden-dishes_8353-670.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
brand: "Main Course",
|
||
name: "Herb Grilled Chicken Breast",
|
||
price: "₹595",
|
||
rating: 5,
|
||
reviewCount: "540",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-chicken-with-herbs-lemon-cutting-board-garlic-sauce_140725-72377.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
brand: "Italian",
|
||
name: "Veg Penne Pasta",
|
||
price: "₹455",
|
||
rating: 5,
|
||
reviewCount: "720",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-with-bacon-cream-sauce-arugula_140725-3010.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
brand: "Breakfast",
|
||
name: "Chocolate Pancakes",
|
||
price: "₹325",
|
||
rating: 5,
|
||
reviewCount: "410",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-with-sliced-fruits-jam_140725-3498.jpg",
|
||
},
|
||
{
|
||
id: "6",
|
||
brand: "Beverage",
|
||
name: "Oreo Shake",
|
||
price: "₹245",
|
||
rating: 5,
|
||
reviewCount: "980",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate-drinks_23-2151939170.jpg",
|
||
},
|
||
]}
|
||
title="Signature Menu"
|
||
description="From comfort sandwiches to gourmet pasta, enjoy our curated selection of Continental and Italian dishes."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="split-description"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Ananya P.",
|
||
date: "Oct 2024",
|
||
title: "Perfect for Work",
|
||
quote: "I love working from here! The garden setting is incredibly peaceful and the Wi-Fi is consistently great.",
|
||
tag: "Regular",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-asian-brunette-girl-sitting-elegant-with-book-reading-cafe-smiling-drinking_1258-123841.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-with-cutlery_23-2148172713.jpg?_wi=2",
|
||
imageAlt: "lush garden cafe greenery",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Rahul V.",
|
||
date: "Sept 2024",
|
||
title: "Best Rooftop Views",
|
||
quote: "Perfect for a casual catch-up. The evening vibe on the rooftop with the city view is unmatched.",
|
||
tag: "Foodie",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/man-using-laptop-while-having-coffee_1170-713.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flowers-empire-state-building_23-2150806098.jpg?_wi=2",
|
||
imageAlt: "rooftop cafe city view",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Sarah K.",
|
||
date: "Aug 2024",
|
||
title: "Lovely Decor",
|
||
quote: "The interior aesthetic is so cozy. It feels like a hidden gem right in the middle of Sushant Lok.",
|
||
tag: "Designer",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-girl-blowing-candles_23-2149477991.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg?_wi=2",
|
||
imageAlt: "cozy indoor cafe aesthetic",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Vikram S.",
|
||
date: "July 2024",
|
||
title: "Corporate Event",
|
||
quote: "We hosted a small corporate meetup here, and the service was flawless. The team was extremely accommodating.",
|
||
tag: "Client",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-girlfriends-holding-beverages-hands_23-2147850495.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_74190-3760.jpg?_wi=2",
|
||
imageAlt: "hidden garden cafe path",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Priya D.",
|
||
date: "June 2024",
|
||
title: "Amazing Sandwiches",
|
||
quote: "The Aurika Grilled Sandwich is a must-try. I visit every week just for that and the Oreo Shakes.",
|
||
tag: "Fan",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944017.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-laughing-outdoors_23-2149655633.jpg?_wi=2",
|
||
imageAlt: "rooftop garden cafe night",
|
||
},
|
||
]}
|
||
title="Customer Stories"
|
||
description="See why locals love our peaceful garden sanctuary and vibrant rooftop views."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Get in touch"
|
||
title="Ready to visit us?"
|
||
description="Whether it's a quiet morning coffee or an evening rooftop celebration, we have the perfect spot for you."
|
||
buttons={[
|
||
{
|
||
text: "Reserve Now",
|
||
href: "https://wa.me/918826002788",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Cafe AURIKA"
|
||
columns={[
|
||
{
|
||
title: "Visit Us",
|
||
items: [
|
||
{
|
||
label: "C-14, Block C, Sushant Lok Phase I, Gurugram",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "8:00 AM – 12:00 AM Daily",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Call: +91 88260 02788",
|
||
href: "tel:+918826002788",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Quick Links",
|
||
items: [
|
||
{
|
||
label: "Menu",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
label: "Book Event",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "Directions",
|
||
href: "https://www.google.com/maps/search/?api=1&query=28.4596543,77.0792094",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 Cafe AURIKA | Garden cafe"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|