269 lines
8.1 KiB
TypeScript
269 lines
8.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Features",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Beluna Cafe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
title="Beluna Cafe"
|
|
description="A cozy San Francisco escape for coffee, creativity, and connection."
|
|
buttons={[
|
|
{
|
|
text: "View Menu",
|
|
href: "#menu",
|
|
},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/loving-couple-sitting-cafe-talking-while-make-selfie_171337-19675.jpg",
|
|
imageAlt: "Cafe interior view",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-manager-standing-her-restaurant-using-computer_23-2147936244.jpg",
|
|
imageAlt: "Workspace atmosphere",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-drink-with-milk_23-2148865605.jpg",
|
|
imageAlt: "Signature latte",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cafe-living-room-loft-style_1150-10726.jpg",
|
|
imageAlt: "Cozy cafe seating",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/street-market-night_23-2151604349.jpg?_wi=1",
|
|
imageAlt: "Cafe facade",
|
|
},
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Work-Friendly",
|
|
subtitle: "High-speed Wi-Fi, outlets at every seat, and quiet zones.",
|
|
category: "Amenities",
|
|
value: "Ideal",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Signature Drinks",
|
|
subtitle: "Crafted with locally roasted beans and authentic spices.",
|
|
category: "Menu",
|
|
value: "Awarded",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Cozy Atmosphere",
|
|
subtitle: "Two floors of warm, inviting space for focus or friends.",
|
|
category: "Vibe",
|
|
value: "Unique",
|
|
},
|
|
]}
|
|
title="Why Visit Us"
|
|
description="Discover the perfect blend of productivity and comfort at the heart of the city."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Iced Latte",
|
|
price: "$5.95",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-caramel-cinnamon_140725-9491.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Butter And Jam Bagel",
|
|
price: "$3.95",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretzel-coffee_23-2148574597.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Banana Bread",
|
|
price: "$4.75",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-slices-delicious-banana-bread-with-chocolate-chunks-walnut-plate_181624-22706.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Cappuccino",
|
|
price: "$5.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_74190-7833.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Hot Matcha Latte",
|
|
price: "$6.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-glasses-cold-coffee-with-milk-marble-surface_114579-90950.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Chocolate Croissant",
|
|
price: "$4.80",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fresh-croissant-decorated-with-drop-chocolate-black-board_114579-88306.jpg",
|
|
},
|
|
]}
|
|
title="Cafe Favorites"
|
|
description="Handcrafted daily with love and the finest ingredients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="A neighborhood gem to hunker down and get work done. The vibe is just right."
|
|
rating={5}
|
|
author="Sarah J."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg",
|
|
alt: "Customer",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-sitting-coffee-shop-using-digital-tablet-video-chats-with_1258-245379.jpg",
|
|
alt: "Customer",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg",
|
|
alt: "Customer",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-asian-barista-girl-working-cafe-giving-order-client-made-batch-brew-f_1258-148474.jpg",
|
|
alt: "Customer",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg",
|
|
alt: "Customer",
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Visit Beluna Today"
|
|
description="Find us at 1195 Oak St, San Francisco, CA. Drop us a note if you're planning a large group booking."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Your Message",
|
|
rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/street-market-night_23-2151604349.jpg?_wi=2"
|
|
mediaPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Location",
|
|
items: [
|
|
{
|
|
label: "1195 Oak St, San Francisco",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Links",
|
|
items: [
|
|
{
|
|
label: "Menu",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Beluna Cafe"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|