308 lines
8.9 KiB
TypeScript
308 lines
8.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Coffee, Heart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "home",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="CA Cafe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
title="Taste the warmth in every sip"
|
|
description="Experience our signature kulhad chai and handcrafted fast food in the cozy heart of Chembur. Your new favorite regular spot."
|
|
buttons={[
|
|
{
|
|
text: "Visit Us",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup_74190-72.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",
|
|
alt: "Customer 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
|
alt: "Customer 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg",
|
|
alt: "Customer 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
|
|
alt: "Customer 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-looking-away-holding-cup-coffee_23-2148385592.jpg",
|
|
alt: "Customer 5",
|
|
},
|
|
]}
|
|
avatarText="Join our community of chai lovers"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Freshly Brewed",
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Rustic Ambience",
|
|
icon: Coffee,
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Authentic Snacks",
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Warm Service",
|
|
icon: Heart,
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Daily Specials",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "Crafted with love, served with sweetness",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/ramadan-concept-with-tea-spices_23-2147791863.jpg",
|
|
alt: "Cozy tea service",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Kulhad Chai",
|
|
price: "₹40",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-72.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Veg Steam Momos",
|
|
price: "₹120",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-72.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Thick Cold Coffee",
|
|
price: "₹150",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-72.jpg?_wi=4",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Veg 1000 Rice",
|
|
price: "₹180",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-72.jpg?_wi=5",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Cranberry Soda",
|
|
price: "₹90",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-72.jpg?_wi=6",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Long Fries",
|
|
price: "₹110",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-72.jpg?_wi=7",
|
|
},
|
|
]}
|
|
title="Signature Flavors"
|
|
description="Try our must-have delicacies that locals keep coming back for."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Aniket G.",
|
|
handle: "@aniketg",
|
|
testimonial: "Every item has a unique taste.. must try Chinese, Momos, and don't miss the CHAAAAII.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Suprit B.",
|
|
handle: "@supritb",
|
|
testimonial: "The tea was perfectly brewed, rich in flavor, and served fresh and hot. Food was impressive.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Akansha T.",
|
|
handle: "@akanshat",
|
|
testimonial: "The meal was served with love and sweetness. Definitely try their steam momos and kulhad chai.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Bodhisattva D.",
|
|
handle: "@bodhid",
|
|
testimonial: "Amazing food, cold coffee and the new sodas were amazing! Found a new regular spot.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Priya P.",
|
|
handle: "@priyap",
|
|
testimonial: "Cozy atmosphere with amazing coffee and tasty food. Perfect place to relax.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-away-holding-cup-coffee_23-2148385592.jpg",
|
|
},
|
|
]}
|
|
showRating={true}
|
|
title="Loved by our regulars"
|
|
description="Hear what our wonderful customers have to say about their experience at CA Cafe."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Visit us at Tilak Nagar"
|
|
description="We are open until 11:30 PM. Come over for a warm cup of tea and good company."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Your Message",
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/china-stairs-stone-tiles-old-water_1417-577.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Menu",
|
|
items: [
|
|
{
|
|
label: "Tea",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Chinese",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Coffee",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Location",
|
|
items: [
|
|
{
|
|
label: "Tilak Nagar",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Chembur, Mumbai",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="CA Cafe"
|
|
copyrightText="© 2024 CA Cafe | Chembur"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|