Update theme colors

Merge version_2 into main

src/app/page.tsx

@@ -25,7 +25,7 @@ export default function LandingPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="normal"
     >
-      <div id="nav" data-section="nav">
+      <div id="nav" data-section="nav" className="bg-red-600">
         <NavbarStyleApple
           brandName="Mie Pedas Torpedo"
           navItems={[
@@ -172,9 +172,10 @@ export default function LandingPage() {
           description="Pesan menu favorit Anda melalui WhatsApp atau isi form di bawah. Tim kami siap melayani pesanan Anda dengan cepat dan ramah."
           inputs={[
             { name: "nama", type: "text", placeholder: "Nama Anda", required: true },
-            { name: "nomor_telepon", type: "tel", placeholder: "Nomor WhatsApp", required: true }
+            { name: "nomor_telepon", type: "tel", placeholder: "Nomor WhatsApp", required: true },
+            { name: "pesanan", type: "text", placeholder: "Apa yang ingin Anda pesan?", required: true }
           ]}
-          textarea={{ name: "pesanan_lengkap", placeholder: "Tulis pesanan lengkap Anda (menu, level pedas, topping, catatan khusus, dll)", rows: 6, required: true }}
+          textarea={{ name: "catatan", placeholder: "Catatan khusus (misal: level pedas, tanpa garam, dll)", rows: 3, required: false }}
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-photo/top-view-colorful-ramen-noodles-chopsticks_23-2148368717.jpg?_wi=3"
           imageAlt="Pesan Mie Pedas Torpedo"
@@ -192,4 +193,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #fff5f5e6;
-  --primary-cta: #ff7a7a;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #fff5f5e6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --background: #fffafa;
+  --card: #fff7f7;
+  --foreground: #1a0000;
+  --primary-cta: #e63946;
+  --primary-cta-text: #fffafa;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1a0000;
+  --accent: #f5c4c7;
+  --background-accent: #f09199;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);