Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -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: "Menu",          id: "features"},
+        { name: "Pricing", id: "pricing" },
-        {
+        { name: "About", id: "about" },
-          name: "About",          id: "about"},
+        { name: "FAQ", id: "faq" },
-        {
+        { name: "Visit", id: "contact" },
-          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={{
+      background={{ variant: "gradient-bars" }}
-        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={[
+      buttons={[{ text: "Order Online", href: "#contact" }]}
-        {
-          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: "f1",          title: "Signature Roasts",          author: "Barista Picks",          description: "Hand-picked beans roasted daily for maximum freshness.",          tags: ["Espresso", "Pour-over"],
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-dark-background_1303-14967.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: "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: "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: "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: "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: "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: "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: "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={{
+      background={{ variant: "plain" }}
-        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: "Get Directions",          href: "#"},
+        { text: "Book a Table", 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={{
+      leftLink={{ text: "Menu & Pricing", href: "/pricing" }}
-        text: "Menu & Pricing",        href: "#"}}
+      rightLink={{ text: "Careers", href: "#" }}
-      rightLink={{
-        text: "Careers",        href: "#"}}
     />
   </div>
       </ReactLenis>

src/app/pricing/page.tsx

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