bender/50015742-5564-4e5b-8f55-9c8e3fc246e1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1781432269943 into main #3

Merged
bender merged 1 commits from version_2_1781432269943 into main 2026-06-14 10:19:32 +00:00
Conversation 0 Commits 1 Files Changed 10 +227 -126
10 changed files with 227 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/index.css
View File

@@ -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;

145
src/pages/HomePage.tsx
View File

@@ -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 />
</>
);
}
}

22
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -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>
);
}

21
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -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>
);
}

24
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -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>
);
}

25
src/pages/HomePage/sections/Features.tsx Normal file
View File

@@ -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>
);
}

25
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -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>
);
}

25
src/pages/HomePage/sections/Markets.tsx Normal file
View File

@@ -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>
);
}

25
src/pages/HomePage/sections/Metrics.tsx Normal file
View File

@@ -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>
);
}

29
src/pages/HomePage/sections/Products.tsx Normal file
View File

@@ -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>
);
}