Merge version_3 into main #2

Merged
bender merged 2 commits from version_3 into main 2026-05-17 14:15:15 +00:00
2 changed files with 84 additions and 55 deletions

View File

@@ -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
View 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>
);
}