Merge version_2_1781432269943 into main

Bob AI: Update theme to plain white with light gray accents
2026-06-14 10:19:32 +00:00 · 2026-06-14 10:18:49 +00:00 · 2026-06-14 08:46:02 +00:00 · 2026-06-14 08:45:14 +00:00
10 changed files with 227 additions and 126 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -6,14 +6,14 @@
 :root {
  /* @colorThemes/lightTheme/grayNavyBlue */
  --background: #ffffff;
-  --card: #f9f9f9;
+  --card: #ffffff;
  --foreground: #1a1a1a;
-  --primary-cta: #2a2a2a;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f1f1f1;
+  --primary-cta: #f4f4f4;
+  --primary-cta-text: #1a1a1a;
+  --secondary-cta: #ffffff;
  --secondary-cta-text: #1a1a1a;
-  --accent: #e5e5e5;
-  --background-accent: #f4f4f4;
+  --accent: #f9f9f9;
+  --background-accent: #ffffff;

  /* @layout/border-radius/rounded */
  --radius: 1rem;
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,131 +1,36 @@
-import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
-import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
-import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
-import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
-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 MetricsSection from './HomePage/sections/Metrics';
+import MarketsSection from './HomePage/sections/Markets';
+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">
-          <HeroCenteredLogos
-            title="Sammy Scent Creations"
-            description="Handcrafted in Perth, Western Australia. Small-batch candles made with love."
-            primaryButton={{ text: "Shop Scents", href: "#products" }}
-            secondaryButton={{ text: "Find Markets", href: "#markets" }}
-            names={["30+ Unique Scents", "100% Handmade", "$10 Per Candle"]}
-            imageSrc="http://img.b2bpic.net/free-photo/home-still-life-with-burning-candles-as-home-decor-details_169016-11265.jpg"
-            avatarsSrc={[]}
-            avatarText=""
-          />
-        </SectionErrorBoundary>
-      </div>
+<>
+      <HeroSection />

-      <div id="about" data-section="about">
-        <SectionErrorBoundary name="about">
-          <AboutTestimonial
-            tag="Meet Sammy"
-            quote="What started as a creative hobby has grown into a little candle shop I'm genuinely proud of. Every candle is crafted by hand, so no two are exactly alike."
-            author="Sammy"
-            role="Teenage Maker"
-            imageSrc="http://img.b2bpic.net/free-photo/photo-satisfied-female-model-enjoys-drinking-traditional-christmas-beverage-classical-winter-drink-ready-celebrate-xmas-poses-study-room-near-desktop-closes-eyes-smiles-gently_273609-37658.jpg"
-          />
-        </SectionErrorBoundary>
-      </div>
+      <AboutSection />

-      <div id="features" data-section="features">
-        <SectionErrorBoundary name="features">
-          <FeaturesDetailedCards
-            tag="Process"
-            title="How it's Made"
-            description="Every detail is handled with care."
-            items={[
-              { title: "Fragrance Selection", description: "Carefully curating scents that are cosy, fresh, sweet, or earthy.", tags: ["Creative", "Fragrance"], imageSrc: "http://img.b2bpic.net/free-photo/luxury-aroma-candle-decorative-home-spa-essential_53876-133288.jpg" },
-              { title: "Hand-Poured", description: "Small batches ensure quality control and personal touch.", tags: ["Small-batch", "Artisan"], imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-flaming-candles-young-tree-branches-wooden-surface-scandinavian-style_169016-11275.jpg" },
-              { title: "Market Ready", description: "Bringing the latest batches to local markets across Perth.", tags: ["Local", "Perth"], imageSrc: "http://img.b2bpic.net/free-photo/florist-taking-decorations-from-cupboard_23-2147760974.jpg" }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <FeaturesSection />

-      <div id="products" data-section="products">
-        <SectionErrorBoundary name="products">
-          <FeaturesImageBento
-            tag="Scents"
-            title="Available Fragrances"
-            description="Explore our current scent collection."
-            items={[
-              { title: "Apricot", description: "Sweet and fruity", imageSrc: "http://img.b2bpic.net/free-photo/large-beautiful-candle-eucalyptus-twigs-white-background-isolated_169016-25947.jpg" },
-              { title: "Bubblegum", description: "Playful and nostalgic", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-ceramic-cups-candles_169016-12955.jpg" },
-              { title: "Cherry Blossom", description: "Delicate and floral", imageSrc: "http://img.b2bpic.net/free-photo/home-still-life-interior-with-beautiful-candles-background-cozy-home-decor_169016-3307.jpg" },
-              { title: "Coconut & Lemongrass", description: "Fresh and tropical", imageSrc: "http://img.b2bpic.net/free-photo/side-view-vanilla-scented-candle-glass-wooden-table_140725-12067.jpg" },
-              { title: "Fairy Floss", description: "Sweet and whimsical", imageSrc: "http://img.b2bpic.net/free-photo/luxury-aroma-candle-decorative-home-spa-essential_53876-133308.jpg" },
-              { title: "Fudge Brownie", description: "Rich and comforting", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-candles-knitted-element-blurred-background_169016-52222.jpg" },
-              { title: "Lemongrass & Persian Lime", description: "Zesty and vibrant", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tray-with-coffee-with-whipped-cream-candle_23-2148720053.jpg" }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <ProductsSection />

-      <div id="metrics" data-section="metrics">
-        <SectionErrorBoundary name="metrics">
-          <MetricsIconCards
-            tag="Why Us"
-            title="By the Numbers"
-            description="Quality meets accessibility."
-            metrics={[
-              { icon: "Sparkles", title: "Unique Scents", value: "30+" },
-              { icon: "CheckCircle", title: "Handmade", value: "100%" },
-              { icon: "DollarSign", title: "Price Per Candle", value: "$10" }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <MetricsSection />

-      <div id="markets" data-section="markets">
-        <SectionErrorBoundary name="markets">
-          <TeamStackedCards
-            tag="In Person"
-            title="Local Perth Markets"
-            description="Catch us at upcoming events to smell your favourites."
-            members={[
-              { name: "Perth Local Markets", role: "Ongoing Schedule", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-garage-sale_23-2150576975.jpg" },
-              { name: "Special Drops", role: "Check Instagram", imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-leaf-concept-with-candle_23-2148536006.jpg" },
-              { name: "Follow Along", role: "@sammy_scent_creations", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-candle-knitted-element_169016-27017.jpg" }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <MarketsSection />

-      <div id="faq" data-section="faq">
-        <SectionErrorBoundary name="faq">
-          <FaqTabbedAccordion
-            tag="Order Info"
-            title="Ordering & FAQ"
-            description="Everything you need to know about getting your order."
-            categories={[
-              { name: "Ordering", items: [{ question: "How do I place an order?", answer: "DM us on Instagram @sammy_scent_creations with your scent list." }, { question: "What is the price?", answer: "All candles are $10 each." }] },
-              { name: "Shipping/Pickup", items: [{ question: "How do I collect?", answer: "Local pickup available or meet us at our next market location." }] }
-            ]}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <FaqSection />

-      <div id="contact" data-section="contact">
-        <SectionErrorBoundary name="contact">
-          <ContactCta
-            tag="Contact"
-            text="Ready to find your perfect scent? Send a DM today."
-            primaryButton={{ text: "Message on Instagram", href: "https://instagram.com/sammy_scent_creations" }}
-            secondaryButton={{ text: "Email for Inquiries", href: "mailto:hello@sammyscent.com" }}
-          />
-        </SectionErrorBoundary>
-      </div>
+      <ContactSection />
    </>
  );
-}
+}
--- a/src/pages/HomePage/sections/About.tsx
+++ b/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 AboutTestimonial from '@/components/sections/about/AboutTestimonial';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+            <SectionErrorBoundary name="about">
+              <AboutTestimonial
+                tag="Meet Sammy"
+                quote="What started as a creative hobby has grown into a little candle shop I'm genuinely proud of. Every candle is crafted by hand, so no two are exactly alike."
+                author="Sammy"
+                role="Teenage Maker"
+                imageSrc="http://img.b2bpic.net/free-photo/photo-satisfied-female-model-enjoys-drinking-traditional-christmas-beverage-classical-winter-drink-ready-celebrate-xmas-poses-study-room-near-desktop-closes-eyes-smiles-gently_273609-37658.jpg"
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
--- a/src/pages/HomePage/sections/Contact.tsx
+++ b/src/pages/HomePage/sections/Contact.tsx
@@ -0,0 +1,21 @@
+// 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="Contact"
+                text="Ready to find your perfect scent? Send a DM today."
+                primaryButton={{ text: "Message on Instagram", href: "https://instagram.com/sammy_scent_creations" }}
+                secondaryButton={{ text: "Email for Inquiries", href: "mailto:hello@sammyscent.com" }}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
--- a/src/pages/HomePage/sections/Faq.tsx
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,24 @@
+// 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 FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+            <SectionErrorBoundary name="faq">
+              <FaqTabbedAccordion
+                tag="Order Info"
+                title="Ordering & FAQ"
+                description="Everything you need to know about getting your order."
+                categories={[
+                  { name: "Ordering", items: [{ question: "How do I place an order?", answer: "DM us on Instagram @sammy_scent_creations with your scent list." }, { question: "What is the price?", answer: "All candles are $10 each." }] },
+                  { name: "Shipping/Pickup", items: [{ question: "How do I collect?", answer: "Local pickup available or meet us at our next market location." }] }
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
--- a/src/pages/HomePage/sections/Features.tsx
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,25 @@
+// 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 FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+            <SectionErrorBoundary name="features">
+              <FeaturesDetailedCards
+                tag="Process"
+                title="How it's Made"
+                description="Every detail is handled with care."
+                items={[
+                  { title: "Fragrance Selection", description: "Carefully curating scents that are cosy, fresh, sweet, or earthy.", tags: ["Creative", "Fragrance"], imageSrc: "http://img.b2bpic.net/free-photo/luxury-aroma-candle-decorative-home-spa-essential_53876-133288.jpg" },
+                  { title: "Hand-Poured", description: "Small batches ensure quality control and personal touch.", tags: ["Small-batch", "Artisan"], imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-flaming-candles-young-tree-branches-wooden-surface-scandinavian-style_169016-11275.jpg" },
+                  { title: "Market Ready", description: "Bringing the latest batches to local markets across Perth.", tags: ["Local", "Perth"], imageSrc: "http://img.b2bpic.net/free-photo/florist-taking-decorations-from-cupboard_23-2147760974.jpg" }
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,25 @@
+// 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 HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+            <SectionErrorBoundary name="hero">
+              <HeroCenteredLogos
+                title="Sammy Scent Creations"
+                description="Handcrafted in Perth, Western Australia. Small-batch candles made with love."
+                primaryButton={{ text: "Shop Scents", href: "#products" }}
+                secondaryButton={{ text: "Find Markets", href: "#markets" }}
+                names={["30+ Unique Scents", "100% Handmade", "$10 Per Candle"]}
+                imageSrc="http://img.b2bpic.net/free-photo/home-still-life-with-burning-candles-as-home-decor-details_169016-11265.jpg"
+                avatarsSrc={[]}
+                avatarText=""
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
--- a/src/pages/HomePage/sections/Markets.tsx
+++ b/src/pages/HomePage/sections/Markets.tsx
@@ -0,0 +1,25 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "markets" section.
+
+import React from 'react';
+import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MarketsSection(): React.JSX.Element {
+  return (
+    <div id="markets" data-section="markets">
+            <SectionErrorBoundary name="markets">
+              <TeamStackedCards
+                tag="In Person"
+                title="Local Perth Markets"
+                description="Catch us at upcoming events to smell your favourites."
+                members={[
+                  { name: "Perth Local Markets", role: "Ongoing Schedule", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-garage-sale_23-2150576975.jpg" },
+                  { name: "Special Drops", role: "Check Instagram", imageSrc: "http://img.b2bpic.net/free-photo/front-view-green-leaf-concept-with-candle_23-2148536006.jpg" },
+                  { name: "Follow Along", role: "@sammy_scent_creations", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-candle-knitted-element_169016-27017.jpg" }
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
--- a/src/pages/HomePage/sections/Metrics.tsx
+++ b/src/pages/HomePage/sections/Metrics.tsx
@@ -0,0 +1,25 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metrics" section.
+
+import React from 'react';
+import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+            <SectionErrorBoundary name="metrics">
+              <MetricsIconCards
+                tag="Why Us"
+                title="By the Numbers"
+                description="Quality meets accessibility."
+                metrics={[
+                  { icon: "Sparkles", title: "Unique Scents", value: "30+" },
+                  { icon: "CheckCircle", title: "Handmade", value: "100%" },
+                  { icon: "DollarSign", title: "Price Per Candle", value: "$10" }
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
--- a/src/pages/HomePage/sections/Products.tsx
+++ b/src/pages/HomePage/sections/Products.tsx
@@ -0,0 +1,29 @@
+// 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 FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProductsSection(): React.JSX.Element {
+  return (
+    <div id="products" data-section="products">
+            <SectionErrorBoundary name="products">
+              <FeaturesImageBento
+                tag="Scents"
+                title="Available Fragrances"
+                description="Explore our current scent collection."
+                items={[
+                  { title: "Apricot", description: "Sweet and fruity", imageSrc: "http://img.b2bpic.net/free-photo/large-beautiful-candle-eucalyptus-twigs-white-background-isolated_169016-25947.jpg" },
+                  { title: "Bubblegum", description: "Playful and nostalgic", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-ceramic-cups-candles_169016-12955.jpg" },
+                  { title: "Cherry Blossom", description: "Delicate and floral", imageSrc: "http://img.b2bpic.net/free-photo/home-still-life-interior-with-beautiful-candles-background-cozy-home-decor_169016-3307.jpg" },
+                  { title: "Coconut & Lemongrass", description: "Fresh and tropical", imageSrc: "http://img.b2bpic.net/free-photo/side-view-vanilla-scented-candle-glass-wooden-table_140725-12067.jpg" },
+                  { title: "Fairy Floss", description: "Sweet and whimsical", imageSrc: "http://img.b2bpic.net/free-photo/luxury-aroma-candle-decorative-home-spa-essential_53876-133308.jpg" },
+                  { title: "Fudge Brownie", description: "Rich and comforting", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-candles-knitted-element-blurred-background_169016-52222.jpg" },
+                  { title: "Lemongrass & Persian Lime", description: "Zesty and vibrant", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tray-with-coffee-with-whipped-cream-candle_23-2148720053.jpg" }
+                ]}
+              />
+            </SectionErrorBoundary>
+          </div>
+  );
+}
Author	SHA1	Message	Date
bender	f9307e7236	Merge version_2_1781432269943 into main Merge version_2_1781432269943 into main	2026-06-14 10:19:32 +00:00
kudinDmitriyUp	a25d790224	Bob AI: Update theme to plain white with light gray accents	2026-06-14 10:18:49 +00:00
bender	8b17cb5b9f	Merge version_1_1781426649467 into main Merge version_1_1781426649467 into main	2026-06-14 08:46:02 +00:00
bender	47fc579c13	Merge version_1_1781426649467 into main Merge version_1_1781426649467 into main	2026-06-14 08:45:14 +00:00