201 lines
9.1 KiB
TypeScript
201 lines
9.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import { Coffee } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Menu", id: "features"},
|
|
{
|
|
name: "Vibe", id: "about"},
|
|
{
|
|
name: "Follow", id: "social"},
|
|
{
|
|
name: "Call: +977 9708919991", id: "contact"},
|
|
]}
|
|
brandName="Cafe Mithila"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="A Sip of Janakpur's Soul"
|
|
description="Experience the warmth of our heritage, crafted daily in the heart of Campus Chowk. Where culture meets modern comfort ."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaR6b7qb6bpYne3B8LHu4p0Q66/uploaded-1778519960431-gr8pibs5.png?_wi=1", imageAlt: "Cafe Mithila Interior"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-mushrooms-with-cheese-table_140725-9702.jpg?_wi=1", imageAlt: "Cafe Food"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-cake-slices-dark-space_140725-95581.jpg", imageAlt: "Cafe Food 2"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaR6b7qb6bpYne3B8LHu4p0Q66/uploaded-1778521202656-iamvipn0.png", imageAlt: "Cafe Food 3"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg", imageAlt: "Vibe"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/palacio-real-de-olite-summer-evening_1398-3264.jpg?_wi=1", imageAlt: "Cafe Mithila Interior"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaR6b7qb6bpYne3B8LHu4p0Q66/uploaded-1778519960431-gr8pibs5.png?_wi=2", imageAlt: "Cafe Mithila Interior"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cinnamon-sticks-dark-board-coffee-beans_114579-73606.jpg", imageAlt: "Cafe Food"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaR6b7qb6bpYne3B8LHu4p0Q66/uploaded-1778521272342-w8tr113w.png", imageAlt: "Cafe Food 2"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/empty-charcoal-grill-coal-grill_1339-4998.jpg", imageAlt: "Cafe Food 3"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/border-from-food-autumn-leaves_23-2147885886.jpg", imageAlt: "Vibe"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-mushrooms-with-cheese-table_140725-9702.jpg?_wi=2", imageAlt: "Cafe Mithila Interior"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Visit Us", onClick: () => document.getElementById("contact")?.scrollIntoView({ behavior: "smooth" })},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-chilling-out-with-coffee-cafe_53876-26326.jpg", alt: "Customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-medium-shot_23-2149647825.jpg", alt: "Customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-handsome-man-white-shirt-open-having-breakfast-cafe-with-vegetarian-burger-drinking-coffee-lifestyle-tropical-island-life-bali_1321-3923.jpg", alt: "Customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-s-hands-holding-cup-coffee-cafe_1150-4324.jpg", alt: "Customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/businessman-coffee-shop_1150-6316.jpg", alt: "Customer 5"},
|
|
]}
|
|
avatarText="Loved by the community"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Authentic"},
|
|
{
|
|
type: "text", text: "Warm"},
|
|
{
|
|
type: "text", text: "Modern"},
|
|
{
|
|
type: "text", text: "Cultural"},
|
|
{
|
|
type: "text", text: "Artisan"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Local Favorites", description: "Authentic Janakpur delicacies that taste like home.", imageSrc: "http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361448.jpg", imageAlt: "Local Food"},
|
|
{
|
|
title: "International Delights", description: "Global culinary trends served with a local twist.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-salad-bottom-side-with-herbs-leaves-side-dark-grey-background_140725-134385.jpg", imageAlt: "International Food"},
|
|
{
|
|
title: "Artisan Coffee", description: "Hand-crafted brews for the perfect morning ritual.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaR6b7qb6bpYne3B8LHu4p0Q66/uploaded-1778521354017-p8z8kmr0.png", imageAlt: "Coffee"},
|
|
]}
|
|
title="Our Diverse Menu"
|
|
description="Our menu is a variety of local favorites and international delights. Visit us at Campus Chowk for the full interactive experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Story"
|
|
title="A Sip of Janakpur's Soul"
|
|
description="Cafe Mithila represents more than just a place for drinks; it is a cultural anchor in Campus Chowk."
|
|
subdescription="With wooden textures and amber lighting, we provide an escape from the daily rush."
|
|
icon={Coffee}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaR6b7qb6bpYne3B8LHu4p0Q66/uploaded-1778520335167-povv4b3q.png"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"TikTok", "Instagram", "Facebook", "TikTok", "Instagram", "Facebook", "TikTok"]}
|
|
title="Follow the Vibe"
|
|
description="Stay updated with our daily brews and local stories. Join the movement."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Contact"
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Visit Us Today"
|
|
description="Campus Chowk, Janakpur 45600 | Call: +977 9708919991. Operational Hours: 6 AM - 10 PM."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaR6b7qb6bpYne3B8LHu4p0Q66/uploaded-1778521094968-98eu19se.png"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Cafe Mithila"
|
|
columns={[
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "+977 9708919991", href: "tel:+9779708919991"},
|
|
{
|
|
label: "hello@cafemithila.com", href: "mailto:hello@cafemithila.com"},
|
|
],
|
|
},
|
|
{
|
|
title: "Location", items: [
|
|
{
|
|
label: "Campus Chowk, Janakpur 45600", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Socials", items: [
|
|
{
|
|
label: "TikTok", href: "https://www.tiktok.com/@cafe.mithila"},
|
|
{
|
|
label: "Instagram", href: "https://www.instagram.com/cafemithila/"},
|
|
{
|
|
label: "Facebook", href: "https://www.facebook.com/profile.php?id=61563819948879"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |