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

@@ -1,97 +1,38 @@
-import { motion } from "motion/react";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
+
 import { StyleProvider } from "@/components/ui/StyleProvider";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
-import HeroExpand from "@/components/sections/hero/HeroExpand";
-import AboutParallax from "@/components/sections/about/AboutParallax";
-import FeaturesAttributeCards from "@/components/sections/features/FeaturesAttributeCards";
-import FeaturesMediaGrid from "@/components/sections/features/FeaturesMediaGrid";
-import FeaturesRevealCardsBento from "@/components/sections/features/FeaturesRevealCardsBento";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import RoomsSection from './HomePage/sections/Rooms';
+import ExperienceSection from './HomePage/sections/Experience';
+import JourneysSection from './HomePage/sections/Journeys';
+import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage() {
+
+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">
+<StyleProvider siteBackground="none" heroBackground="none" buttonVariant="default">
       <SiteBackgroundSlot />
 
-      <div id="hero" data-section="hero">
-        <HeroExpand
-          title="Gourmet Haven"
-          videoSrc="http://img.b2bpic.net/free-photo/atmosphere-kitchen-cafe-process_1321-4214.jpg"
-          primaryButton={{ text: "View Menu", href: "#rooms" }}
-          secondaryButton={{ text: "Book a Table", href: "#contact" }}
-        />
-      </div>
+      <HeroSection />
 
-      <div id="about" data-section="about">
-        <AboutParallax
-          tag="Our Philosophy"
-          title="Culinary Artistry in Every Dish"
-          description="At Gourmet Haven, we believe that dining is an immersive experience. Our chefs combine locally sourced ingredients with centuries-old culinary techniques to create unforgettable plates."
-          frontImageSrc="http://img.b2bpic.net/free-photo/cook-holding-plate-with-salad-near-service-bell_23-2148040240.jpg"
-          backImageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
-          badge="Est. 1998"
-        />
-      </div>
+      <AboutSection />
 
-      <div id="rooms" data-section="rooms">
-        <FeaturesAttributeCards
-          tag="Menu Highlights"
-          title="Signature Selections"
-          description="A curated collection of our most celebrated dishes, crafted to perfection."
-          items={[
-            { title: "Truffle Infused Risotto", tags: "Vegetarian, Rich, Seasonal", badge: "Chef's Choice", details: [{ icon: "ChefHat", label: "Prep", value: "30m" }, { icon: "Flame", label: "Heat", value: "Medium" }, { icon: "Award", label: "Rating", value: "4.9" }], imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-chocolate-cake-with-chocolate-chips-grey-surface_140725-115540.jpg" },
-            { title: "Seared Atlantic Scallops", tags: "Seafood, Fresh, Delicate", badge: null, details: [{ icon: "ChefHat", label: "Prep", value: "20m" }, { icon: "Flame", label: "Heat", value: "High" }, { icon: "Award", label: "Rating", value: "4.8" }], imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-avocado-puree_23-2151942388.jpg" },
-            { title: "Wagyu Ribeye Steak", tags: "Premium, Savory, Aged", badge: "Top Seller", details: [{ icon: "ChefHat", label: "Prep", value: "45m" }, { icon: "Flame", label: "Heat", value: "High" }, { icon: "Award", label: "Rating", value: "5.0" }], imageSrc: "http://img.b2bpic.net/free-photo/closeup-juicy-piece-kebab-with-cranberry-puree_651396-1445.jpg" }
-          ]}
-        />
-      </div>
+      <RoomsSection />
 
-      <div id="experience" data-section="experience">
-        <FeaturesMediaGrid
-          tag="Dining Experience"
-          title="Atmosphere & Ambience"
-          description="From intimate dinners to lively celebrations, discover the unique settings we offer for your next meal."
-          items={[
-            { title: "Garden Terrace", description: "Open-air dining under the stars with soft ambient lighting", imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698354.jpg" },
-            { title: "Private Wine Cellar", description: "Exclusive tastings paired with our sommelier's finest selection", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153712.jpg" },
-            { title: "Chef's Counter", description: "Watch the magic happen live with our open kitchen experience", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727958.jpg" }
-          ]}
-        />
-      </div>
+      <ExperienceSection />
 
-      <div id="journeys" data-section="journeys">
-        <FeaturesRevealCardsBento
-          tag="Our Story"
-          title="Behind the Kitchen"
-          description="Meet the passion and dedication that goes into every single plate at Gourmet Haven."
-          items={[
-            { title: "Sourcing", description: "Working directly with local farmers for the freshest ingredients", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetable-farmers-market_23-2148209779.jpg" },
-            { title: "Craft", description: "Mastering the art of traditional methods", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg" },
-            { title: "Vision", description: "Creating memories through modern gastronomy", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetable-salad-fork-dark_140725-153934.jpg" },
-            { title: "Wine", description: "Curating the finest global vineyards", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/side-view-red-wine-glass-white-vertical_176474-4128.jpg" },
-            { title: "Service", description: "Unparalleled attention to every detail", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/waiters-holding-plate-grilled-salmon-mashed-potato-topped-with-red-caviar-asparagus_140725-519.jpg" },
-            { title: "Passion", description: "Heart and soul in every bite", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg" },
-            { title: "Community", description: "Serving our local neighborhood with love", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-delicious-cocktails_23-2150124812.jpg" }
-          ]}
-        />
-      </div>
+      <JourneysSection />
+      <ReviewsSection />
 
-      <div id="contact" data-section="contact">
-        <ContactSplitForm
-          tag="Reservations"
-          title="Secure Your Table"
-          description="Join us for an exquisite dining journey. We recommend booking in advance, especially for weekend dinner service."
-          inputs={[
-            { name: "name", type: "text", placeholder: "Guest Name", required: true },
-            { name: "guests", type: "number", placeholder: "Number of Guests", required: true },
-            { name: "date", type: "date", placeholder: "Preferred Date" },
-            { name: "time", type: "time", placeholder: "Preferred Time" }
-          ]}
-          textarea={{ name: "requests", placeholder: "Dietary requirements or special requests?", rows: 4 }}
-          buttonText="Reserve Now"
-          imageSrc="http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg"
-        />
-      </div>
+      <ContactSection />
+      <NewsletterSection />
     </StyleProvider>
   );
-}
+}

src/pages/HomePage/sections/About.tsx

@@ -0,0 +1,20 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutParallax from "@/components/sections/about/AboutParallax";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+            <AboutParallax
+              tag="Our Philosophy"
+              title="Culinary Artistry in Every Dish"
+              description="At Gourmet Haven, we believe that dining is an immersive experience. Our chefs combine locally sourced ingredients with centuries-old culinary techniques to create unforgettable plates."
+              frontImageSrc="http://img.b2bpic.net/free-photo/cook-holding-plate-with-salad-near-service-bell_23-2148040240.jpg"
+              backImageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg"
+              badge="Est. 1998"
+            />
+          </div>
+  );
+}

src/pages/HomePage/sections/Contact.tsx

@@ -0,0 +1,26 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+            <ContactSplitForm
+              tag="Reservations"
+              title="Secure Your Table"
+              description="Join us for an exquisite dining journey. We recommend booking in advance, especially for weekend dinner service."
+              inputs={[
+                { name: "name", type: "text", placeholder: "Guest Name", required: true },
+                { name: "guests", type: "number", placeholder: "Number of Guests", required: true },
+                { name: "date", type: "date", placeholder: "Preferred Date" },
+                { name: "time", type: "time", placeholder: "Preferred Time" }
+              ]}
+              textarea={{ name: "requests", placeholder: "Dietary requirements or special requests?", rows: 4 }}
+              buttonText="Reserve Now"
+              imageSrc="http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg"
+            />
+          </div>
+  );
+}

src/pages/HomePage/sections/Experience.tsx

@@ -0,0 +1,22 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "experience" section.
+
+import React from 'react';
+import FeaturesMediaGrid from "@/components/sections/features/FeaturesMediaGrid";
+
+export default function ExperienceSection(): React.JSX.Element {
+  return (
+    <div id="experience" data-section="experience">
+            <FeaturesMediaGrid
+              tag="Dining Experience"
+              title="Atmosphere & Ambience"
+              description="From intimate dinners to lively celebrations, discover the unique settings we offer for your next meal."
+              items={[
+                { title: "Garden Terrace", description: "Open-air dining under the stars with soft ambient lighting", imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698354.jpg" },
+                { title: "Private Wine Cellar", description: "Exclusive tastings paired with our sommelier's finest selection", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153712.jpg" },
+                { title: "Chef's Counter", description: "Watch the magic happen live with our open kitchen experience", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727958.jpg" }
+              ]}
+            />
+          </div>
+  );
+}

src/pages/HomePage/sections/Hero.tsx

@@ -0,0 +1,18 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroExpand from "@/components/sections/hero/HeroExpand";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+            <HeroExpand
+              title="Gourmet Haven"
+              videoSrc="http://img.b2bpic.net/free-photo/atmosphere-kitchen-cafe-process_1321-4214.jpg"
+              primaryButton={{ text: "View Menu", href: "#rooms" }}
+              secondaryButton={{ text: "Book a Table", href: "#contact" }}
+            />
+          </div>
+  );
+}

src/pages/HomePage/sections/Journeys.tsx

@@ -0,0 +1,26 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "journeys" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from "@/components/sections/features/FeaturesRevealCardsBento";
+
+export default function JourneysSection(): React.JSX.Element {
+  return (
+    <div id="journeys" data-section="journeys">
+            <FeaturesRevealCardsBento
+              tag="Our Story"
+              title="Behind the Kitchen"
+              description="Meet the passion and dedication that goes into every single plate at Gourmet Haven."
+              items={[
+                { title: "Sourcing", description: "Working directly with local farmers for the freshest ingredients", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetable-farmers-market_23-2148209779.jpg" },
+                { title: "Craft", description: "Mastering the art of traditional methods", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg" },
+                { title: "Vision", description: "Creating memories through modern gastronomy", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetable-salad-fork-dark_140725-153934.jpg" },
+                { title: "Wine", description: "Curating the finest global vineyards", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/side-view-red-wine-glass-white-vertical_176474-4128.jpg" },
+                { title: "Service", description: "Unparalleled attention to every detail", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/waiters-holding-plate-grilled-salmon-mashed-potato-topped-with-red-caviar-asparagus_140725-519.jpg" },
+                { title: "Passion", description: "Heart and soul in every bite", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg" },
+                { title: "Community", description: "Serving our local neighborhood with love", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-delicious-cocktails_23-2150124812.jpg" }
+              ]}
+            />
+          </div>
+  );
+}

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

src/pages/HomePage/sections/Reviews.tsx

@@ -0,0 +1,80 @@
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import TextAnimation from "@/components/ui/TextAnimation";
+import Tag from "@/components/ui/Tag";
+import RatingStars from "@/components/ui/RatingStars";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+
+export default function ReviewsSection() {
+  const testimonials = [
+    {
+      name: "Eleanor Vance",
+      role: "Food Critic",
+      quote: "An absolute masterpiece of culinary art. Every dish was a journey of flavors, and the ambiance is unmatched.",
+      rating: 5,
+      imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=200&h=200"
+    },
+    {
+      name: "Marcus Thorne",
+      role: "Local Guide",
+      quote: "The attention to detail here is phenomenal. From the perfectly seared scallops to the curated wine list, it's a flawless experience.",
+      rating: 5,
+      imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=200&h=200"
+    },
+    {
+      name: "Sophia Lin",
+      role: "Regular Guest",
+      quote: "We celebrate all our special occasions here. The staff makes you feel like royalty, and the tasting menu never disappoints.",
+      rating: 5,
+      imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&q=80&w=200&h=200"
+    }
+  ];
+
+  return (
+    <section className="relative w-full py-24 bg-background" data-webild-section="reviews">
+      <div className="w-content-width mx-auto">
+        <div className="flex flex-col items-center text-center mb-16">
+          <ScrollReveal variant="fade">
+            <Tag text="Guest Reviews" className="mb-4" />
+          </ScrollReveal>
+          <TextAnimation
+            text="What Our Diners Say"
+            variant="fade-blur"
+            tag="h2"
+            className="text-4xl md:text-5xl font-serif font-bold text-foreground mb-6"
+            gradientText={false}
+          />
+          <ScrollReveal variant="fade" delay={0.1}>
+            <p className="text-lg text-accent max-w-2xl mx-auto">
+              Read about the experiences of our guests and discover why we are a top dining destination.
+            </p>
+          </ScrollReveal>
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          {testimonials.map((testimonial, index) => (
+            <ScrollReveal variant="fade" key={index} delay={0.1 * (index + 1)}>
+              <div className="card p-8 h-full flex flex-col">
+                <RatingStars rating={testimonial.rating} className="mb-6" />
+                <p className="text-foreground text-lg mb-8 flex-grow italic">
+                  "{testimonial.quote}"
+                </p>
+                <div className="flex items-center gap-4 mt-auto">
+                  <div className="w-12 h-12 rounded-full overflow-hidden flex-shrink-0">
+                    <ImageOrVideo
+                      imageSrc={testimonial.imageSrc}
+                      className="w-full h-full object-cover"
+                    />
+                  </div>
+                  <div>
+                    <h4 className="text-foreground font-semibold">{testimonial.name}</h4>
+                    <p className="text-accent text-sm">{testimonial.role}</p>
+                  </div>
+                </div>
+              </div>
+            </ScrollReveal>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}

src/pages/HomePage/sections/Rooms.tsx

@@ -0,0 +1,22 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "rooms" section.
+
+import React from 'react';
+import FeaturesAttributeCards from "@/components/sections/features/FeaturesAttributeCards";
+
+export default function RoomsSection(): React.JSX.Element {
+  return (
+    <div id="rooms" data-section="rooms">
+            <FeaturesAttributeCards
+              tag="Menu Highlights"
+              title="Signature Selections"
+              description="A curated collection of our most celebrated dishes, crafted to perfection."
+              items={[
+                { title: "Truffle Infused Risotto", tags: "Vegetarian, Rich, Seasonal", badge: "Chef's Choice", details: [{ icon: "ChefHat", label: "Prep", value: "30m" }, { icon: "Flame", label: "Heat", value: "Medium" }, { icon: "Award", label: "Rating", value: "4.9" }], imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-chocolate-cake-with-chocolate-chips-grey-surface_140725-115540.jpg" },
+                { title: "Seared Atlantic Scallops", tags: "Seafood, Fresh, Delicate", badge: null, details: [{ icon: "ChefHat", label: "Prep", value: "20m" }, { icon: "Flame", label: "Heat", value: "High" }, { icon: "Award", label: "Rating", value: "4.8" }], imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-avocado-puree_23-2151942388.jpg" },
+                { title: "Wagyu Ribeye Steak", tags: "Premium, Savory, Aged", badge: "Top Seller", details: [{ icon: "ChefHat", label: "Prep", value: "45m" }, { icon: "Flame", label: "Heat", value: "High" }, { icon: "Award", label: "Rating", value: "5.0" }], imageSrc: "http://img.b2bpic.net/free-photo/closeup-juicy-piece-kebab-with-cranberry-puree_651396-1445.jpg" }
+              ]}
+            />
+          </div>
+  );
+}