Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0e1b639c24 | |||
| a7cd1daf1b | |||
| f0f198588b | |||
| 7aafddfdb1 |
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Coffee, MapPin, Clock, CalendarDays } from "lucide-react";
|
||||
import { Coffee } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,14 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu", id: "features"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Visit", id: "contact"},
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="Kaytama Cafe"
|
||||
/>
|
||||
@@ -47,14 +44,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Brewing Perfection Every Day"
|
||||
description="Welcome to Kaytama Cafe, your local sanctuary for artisanal coffee, fresh pastries, and a warm community atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Order Online", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-table_144627-18458.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -79,15 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Signature Roasts", author: "Barista Picks", description: "Hand-picked beans roasted daily for maximum freshness.", tags: ["Espresso", "Pour-over"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-dark-background_1303-14967.jpg"},
|
||||
{
|
||||
id: "f2", title: "Fresh Pastries", author: "Baking Team", description: "Daily baked goods made with organic ingredients.", tags: ["Bakery", "Organic"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissants-tray_23-2148784784.jpg"},
|
||||
{
|
||||
id: "f3", title: "Cozy Environment", author: "Design Team", description: "The perfect spot to work, study, or meet friends.", tags: ["Lounge", "Wifi"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-interior_1150-13645.jpg"},
|
||||
{ id: "f1", title: "Signature Roasts", author: "Barista Picks", description: "Hand-picked beans roasted daily for maximum freshness.", tags: ["Espresso", "Pour-over"], imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-dark-background_1303-14967.jpg" },
|
||||
{ id: "f2", title: "Fresh Pastries", author: "Baking Team", description: "Daily baked goods made with organic ingredients.", tags: ["Bakery", "Organic"], imageSrc: "http://img.b2bpic.net/free-photo/croissants-tray_23-2148784784.jpg" },
|
||||
{ id: "f3", title: "Cozy Environment", author: "Design Team", description: "The perfect spot to work, study, or meet friends.", tags: ["Lounge", "Wifi"], imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-interior_1150-13645.jpg" },
|
||||
]}
|
||||
title="Our Menu Highlights"
|
||||
description="From light roasts to decadent treats, discover your new favorite."
|
||||
@@ -100,15 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "100%", title: "Fair Trade", items: ["Ethically sourced", "Direct trade"],
|
||||
},
|
||||
{
|
||||
id: "m2", value: "500+", title: "Cups Served", items: ["Daily average", "Happy guests"],
|
||||
},
|
||||
{
|
||||
id: "m3", value: "15+", title: "Roast Varieties", items: ["From around world", "Small batch"],
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Fair Trade", items: ["Ethically sourced", "Direct trade"] },
|
||||
{ id: "m2", value: "500+", title: "Cups Served", items: ["Daily average", "Happy guests"] },
|
||||
{ id: "m3", value: "15+", title: "Roast Varieties", items: ["From around world", "Small batch"] },
|
||||
]}
|
||||
title="Why We Are Unique"
|
||||
description="Commitment to quality that speaks for itself."
|
||||
@@ -122,12 +103,9 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1", name: "Maria Santos", role: "Head Barista", imageSrc: "http://img.b2bpic.net/free-photo/barista-serving-coffee-with-smile_23-2148744131.jpg"},
|
||||
{
|
||||
id: "t2", name: "James Lee", role: "Pastry Chef", imageSrc: "http://img.b2bpic.net/free-photo/chef-baking-bread_23-2148744120.jpg"},
|
||||
{
|
||||
id: "t3", name: "Elena Rossi", role: "Community Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-cafe_23-2148744111.jpg"},
|
||||
{ id: "t1", name: "Maria Santos", role: "Head Barista", imageSrc: "http://img.b2bpic.net/free-photo/barista-serving-coffee-with-smile_23-2148744131.jpg" },
|
||||
{ id: "t2", name: "James Lee", role: "Pastry Chef", imageSrc: "http://img.b2bpic.net/free-photo/chef-baking-bread_23-2148744120.jpg" },
|
||||
{ id: "t3", name: "Elena Rossi", role: "Community Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-cafe_23-2148744111.jpg" },
|
||||
]}
|
||||
title="The Coffee Family"
|
||||
description="Our dedicated team makes it all happen."
|
||||
@@ -151,12 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you offer non-dairy milk?", content: "Yes! We offer almond, soy, oat, and coconut milk options."},
|
||||
{
|
||||
id: "q2", title: "Can I reserve a table for group?", content: "For groups larger than 5, please contact us 24 hours in advance."},
|
||||
{
|
||||
id: "q3", title: "Are your beans available for purchase?", content: "Absolutely, we sell whole beans and ground coffee by the bag."},
|
||||
{ id: "q1", title: "Do you offer non-dairy milk?", content: "Yes! We offer almond, soy, oat, and coconut milk options." },
|
||||
{ id: "q2", title: "Can I reserve a table for group?", content: "For groups larger than 5, please contact us 24 hours in advance." },
|
||||
{ id: "q3", title: "Are your beans available for purchase?", content: "Absolutely, we sell whole beans and ground coffee by the bag." },
|
||||
]}
|
||||
title="Cafe FAQs"
|
||||
description="Common questions from our coffee lovers."
|
||||
@@ -167,16 +142,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Find Us"
|
||||
title="Visit Kaytama Cafe"
|
||||
description="Located in the heart of the district: 123 Coffee Lane, Open daily 7 AM - 7 PM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions", href: "#"},
|
||||
{
|
||||
text: "Book a Table", href: "#"},
|
||||
{ text: "Get Directions", href: "#" },
|
||||
{ text: "Book a Table", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -184,10 +156,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Kaytama Cafe"
|
||||
leftLink={{
|
||||
text: "Menu & Pricing", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Careers", href: "#"}}
|
||||
leftLink={{ text: "Menu & Pricing", href: "/pricing" }}
|
||||
rightLink={{ text: "Careers", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
59
src/app/pricing/page.tsx
Normal file
59
src/app/pricing/page.tsx
Normal file
@@ -0,0 +1,59 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
|
||||
export default function PricingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="Kaytama Cafe"
|
||||
/>
|
||||
<div id="pricing" data-section="pricing" className="pt-32 pb-20">
|
||||
<PricingCardOne
|
||||
title="Our Menu Pricing"
|
||||
description="Explore our curated coffee selection and bakery treats."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "c1", badge: "Classic", price: "$4.50", subtitle: "Signature Espresso Drinks", features: ["Americano - $3.50", "Cappuccino - $4.50", "Flat White - $4.75", "Latte - $5.00"] },
|
||||
{ id: "c2", badge: "Specialty", price: "$5.50", subtitle: "Artisanal Pour-overs", features: ["Ethiopia Yirgacheffe - $5.50", "Colombia Supremo - $5.25", "Brazil Santos - $5.00"] },
|
||||
{ id: "c3", badge: "Bakery", price: "$3.00", subtitle: "Fresh Daily Pastries", features: ["Butter Croissant - $3.00", "Almond Pastry - $3.50", "Pain au Chocolat - $3.75", "Blueberry Muffin - $3.25"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Kaytama Cafe"
|
||||
leftLink={{ text: "Menu & Pricing", href: "/pricing" }}
|
||||
rightLink={{ text: "Careers", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user