Update theme colors

Merge version_1 into main

src/app/menu/page.tsx

@@ -0,0 +1,59 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Contact", id: "/contact" }]}
+            brandName="MIA 102"
+          />
+        </div>
+        <div className="pt-32">
+          <div id="menu" data-section="menu">
+            <ProductCardOne
+              title="Our Menu"
+              description="Explore our curated selection of authentic milk teas, fruit teas, and street food."
+              gridVariant="three-columns-all-equal-width"
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
+              products={[
+                { id: "mt1", name: "Classic Milk Tea", price: "$5.95", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg?_wi=1" },
+                { id: "mt2", name: "Brown Sugar Pearl", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/adding-milk-glass-cappuccino_114579-15194.jpg?_wi=1" },
+                { id: "ft1", name: "Strawberry Refresher", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709043.jpg" },
+                { id: "fm1", name: "Hokkaido Fresh Milk", price: "$6.25", imageSrc: "http://img.b2bpic.net/free-photo/purple-figs-with-cup-drink-blue_114579-29174.jpg?_wi=1" },
+                { id: "vc1", name: "Vietnamese Iced Coffee", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709027.jpg" },
+                { id: "sf1", name: "Crispy Popcorn Chicken", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/japanese-street-food-restaurant-with-bright-sign_23-2149410168.jpg" }
+              ]}
+            />
+          </div>
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[{ items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "Contact", href: "/contact" }] }]}
+            logoText="MIA 102"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Menu",
-          id: "products",
-        },
+          name: "Menu",          id: "/menu"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="MIA 102"
     />
@@ -53,68 +45,30 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Portland's Chicest Boba Experience"
       description="Indulge in handcrafted, authentic bubble tea right in the heart of Portland. MIA 102 brings you the perfect blend of tradition and trendy flavors."
       buttons={[
         {
-          text: "View Menu",
-          href: "#products",
-        },
+          text: "View Menu",          href: "/menu"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink_23-2149870672.jpg?_wi=1"
       imageAlt="Refreshing boba tea"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269140.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-friends-holding-iced-coffee_23-2149910978.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-using-mobile-application_1098-17365.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138287.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-with-iced-coffee-front-view_23-2149910962.jpg",
-          alt: "Customer 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269140.jpg", alt: "Customer 1" },
+        { src: "http://img.b2bpic.net/free-photo/front-view-friends-holding-iced-coffee_23-2149910978.jpg", alt: "Customer 2" },
+        { src: "http://img.b2bpic.net/free-photo/woman-using-mobile-application_1098-17365.jpg", alt: "Customer 3" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138287.jpg", alt: "Customer 4" },
+        { src: "http://img.b2bpic.net/free-photo/woman-with-iced-coffee-front-view_23-2149910962.jpg", alt: "Customer 5" },
       ]}
       avatarText="Join 5,000+ happy boba lovers"
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Organic Tea",
-          icon: Leaf,
-        },
-        {
-          type: "text-icon",
-          text: "Fresh Tapioca",
-          icon: Coffee,
-        },
-        {
-          type: "text-icon",
-          text: "Locally Sourced",
-          icon: MapPin,
-        },
-        {
-          type: "text-icon",
-          text: "Vegan Options",
-          icon: Heart,
-        },
-        {
-          type: "text-icon",
-          text: "Chic Atmosphere",
-          icon: Sparkles,
-        },
+        { type: "text-icon", text: "Organic Tea", icon: Leaf },
+        { type: "text-icon", text: "Fresh Tapioca", icon: Coffee },
+        { type: "text-icon", text: "Locally Sourced", icon: MapPin },
+        { type: "text-icon", text: "Vegan Options", icon: Heart },
+        { type: "text-icon", text: "Chic Atmosphere", icon: Sparkles },
       ]}
     />
   </div>
@@ -123,146 +77,19 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "Crafting Perfection in Every Cup",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/happy-girl-smiling-with-big-chocolate-milkshake-coffee-shop_135149-16.jpg",
-          alt: "Our boba shop",
-        },
+        { type: "text", content: "Crafting Perfection in Every Cup" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/happy-girl-smiling-with-big-chocolate-milkshake-coffee-shop_135149-16.jpg", alt: "Our boba shop" },
       ]}
     />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          brand: "Signature",
-          name: "Classic Milk Tea",
-          price: "$5.95",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          brand: "Specialty",
-          name: "Brown Sugar Pearl",
-          price: "$6.50",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/adding-milk-glass-cappuccino_114579-15194.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          brand: "Taro",
-          name: "Taro Milk Tea",
-          price: "$6.25",
-          rating: 4,
-          reviewCount: "80",
-          imageSrc: "http://img.b2bpic.net/free-photo/purple-figs-with-cup-drink-blue_114579-29174.jpg?_wi=1",
-        },
-        {
-          id: "4",
-          brand: "Matcha",
-          name: "Matcha Cream Latte",
-          price: "$6.75",
-          rating: 5,
-          reviewCount: "110",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709027.jpg",
-        },
-        {
-          id: "5",
-          brand: "Fruit",
-          name: "Strawberry Refresher",
-          price: "$6.00",
-          rating: 4,
-          reviewCount: "65",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709043.jpg",
-        },
-        {
-          id: "6",
-          brand: "Signature",
-          name: "MIA Special Blend",
-          price: "$7.00",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994365.jpg",
-        },
-      ]}
-      title="Our Signature Drinks"
-      description="Discover your new favorite flavor from our curated selection of premium boba teas."
-    />
-  </div>
-
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFive
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          date: "2023-10-01",
-          title: "Great Vibe!",
-          quote: "The best boba in Portland by far!",
-          tag: "Fan",
-          avatarSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269140.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink_23-2149870672.jpg?_wi=2",
-          imageAlt: "boba tea colorful portland",
-        },
-        {
-          id: "2",
-          name: "Jason Lee",
-          date: "2023-10-05",
-          title: "Highly Recommend",
-          quote: "Consistency is key and they nail it every time.",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-friends-holding-iced-coffee_23-2149910978.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-smiling-with-big-chocolate-milkshake-coffee-shop_135149-16.jpg",
-          imageAlt: "boba shop interior trendy",
-        },
-        {
-          id: "3",
-          name: "Emily Chen",
-          date: "2023-10-10",
-          title: "Amazing selection",
-          quote: "So many options, and everything tastes fresh.",
-          tag: "Boba Lover",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-application_1098-17365.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg?_wi=2",
-          imageAlt: "boba drink menu items",
-        },
-        {
-          id: "4",
-          name: "David Wang",
-          date: "2023-10-15",
-          title: "Chic spot",
-          quote: "Perfect place to hang out with friends.",
-          tag: "Student",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving-dr_1258-138287.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/adding-milk-glass-cappuccino_114579-15194.jpg?_wi=2",
-          imageAlt: "milk tea drink glass",
-        },
-        {
-          id: "5",
-          name: "Anna Nguyen",
-          date: "2023-10-20",
-          title: "Five stars",
-          quote: "Friendly service and delicious tea.",
-          tag: "Local",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-iced-coffee-front-view_23-2149910962.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/purple-figs-with-cup-drink-blue_114579-29174.jpg?_wi=2",
-          imageAlt: "taro bubble tea aesthetic",
-        },
+        { id: "1", name: "Sarah Miller", date: "2023-10-01", title: "Great Vibe!", quote: "The best boba in Portland by far!", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269140.jpg" },
+        { id: "2", name: "Jason Lee", date: "2023-10-05", title: "Highly Recommend", quote: "Consistency is key and they nail it every time.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-friends-holding-iced-coffee_23-2149910978.jpg" },
       ]}
       title="Loved by Portland"
       description="See why locals call MIA 102 their favorite boba spot."
@@ -274,57 +101,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Visit Us in Portland"
       description="Have a question? Drop us a line or come say hi at our downtown shop!"
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-          required: true,
-        },
-      ]}
+      inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
       imageSrc="http://img.b2bpic.net/free-photo/japanese-street-food-restaurant-with-bright-sign_23-2149410168.jpg"
-      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        rows: 4,
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "About", href: "#about" }, { label: "Menu", href: "/menu" }] },
+        { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
       ]}
       logoText="MIA 102"
     />
@@ -332,4 +119,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -13,7 +13,7 @@
   --background: #ffffff;
   --card: #f9f9f9;
   --foreground: #120a00e6;
-  --primary-cta: #E34400;
+  --primary-cta: #aef283;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
   --secondary-cta-text: #120a00e6;