Bob AI: Change website background to red and adjust theme colors for

Merge version_2_1782372572665 into main

src/components/Layout.tsx

@@ -96,7 +96,7 @@ export default function Layout() {
           ],
         },
       ]}
-      copyright="© 2024 Bihari Samosa Ghantawala. All rights reserved."
+      copyright="© 2026 Bihari Samosa Ghantawala. All rights reserved."
       links={[
         {
           label: "Instagram",

src/index.css

@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
-  --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
-  --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --background: #e60000;
+  --card: #cc0000;
+  --foreground: #ffffff;
+  --primary-cta: #000000;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #e60000;
+  --accent: #ffcccc;
+  --background-accent: #b30000;
 
   /* @layout/border-radius/rounded */
   --radius: 0.5rem;

src/pages/HomePage.tsx

@@ -1,161 +1,36 @@
-import AboutText from '@/components/sections/about/AboutText';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeaturesBentoGrid from '@/components/sections/features/FeaturesBentoGrid';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
-import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
-import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// 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.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import FeaturesSection from './HomePage/sections/Features';
+import ProductsSection from './HomePage/sections/Products';
+import TestimonialsSection from './HomePage/sections/Testimonials';
+import SocialProofSection from './HomePage/sections/SocialProof';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroSplitMediaGrid
-      tag="Authentic Bihari Flavors"
-      title="Experience Traditional Samosa Perfection"
-      description="Bringing the heart of Bihar's streets to your neighborhood. Crispy, golden, and filled with love."
-      primaryButton={{
-        text: "See Menu",        href: "#products"}}
-      secondaryButton={{
-        text: "Find Us",        href: "#contact"}}
-      items={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-rice-with-meatballs-different-seasonings-dark_140725-104448.jpg"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151889990.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutText
-      title="The Ghantawala Tradition"
-      primaryButton={{
-        text: "Learn Our History",        href: "#"}}
-      secondaryButton={{
-        text: "Contact Us",        href: "#contact"}}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesBentoGrid
-      tag="Why We Are The Best"
-      title="Authenticity in Every Bite"
-      description="We don't just make snacks; we uphold a legacy of tradition and quality."
-      features={[
-        {
-          title: "Fresh Ingredients",          description: "Hand-picked spices and farm-fresh vegetables for ultimate flavor.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-seasonings-with-sliced-cabbage-greens-beet-white-background_140725-126050.jpg"},
-        {
-          title: "Secret Recipe",          description: "A legacy recipe passed down through generations.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-grandparents-working-together-country-side_23-2149518775.jpg"},
-        {
-          title: "Daily Prepared",          description: "Crispy golden goodness prepared fresh every single morning.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stripping-cabbage_23-2147809522.jpg"},
-        {
-          title: "Hospitable Service",          description: "Served with a smile and the warmth of Bihar.",          imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-braids-working-as-manager-retail-boutique-smiling-doing-phone-gesture-with-hand-fingers-like-talking-telephone-communicating-concepts_839833-7329.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="products" data-section="products">
-    <SectionErrorBoundary name="products">
-          <FeaturesRevealCardsBento
-      tag="Our Signature Menu"
-      title="Taste the Variety"
-      description="From classic fillings to special treats, find your favorite."
-      items={[
-        {
-          title: "Classic Aloo",          description: "The traditional potato-filled masterpiece.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hands-holding-bowl-cone-shape-corn-snacks-beige-wooden-table_141793-88612.jpg"},
-        {
-          title: "Mixed Veggie",          description: "Crunchy vegetables seasoned to perfection.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/assortment-different-foods-ingredients_23-2148869872.jpg"},
-        {
-          title: "Paneer Special",          description: "Rich cottage cheese for a premium twist.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/indian-traditional-patisserie-with-sauce_23-2148295020.jpg"},
-        {
-          title: "Chole Samosa",          description: "Spicy chickpea filled snack for a hearty treat.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-assorted-beer-snacks-as-fried-dushbara-wood_140725-12514.jpg"},
-        {
-          title: "Sweet Jalebi",          description: "Crispy, syrupy perfection to balance the spice.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bread-hot-tasty-fresh-sliced-inside-bread-bin-pink_140725-24287.jpg"},
-        {
-          title: "Special Chutney",          description: "The secret sauce that brings it all together.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-homemade-hummus-with-olive-oil-pita-chips_2829-16849.jpg"},
-        {
-          title: "Masala Chai",          description: "Authentic spiced tea brewed with care.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-two-cups-coffee-cookies-cinnamon-limes-old-newspaper-dark-background_140725-144084.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProductsSection />
 
-  <div id="testimonials" data-section="testimonials">
-    <SectionErrorBoundary name="testimonials">
-          <TestimonialQuoteCards
-      tag="Words from Our Guests"
-      title="Flavor Memories"
-      description="What our customers say about the authentic experience."
-      testimonials={[
-        {
-          name: "Rahul Verma",          role: "Food Blogger",          quote: "The most authentic samosas I have ever tasted in London.",          imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077662.jpg"},
-        {
-          name: "Anita Rao",          role: "Student",          quote: "Brings me right back to my childhood in Patna.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-sushi-park-picnic-nature_169016-22794.jpg"},
-        {
-          name: "David Miller",          role: "Local Resident",          quote: "I come here every weekend for the masala chai and samosa combo.",          imageSrc: "http://img.b2bpic.net/free-photo/cutting-quiche_23-2147985302.jpg"},
-        {
-          name: "Sanjay Gupta",          role: "Tech Professional",          quote: "Fresh, crispy, and the spice balance is simply spot on.",          imageSrc: "http://img.b2bpic.net/free-photo/charming-successful-female-entrepreneur-sit-alone-table-restaurant-modern-cafe-touch-neck-cute-tender-smiling-camera-eat-salad-enjoy-coffee-good-food-lead-healthy-diet-relaxing-break-lunch_197531-30650.jpg"},
-        {
-          name: "Meena Devi",          role: "Home Maker",          quote: "A taste of home that I have been searching for for years.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pakistan-meal-arrangement-basket_23-2148821572.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialsSection />
 
-  <div id="social-proof" data-section="social-proof">
-    <SectionErrorBoundary name="social-proof">
-          <SocialProofMarquee
-      tag="Recognized Excellence"
-      title="Trusted by the Community"
-      description="We are proud to be recognized for our dedication to quality."
-      names={[
-        "Food Critic Top Pick",        "Local Community Favorite",        "Best Street Food 2024",        "Authenticity Certified",        "Wembley Culinary Award",        "Heritage Recipe Winner",        "Verified Freshness Seal"]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <SocialProofSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqSplitMedia
-      tag="Questions?"
-      title="Everything You Need to Know"
-      description="Answers to common questions about our shop."
-      items={[
-        {
-          question: "Do you offer catering?",          answer: "Yes, we handle orders for small gatherings and office events."},
-        {
-          question: "Are your ingredients fresh?",          answer: "Every samosa is handmade with fresh produce every single morning."},
-        {
-          question: "Do you have vegetarian options?",          answer: "Our entire menu is 100% vegetarian."},
-        {
-          question: "Can I pre-order?",          answer: "Absolutely! Please call us at least a day in advance for larger bulk orders."},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/question-mark-sign-led-light-illustration_181624-56527.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Visit Us"
-      text="Ready to taste the tradition? Come visit us in Wembley!"
-      primaryButton={{
-        text: "Get Directions",        href: "#"}}
-      secondaryButton={{
-        text: "Call Now",        href: "tel:+442012345678"}}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
 }

src/pages/HomePage/sections/About.tsx

@@ -0,0 +1,22 @@
+// 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 AboutText from '@/components/sections/about/AboutText';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutText
+          title="The Ghantawala Tradition"
+          primaryButton={{
+            text: "Learn Our History",        href: "#"}}
+          secondaryButton={{
+            text: "Contact Us",        href: "#contact"}}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Contact.tsx

@@ -0,0 +1,23 @@
+// 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 ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+              <ContactCta
+          tag="Visit Us"
+          text="Ready to taste the tradition? Come visit us in Wembley!"
+          primaryButton={{
+            text: "Get Directions",        href: "#"}}
+          secondaryButton={{
+            text: "Call Now",        href: "tel:+442012345678"}}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Faq.tsx

@@ -0,0 +1,31 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "faq" section.
+
+import React from 'react';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqSplitMedia
+          tag="Questions?"
+          title="Everything You Need to Know"
+          description="Answers to common questions about our shop."
+          items={[
+            {
+              question: "Do you offer catering?",          answer: "Yes, we handle orders for small gatherings and office events."},
+            {
+              question: "Are your ingredients fresh?",          answer: "Every samosa is handmade with fresh produce every single morning."},
+            {
+              question: "Do you have vegetarian options?",          answer: "Our entire menu is 100% vegetarian."},
+            {
+              question: "Can I pre-order?",          answer: "Absolutely! Please call us at least a day in advance for larger bulk orders."},
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/question-mark-sign-led-light-illustration_181624-56527.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Features.tsx

@@ -0,0 +1,30 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "features" section.
+
+import React from 'react';
+import FeaturesBentoGrid from '@/components/sections/features/FeaturesBentoGrid';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesBentoGrid
+          tag="Why We Are The Best"
+          title="Authenticity in Every Bite"
+          description="We don't just make snacks; we uphold a legacy of tradition and quality."
+          features={[
+            {
+              title: "Fresh Ingredients",          description: "Hand-picked spices and farm-fresh vegetables for ultimate flavor.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-seasonings-with-sliced-cabbage-greens-beet-white-background_140725-126050.jpg"},
+            {
+              title: "Secret Recipe",          description: "A legacy recipe passed down through generations.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-grandparents-working-together-country-side_23-2149518775.jpg"},
+            {
+              title: "Daily Prepared",          description: "Crispy golden goodness prepared fresh every single morning.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stripping-cabbage_23-2147809522.jpg"},
+            {
+              title: "Hospitable Service",          description: "Served with a smile and the warmth of Bihar.",          imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-braids-working-as-manager-retail-boutique-smiling-doing-phone-gesture-with-hand-fingers-like-talking-telephone-communicating-concepts_839833-7329.jpg"},
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Hero.tsx

@@ -0,0 +1,30 @@
+// 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 HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroSplitMediaGrid
+          tag="Authentic Bihari Flavors"
+          title="Experience Traditional Samosa Perfection"
+          description="Bringing the heart of Bihar's streets to your neighborhood. Crispy, golden, and filled with love."
+          primaryButton={{
+            text: "See Menu",        href: "#products"}}
+          secondaryButton={{
+            text: "Find Us",        href: "#contact"}}
+          items={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-rice-with-meatballs-different-seasonings-dark_140725-104448.jpg"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151889990.jpg"},
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Products.tsx

@@ -0,0 +1,36 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "products" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProductsSection(): React.JSX.Element {
+  return (
+    <div id="products" data-section="products">
+        <SectionErrorBoundary name="products">
+              <FeaturesRevealCardsBento
+          tag="Our Signature Menu"
+          title="Taste the Variety"
+          description="From classic fillings to special treats, find your favorite."
+          items={[
+            {
+              title: "Classic Aloo",          description: "The traditional potato-filled masterpiece.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hands-holding-bowl-cone-shape-corn-snacks-beige-wooden-table_141793-88612.jpg"},
+            {
+              title: "Mixed Veggie",          description: "Crunchy vegetables seasoned to perfection.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/assortment-different-foods-ingredients_23-2148869872.jpg"},
+            {
+              title: "Paneer Special",          description: "Rich cottage cheese for a premium twist.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/indian-traditional-patisserie-with-sauce_23-2148295020.jpg"},
+            {
+              title: "Chole Samosa",          description: "Spicy chickpea filled snack for a hearty treat.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-assorted-beer-snacks-as-fried-dushbara-wood_140725-12514.jpg"},
+            {
+              title: "Sweet Jalebi",          description: "Crispy, syrupy perfection to balance the spice.",          href: "#",          imageSrc: "https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/Awadhi_jalebi.jpg/800px-Awadhi_jalebi.jpg"},
+            {
+              title: "Special Chutney",          description: "The secret sauce that brings it all together.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-homemade-hummus-with-olive-oil-pita-chips_2829-16849.jpg"},
+            {
+              title: "Masala Chai",          description: "Authentic spiced tea brewed with care.",          href: "#",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-two-cups-coffee-cookies-cinnamon-limes-old-newspaper-dark-background_140725-144084.jpg"},
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/SocialProof.tsx

@@ -0,0 +1,22 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "social-proof" section.
+
+import React from 'react';
+import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function SocialProofSection(): React.JSX.Element {
+  return (
+    <div id="social-proof" data-section="social-proof">
+        <SectionErrorBoundary name="social-proof">
+              <SocialProofMarquee
+          tag="Recognized Excellence"
+          title="Trusted by the Community"
+          description="We are proud to be recognized for our dedication to quality."
+          names={[
+            "Food Critic Top Pick",        "Local Community Favorite",        "Best Street Food 2024",        "Authenticity Certified",        "Wembley Culinary Award",        "Heritage Recipe Winner",        "Verified Freshness Seal"]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Testimonials.tsx

@@ -0,0 +1,32 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonials" section.
+
+import React from 'react';
+import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialsSection(): React.JSX.Element {
+  return (
+    <div id="testimonials" data-section="testimonials">
+        <SectionErrorBoundary name="testimonials">
+              <TestimonialQuoteCards
+          tag="Words from Our Guests"
+          title="Flavor Memories"
+          description="What our customers say about the authentic experience."
+          testimonials={[
+            {
+              name: "Rahul Verma",          role: "Food Blogger",          quote: "The most authentic samosas I have ever tasted in London.",          imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077662.jpg"},
+            {
+              name: "Anita Rao",          role: "Student",          quote: "Brings me right back to my childhood in Patna.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-sushi-park-picnic-nature_169016-22794.jpg"},
+            {
+              name: "David Miller",          role: "Local Resident",          quote: "I come here every weekend for the masala chai and samosa combo.",          imageSrc: "http://img.b2bpic.net/free-photo/cutting-quiche_23-2147985302.jpg"},
+            {
+              name: "Sanjay Gupta",          role: "Tech Professional",          quote: "Fresh, crispy, and the spice balance is simply spot on.",          imageSrc: "http://img.b2bpic.net/free-photo/charming-successful-female-entrepreneur-sit-alone-table-restaurant-modern-cafe-touch-neck-cute-tender-smiling-camera-eat-salad-enjoy-coffee-good-food-lead-healthy-diet-relaxing-break-lunch_197531-30650.jpg"},
+            {
+              name: "Meena Devi",          role: "Home Maker",          quote: "A taste of home that I have been searching for for years.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pakistan-meal-arrangement-basket_23-2148821572.jpg"},
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}