Update theme colors

Merge version_2_1782089533480 into main

src/index.css

@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/darkTheme/luxury */
-  --background: #0f1010;
-  --card: #3d3d3d;
-  --foreground: #f5f0eb;
-  --primary-cta: #ffffff;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #f5f0eb;
-  --accent: #d4b896;
-  --background-accent: #4f402d;
+  --background: #e3deea;
+  --card: #ffffff;
+  --foreground: #27231f;
+  --primary-cta: #27231f;
+  --primary-cta-text: #e3deea;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #27231f;
+  --accent: #c68a62;
+  --background-accent: #c68a62;
 
   /* @layout/border-radius/rounded */
   --radius: 1rem;

src/pages/HomePage.tsx

@@ -14,7 +14,8 @@ import JourneysSection from './HomePage/sections/Journeys';
 import ContactSection from './HomePage/sections/Contact';
 
 
-import ReviewsSection from './HomePage/sections/Reviews';export default function HomePage(): React.JSX.Element {
+import ReviewsSection from './HomePage/sections/Reviews';
+import NewsletterSection from './HomePage/sections/Newsletter';export default function HomePage(): React.JSX.Element {
   return (
 <StyleProvider siteBackground="none" heroBackground="none" buttonVariant="default">
       <SiteBackgroundSlot />
@@ -31,6 +32,7 @@ import ReviewsSection from './HomePage/sections/Reviews';export default function
       <ReviewsSection />
 
       <ContactSection />
+      <NewsletterSection />
     </StyleProvider>
   );
 }

src/pages/HomePage/sections/Newsletter.tsx

@@ -0,0 +1,55 @@
+import { useState } from "react"
+import { motion } from "motion/react"
+import TextAnimation from "@/components/ui/TextAnimation"
+import ScrollReveal from "@/components/ui/ScrollReveal"
+import Input from "@/components/ui/Input"
+import Button from "@/components/ui/Button"
+import Tag from "@/components/ui/Tag"
+
+export default function Newsletter() {
+  const [email, setEmail] = useState("")
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault()
+    // Handle submit
+    setEmail("")
+  }
+
+  return (
+    <section className="relative w-full py-24 bg-background" data-webild-section="newsletter">
+      <div className="w-content-width mx-auto">
+        <ScrollReveal variant="fade">
+          <div className="flex flex-col items-center text-center max-w-2xl mx-auto">
+            <Tag text="Newsletter" className="mb-6" />
+            <TextAnimation 
+              text="Join Our Mailing List" 
+              variant="fade-blur" 
+              tag="h2" 
+              className="text-4xl md:text-5xl font-bold text-foreground mb-6" 
+              gradientText={false} 
+            />
+            <p className="text-lg text-accent mb-10">
+              Sign up for our newsletter to receive exclusive offers, seasonal menus, and updates directly to your inbox.
+            </p>
+            
+            <form onSubmit={handleSubmit} className="w-full flex flex-col sm:flex-row gap-4">
+              <Input 
+                type="email" 
+                placeholder="Enter your email address" 
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                required
+                className="flex-1"
+              />
+              <Button 
+                text="Subscribe" 
+                variant="primary" 
+                className="w-full sm:w-auto"
+              />
+            </form>
+          </div>
+        </ScrollReveal>
+      </div>
+    </section>
+  )
+}