Update src/app/menu/page.tsx

2026-04-21 16:36:25 +00:00 · 2026-04-21 16:34:27 +00:00 · 2026-04-21 16:33:53 +00:00 · 2026-04-21 16:28:43 +00:00 · 2026-04-21 16:28:37 +00:00 · 2026-04-21 16:11:28 +00:00
2 changed files with 86 additions and 115 deletions
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -4,11 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TextAbout from '@/components/sections/about/TextAbout';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';

-export default function LandingPage() {
+export default function MenuPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
@@ -23,81 +22,76 @@ export default function LandingPage() {
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        { name: "Menu", id: "/menu"},
-        { name: "The Vibe", id: "/#vibe"},
-        { name: "Visit Us", id: "/#visit"},
-      ]}
-      button={{ text: "Order Online", href: "#"}}
-      brandName="CRAVE CAFÉ"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Menu", id: "/menu" },
+            ]}
+            button={{ text: "Order Online", href: "#" }}
+            brandName="CRAVE CAFÉ"
+            />
+        </div>

-  <div id="menu-list" data-section="menu-list">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      products={[
-        { id: "c1", brand: "Toast ", name: "Bubble Tea ", price: "$6 - $7", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775501251342-0zntpynz.png"},
-        { id: "c2", brand: "Toast ", name: "Beet and Pickled Onion Toast ", price: "$10.95", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775446159736-6ddgpu4s.png"},
-        { id: "c3", brand: "Sweets ", name: "Dubai Cup ", price: "$13.95", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775445253627-8k9zsc19.jpg"},
-        { id: "c4", brand: "Waffle ", name: "Strawberry Bubble Waffle ", price: "$11.95 - $16.95", rating: 5, reviewCount: "60", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775669412046-4kmmj6cs.png"},
-        { id: "c5", brand: "Salad", name: "Strawberry Blast Salad", price: "$12.95", rating: 5, reviewCount: "70", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775670140815-68elexev.png"},
-        { id: "c6", brand: "Crepes ", name: "Signature Sweet Crepes", price: "$6.95 - $15.95", rating: 5, reviewCount: "40", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775670729257-vt0ro02r.png"},
-      ]}
-      title="Top Picks "
-      description="Exquisite selections prepared to satisfy your cravings."
-    />
-  </div>
+        <div id="top-picks" data-section="top-picks">
+            <ProductCardThree
+            title="THIS MONTH'S TOP PICKS"
+            description="Discover our curated selection of customer favorites and chef specialties. Elegant, fresh, and served just for you."
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+                { id: "p1", name: "Smoked Salmon Avocado Toast", price: "$13.95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775669412046-4kmmj6cs.png", imageAlt: "Smoked Salmon Avocado Toast" },
+                { id: "p2", name: "Signature Sweet Crepe", price: "$6.95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775501251342-0zntpynz.png", imageAlt: "Signature Sweet Crepe" },
+                { id: "p3", name: "Beet and Pickled Onion Toast ", price: "$13.75", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775446159736-6ddgpu4s.png", imageAlt: "Beet and Pickled Onion Toast " },
+                { id: "p4", name: "Red Caviar Crep es", price: "$12.95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775445253627-8k9zsc19.jpg", imageAlt: "Red Caviar Crep es" }
+            ]}
+            cardClassName="text-lg font-medium opacity-80 mt-2 block"
+            />
+        </div>

-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="A Menu Curated for Discerning Tastes."
-      tag="Quality First"
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+            <PricingCardThree
+            title="Our Menu"
+            description="Sophisticated, minimalist aesthetic featuring handcrafted crepes, toasts, and seasonal specialties."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+                { id: "s1", name: "SIGNATURE SWEET CREPES", price: "", buttons: [], features: ["Sauce: Nutella, Chocolate Syrup, Almond Butter, Condensed Milk, Honey, Maple Syrup", "Add Filling (2.75): House-Made Farm Cheese or House-Made Whip Cream", "Add Toppings (Unlimited) (2.90): Strawberry, Raspberry, Blueberry, Kiwi, Peach, Mango, Pineapple, Banana, S'mores, Fig & Honey (Fruit Puree Made Daily)"] },
+                { id: "s2", name: "TOAST", price: "", buttons: [], features: ["Smoked Salmon Avocado Toast (13.95): Smoked Salmon, Avocado, Cucumbers, Roasted Peppers, Mascarpone", "Guac & Veggies Toast (11.95): Guac, Cherry Tomatoes, Radishes, Seasoning on Sourdough", "Beet & Pickled Onions (10.95): Beet, Pickled Onions, Mascarpone, Goat Cheese on Sourdough", "Egg Toast (10.95): Hard Boiled Egg, Garlic Mayo, Cheese, Scallions on Sourdough"] },
+                { id: "s3", name: "CHARCUTERIE BOARDS", price: "", buttons: [], features: ["Personal (1-2 People) - 16.95", "Large (4-6 People) - 28.95", "A mix of sweet and savory ingredients selected by the chef"] },
+                { id: "s4", name: "GLUTEN FREE", price: "", buttons: [], features: ["Almond Flour Cheese Quesadilla (8.50): Add Chicken (1.90)", "Loaded Apple (5.75): Apple, Almond Butter, Nutella, Chocolate, Walnuts; Add Fruit (1.90)"] },
+                { id: "s5", name: "KIDS MENU", price: "", buttons: [], features: ["Cheese Crepe (6.75): Add Chicken or Bacon (1.75)", "Cold Sandwich (5.50): Turkey/Ham/Bacon, Greens, Tomatoes, Cucumber, Peppers, American Cheese", "Almond Flour Cheese Quesadilla (4.25): Add Chicken or Bacon (1.75)"] },
+                { id: "s6", name: "SAVORY & RED CAVIAR", price: "", buttons: [], features: ["Signature Sweet Crepe (2.50): Add Fruit (1.90)", "Hot Savory Crepe (12.50): Choice of sauces, veggies, cheese. Add Avocado/Chicken/Bacon (1.50-1.90)", "Red Caviar Crepes (3) 12.95 | 4) 14.50 | 5) 16.00: Farm Cheese & Red Caviar"] },
+                { id: "s7", name: "COLD CREPE WRAPS & SOUPS", price: "", buttons: [], features: ["Loaded BLT Crepe Wrap (13.75)", "Loaded Chicken Wrap (13.75): Plain/Teriyaki/Sweet & Sour, Greens, Veggies, Cheese, Chipotle Mayo", "Soups (Cup 6.50 | Bowl 8.50): Chicken Noodle, White Bean, Zuppa Toscana, Creamy Lentil"] },
+                { id: "s8", name: "SALADS", price: "", buttons: [], features: ["Fresh Salad: Small 5.25 | Large 8.25 (Mixed greens, veggies, radishes. Add egg/chicken/avocado)", "Spicy Carrot Salad: Small 6.50 | Large 8.50", "Caprese Salad: Small 6.75 | Large 9.75"] }
+            ]}
+            />
+        </div>

-  <div id="product" data-section="product">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Specialty Beverages"
-      description="Handcrafted coffee blends."
-      products={[
-        { id: "b1", name: "Signature Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg?_wi=2"},
-        { id: "b2", name: "Gold Drip Coffee", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg?_wi=3"},
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            { label: "24 Elm St, Westfield, MA 01085" },
-            { label: "Tue-Fri: 10 AM - 7 PM" },
-            { label: "Sat: 9 AM - 6 PM" },
-            { label: "Sun-Mon: Closed" },
-          ],
-        },
-        {
-          items: [
-            { label: "Instagram", href: "https://instagram.com" },
-            { label: "Facebook", href: "https://facebook.com" },
-          ],
-        },
-      ]}
-      logoText="CRAVE CAFÉ"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+            columns={[
+                {
+                items: [
+                    { label: "24 Elm St, Westfield, MA 01085", href: "#" },
+                    { label: "Tue-Fri: 10 AM - 7 PM", href: "#" },
+                    { label: "Sat: 9 AM - 6 PM", href: "#" },
+                    { label: "Sun-Mon: Closed", href: "#" },
+                ],
+                },
+                {
+                items: [
+                    { label: "Instagram", href: "https://instagram.com" },
+                    { label: "Facebook", href: "https://facebook.com" },
+                ],
+                },
+            ]}
+            logoText="CRAVE CAFÉ"
+            />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,11 +2,10 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import { Coffee, Palette, Utensils } from "lucide-react";

@@ -47,7 +46,7 @@ export default function LandingPage() {
      ]}
      enableKpiAnimation={true}
      buttons={[{ text: "Explore The Menu", href: "/menu" }]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775595049237-65qvkfe6.png"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775595049237-65qvkfe6.png?_wi=1"
      imageAlt="Luxurious Cafe Interior"
      mediaAnimation="slide-up"
      avatars={[
@@ -68,18 +67,18 @@ export default function LandingPage() {
  </div>

  <div id="features" data-section="features">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        { title: "Craft Beverages ", description: "From Classic favorites to unique blends, find your perfect sip.", icon: Coffee },
-        { title: "Curated Bites", description: "From fresh morning pastries to elegant afternoon lunches.", icon: Utensils },
-        { title: "The Aesthetic", description: "Matte black finishes, striking gold accents, and a European-style patio.", icon: Palette }
-      ]}
-      title="Signature Experiences"
-      description="Discover the art of the perfect break."
-    />
+      <FeatureCardNine
+        title="Signature Experiences"
+        description="Discover the art of the perfect break with our curated offerings."
+        showStepNumbers={true}
+        animationType="slide-up"
+        textboxLayout="default"
+        useInvertedBackground={false}
+        features={[
+            { title: "Craft Beverages", description: "From Classic favorites to unique blends, find your perfect sip.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775501251342-0zntpynz.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775445253627-8k9zsc19.jpg" } },
+            { title: "Curated Bites", description: "From fresh morning pastries to elegant afternoon lunches.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775669412046-4kmmj6cs.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775446159736-6ddgpu4s.png" } }
+        ]}
+      />
  </div>

  <div id="vibe" data-section="vibe">
@@ -92,34 +91,12 @@ export default function LandingPage() {
        { value: "tue-sat ", title: "Service" },
        { value: "100%", title: "Elegance" }
      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775580200773-jiod0rla.png"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BoVnf2RAOeDoHMswG5SpadeRHr/uploaded-1775580200773-jiod0rla.png?_wi=3"
      imageAlt="Cafe interior aesthetics"
      mediaAnimation="slide-up"
    />
  </div>

-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Gift Cards & Memberships"
-      description="Give the gift of luxury at Crave Café."
-      plans={[
-        {
-          id: "p1",          title: "Coffee Club",          price: "$30",          period: "/mo",          features: ["1 Free Drink Daily", "Priority Seating", "Member Events"],
-          button: { text: "Join Club", href: "#" },
-          imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-cup-coffee_1153-548.jpg"
-        },
-        {
-          id: "p2",          title: "Gift Card",          price: "$50",          period: "",          features: ["Usable In-Store", "Elegant Packaging", "No Expiry"],
-          button: { text: "Buy Now", href: "#" },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-cake-with-berries-chocolate-waffles-bowls-colorful-sweets_140725-71279.jpg"
-        }
-      ]}
-    />
-  </div>
-
  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
@@ -139,4 +116,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	59b4980489	Update src/app/menu/page.tsx	2026-04-21 16:36:25 +00:00
bender	2b8e486b67	Update src/app/menu/page.tsx	2026-04-21 16:34:27 +00:00
bender	d12fc7810c	Update src/app/menu/page.tsx	2026-04-21 16:33:53 +00:00
bender	5c87e76721	Merge version_10 into main Merge version_10 into main	2026-04-21 16:28:43 +00:00
bender	0469131c16	Update src/app/menu/page.tsx	2026-04-21 16:28:37 +00:00
bender	1595b59e78	Merge version_10 into main Merge version_10 into main	2026-04-21 16:11:28 +00:00
bender	2f2d82f868	Update src/app/menu/page.tsx	2026-04-21 16:11:21 +00:00
bender	c81a018fcd	Merge version_9 into main Merge version_9 into main	2026-04-21 16:08:42 +00:00
bender	215cb4b086	Update src/app/menu/page.tsx	2026-04-21 16:08:38 +00:00
bender	d76ebf9a77	Merge version_9 into main Merge version_9 into main	2026-04-20 20:16:57 +00:00
bender	f45a52d004	Update src/app/menu/page.tsx	2026-04-20 20:16:54 +00:00
bender	ace83e139a	Merge version_9 into main Merge version_9 into main	2026-04-20 20:16:30 +00:00
bender	051ebda966	Update src/app/menu/page.tsx	2026-04-20 20:16:24 +00:00
bender	d448169e20	Merge version_8 into main Merge version_8 into main	2026-04-20 18:07:08 +00:00
bender	88dae07fa7	Update src/app/menu/page.tsx	2026-04-20 18:07:02 +00:00
bender	cb58d2d57a	Merge version_7 into main Merge version_7 into main	2026-04-20 17:10:51 +00:00
bender	15e60fdc06	Update src/app/page.tsx	2026-04-20 17:10:48 +00:00
bender	323a0807aa	Merge version_7 into main Merge version_7 into main	2026-04-14 19:15:52 +00:00
bender	e52f7559c1	Update src/app/page.tsx	2026-04-14 19:15:49 +00:00
bender	8abf0509a6	Merge version_7 into main Merge version_7 into main	2026-04-14 19:14:34 +00:00
bender	0c1aef39ac	Update src/app/page.tsx	2026-04-14 19:14:31 +00:00
bender	86b8340e1d	Merge version_7 into main Merge version_7 into main	2026-04-14 19:13:11 +00:00
bender	6260f7fdf8	Update src/app/page.tsx	2026-04-14 19:13:08 +00:00
bender	932c308230	Merge version_7 into main Merge version_7 into main	2026-04-14 19:12:47 +00:00
bender	fa0f1cabe5	Update src/app/page.tsx	2026-04-14 19:12:44 +00:00
bender	79967838f2	Merge version_6 into main Merge version_6 into main	2026-04-14 19:08:51 +00:00
bender	91c9222e5d	Update src/app/page.tsx	2026-04-14 19:08:45 +00:00
bender	ba2252a9ba	Merge version_5 into main Merge version_5 into main	2026-04-14 18:53:22 +00:00
bender	c6fb2c5967	Update src/app/page.tsx	2026-04-14 18:53:19 +00:00
bender	e273aafd0e	Merge version_4 into main Merge version_4 into main	2026-04-08 19:02:27 +00:00
bender	5e0c632ee3	Update src/app/menu/page.tsx	2026-04-08 19:02:21 +00:00
bender	cd0184a16a	Merge version_4 into main Merge version_4 into main	2026-04-08 19:01:57 +00:00
bender	8c7b191920	Update src/app/menu/page.tsx	2026-04-08 19:01:53 +00:00
bender	fb545c4e7f	Merge version_3 into main Merge version_3 into main	2026-04-08 18:52:21 +00:00
bender	672a05f0e8	Merge version_3 into main Merge version_3 into main	2026-04-08 18:51:02 +00:00