Update src/pages/HomePage.tsx
This commit is contained in:
@@ -12,231 +12,121 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<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"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<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>
|
||||
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>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<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>
|
||||
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>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<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>
|
||||
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>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<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>
|
||||
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>
|
||||
|
||||
<div id="markets" data-section="markets">
|
||||
<SectionErrorBoundary name="markets">
|
||||
<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>
|
||||
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>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<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>
|
||||
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>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<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>
|
||||
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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user