Add src/app/pricing/page.tsx

Merge version_2 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 { Shield } from "lucide-react";
+import { Coffee } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,98 +32,36 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Menu", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "About", id: "about" },
+        { name: "FAQ", id: "faq" },
+        { name: "Visit", id: "contact" },
       ]}
-      brandName="Kaytama"
+      brandName="Kaytama Cafe"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Empowering Your Digital Future"
-      description="Kaytama delivers high-performance software solutions to scale your business into the next era of innovation."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg"
+      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" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-table_144627-18458.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
-          alt: "Businessman studying infographics and performance metrics",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
-          alt: "Woman watching business conference on computer screen looking over statistics",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
-          alt: "Student at home taking notes while watching presentation closeup",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
-          alt: "Empty startup office displays statistics",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
-          alt: "saas dashboard interface blue light",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Cloud-Native",
-        },
-        {
-          type: "text",
-          text: "Secure Infrastructure",
-        },
-        {
-          type: "text",
-          text: "Scalable Analytics",
-        },
-        {
-          type: "text",
-          text: "Global Reach",
-        },
-        {
-          type: "text",
-          text: "Rapid Deployment",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TestimonialAboutCard
       useInvertedBackground={false}
-      tag="About Kaytama"
-      title="We build smarter technology."
-      description="Kaytama provides seamless digital transformation strategies designed to help enterprise leaders overcome complex technical challenges."
-      subdescription="Our expertise spans across cloud infrastructure, custom application development, and data security, all tailored to meet your unique needs."
-      icon={Shield}
-      imageSrc="http://img.b2bpic.net/free-photo/businesswoman-gathering-her-office-belongings-box-after-getting-fired_482257-123949.jpg"
+      tag="Our Story"
+      title="Coffee with a Purpose"
+      description="Kaytama Cafe was born from a passion for ethically sourced beans and a commitment to creating a space where people can connect."
+      subdescription="We partner with small-scale farmers to ensure every cup supports sustainable practices and fair wages for growers."
+      icon={Coffee}
+      imageSrc="http://img.b2bpic.net/free-photo/barista-making-coffee-shop_23-2148753232.jpg"
       mediaAnimation="blur-reveal"
     />
   </div>
@@ -134,42 +72,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",
-          title: "Data Analytics",
-          author: "By Tech Leads",
-          description: "Leverage advanced analytics to drive business growth.",
-          tags: [
-            "Tech",
-            "Data",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-lines-floating-particles-design_1048-13620.jpg",
-        },
-        {
-          id: "f2",
-          title: "Secure Infrastructure",
-          author: "By Security Pros",
-          description: "Robust cloud defense for your digital assets.",
-          tags: [
-            "Security",
-            "Cloud",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-digital-hand-lock_23-2151997019.jpg",
-        },
-        {
-          id: "f3",
-          title: "Mobile App Sync",
-          author: "By App Devs",
-          description: "Seamless integration across all user devices.",
-          tags: [
-            "Mobile",
-            "App",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.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="Core Capabilities"
-      description="Tools that work as hard as you do."
+      title="Our Menu Highlights"
+      description="From light roasts to decadent treats, discover your new favorite."
     />
   </div>
 
@@ -179,36 +87,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          title: "Uptime Guaranteed",
-          items: [
-            "Reliable systems",
-            "Always online",
-          ],
-        },
-        {
-          id: "m2",
-          value: "50+",
-          title: "Clients Served",
-          items: [
-            "Across sectors",
-            "Global impact",
-          ],
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Support Availability",
-          items: [
-            "Always on call",
-            "Rapid response",
-          ],
-        },
+        { 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="Proven Performance"
-      description="Quantifiable success for every client we serve."
+      title="Why We Are Unique"
+      description="Commitment to quality that speaks for itself."
     />
   </div>
 
@@ -219,64 +103,22 @@ export default function LandingPage() {
       gridVariant="one-large-right-three-stacked-left"
       useInvertedBackground={true}
       members={[
-        {
-          id: "t1",
-          name: "Alex Chen",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswomen-discussing-having-fun_53876-119798.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah Miller",
-          role: "CTO",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-man-with-beard-looking-thoughtful-upper-left-corner-imaging-smiling-white_1258-111693.jpg",
-        },
-        {
-          id: "t3",
-          name: "David Wu",
-          role: "Head of Engineering",
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-lunch-together-discussing-something_259150-58550.jpg",
-        },
-        {
-          id: "t4",
-          name: "Emily Park",
-          role: "Product Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.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="Meet the Minds"
-      description="Experts behind the platform."
+      title="The Coffee Family"
+      description="Our dedicated team makes it all happen."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={false}
-      testimonial="Kaytama transformed our development pipeline completely. Highly recommend their professional approach to tech."
+      testimonial="Best flat white in town. The atmosphere is so welcoming, perfect for my morning creative work session!"
       rating={5}
-      author="Jane Doe, CEO"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-          alt: "Client 5",
-        },
-      ]}
+      author="Sarah J., Regular Patron"
+      avatars={[]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
     />
@@ -287,24 +129,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "How long does setup take?",
-          content: "Typically 2-4 weeks depending on scope.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer support?",
-          content: "Yes, we provide 24/7 dedicated support.",
-        },
-        {
-          id: "q3",
-          title: "Can I scale later?",
-          content: "Our systems are built to scale on demand.",
-        },
+        { 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="Common Questions"
-      description="Answers to help you decide."
+      title="Cafe FAQs"
+      description="Common questions from our coffee lovers."
       faqsAnimation="slide-up"
     />
   </div>
@@ -312,35 +142,25 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Ready to scale?"
-      title="Connect with Kaytama"
-      description="Let's discuss how we can accelerate your business growth through technology."
+      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: "Contact Us",
-          href: "#",
-        },
+        { text: "Get Directions", href: "#" },
+        { text: "Book a Table", href: "#" },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
-      logoText="Kaytama"
-      leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+      logoText="Kaytama Cafe"
+      leftLink={{ text: "Menu & Pricing", href: "/pricing" }}
+      rightLink={{ text: "Careers", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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