Files
4ee2df62-0930-488d-a427-e61…/src/app/page.tsx
2026-03-23 05:34:40 +00:00

115 lines
4.5 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Utensils } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmallSizeMediumTitles"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "home"},
{
name: "About Us", id: "about"},
{
name: "Menu", id: "menu"},
{
name: "Gallery", id: "gallery"},
{
name: "Reviews", id: "reviews"},
{
name: "Contact", id: "contact"},
]}
brandName="CHHAV CAFE AND RESTRO"
bottomLeftText="Trimurti Nagar, Nagpur"
bottomRightText="11 AM onwards"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "radial-gradient"}}
title="CHHAV CAFE AND RESTRO"
description="Where Good Food Meets Great Vibes"
tagAnimation="none"
buttons={[
{
text: "View Menu", href: "/menu"},
{
text: "Order Now", href: "/menu"},
{
text: "Visit Us", href: "/contact"},
]}
buttonAnimation="none"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/dried-autumn-flowers-representing-indian-sanchi-stupa-art_23-2151621830.jpg?_wi=1", imageAlt: "Cozy cafe interior with warm lighting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dried-autumn-flowers-representing-indian-sanchi-stupa-art_23-2151621830.jpg?_wi=2", imageAlt: "Cozy cafe interior with warm lighting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dried-autumn-flowers-representing-indian-sanchi-stupa-art_23-2151621830.jpg?_wi=3", imageAlt: "Cozy cafe interior with warm lighting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dried-autumn-flowers-representing-indian-sanchi-stupa-art_23-2151621830.jpg?_wi=4", imageAlt: "Cozy cafe interior with warm lighting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dried-autumn-flowers-representing-indian-sanchi-stupa-art_23-2151621830.jpg?_wi=5", imageAlt: "Cozy cafe interior with warm lighting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dried-autumn-flowers-representing-indian-sanchi-stupa-art_23-2151621830.jpg?_wi=6", imageAlt: "Cozy cafe interior with warm lighting"},
]}
mediaAnimation="opacity"
/>
</div>
<div id="about-preview" data-section="about-preview">
<TextAbout
useInvertedBackground={false}
tagAnimation="none"
title="Welcome to Chhav Cafe"
buttonAnimation="none"
/>
</div>
<div id="highlights" data-section="highlights">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Delicious Food", description: "Explore our wide range of freshly prepared dishes, from savory snacks to hearty meals.", icon: Utensils,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-sandwich-fork-ketchup-fries-black-board-gray-isolated-surface_179666-42491.jpg", imageAlt: "Delicious sandwich combo"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-crackers-bowls-blue-cloth-horizontal_176474-1069.jpg", imageAlt: "Assorted fried snacks"},
],
},
]}
title="Our Special Offerings"
description="Experience convenience and great vibes at CHHAV Cafe."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}