Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8d307c51f3 |
307
src/app/page.tsx
307
src/app/page.tsx
@@ -31,87 +31,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Story",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Quality", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="Seura"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Symphony of Artisanal Cocoa"
|
||||
description="Experience the delicate balance of hand-tempered, ethically sourced chocolate crafted for the true connoisseur. Discover Seura, where tradition meets modern indulgence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chocolate-waffles-cocoa-powder_23-2148357736.jpg?_wi=1"
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chocolate-waffles-cocoa-powder_23-2148357736.jpg"
|
||||
imageAlt="luxury chocolate bar macro shot"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/various-chocolate-bar-stack-wooden-textured-backdrop_23-2147908312.jpg",
|
||||
alt: "Various chocolate bar stack on wooden textured backdrop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dark-chocolate-bowls-with-filling-plate_23-2148123875.jpg",
|
||||
alt: "Dark chocolate bowls with filling on plate",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-dark-chocolate-bar-tiles_171337-16247.jpg",
|
||||
alt: "Close up of dark chocolate bar tiles",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-coffee-chocolate-candies-sackcloth_176420-7450.jpg",
|
||||
alt: "Close up of coffee and chocolate candies on sackcloth.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-chocolate-truffles-ready-be-served_23-2148622314.jpg",
|
||||
alt: "Top view chocolate truffles ready to be served",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/various-chocolate-bar-stack-wooden-textured-backdrop_23-2147908312.jpg", alt: "Various chocolate bar stack on wooden textured backdrop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dark-chocolate-bowls-with-filling-plate_23-2148123875.jpg", alt: "Dark chocolate bowls with filling on plate" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-dark-chocolate-bar-tiles_171337-16247.jpg", alt: "Close up of dark chocolate bar tiles" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-coffee-chocolate-candies-sackcloth_176420-7450.jpg", alt: "Close up of coffee and chocolate candies on sackcloth." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-chocolate-truffles-ready-be-served_23-2148622314.jpg", alt: "Top view chocolate truffles ready to be served" },
|
||||
]}
|
||||
avatarText="Join our community of cocoa lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Craft",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Single Origin",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Tempered",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{ type: "text", text: "Artisanal Craft" },
|
||||
{ type: "text", text: "Single Origin" },
|
||||
{ type: "text", text: "Ethically Sourced" },
|
||||
{ type: "text", text: "Hand-Tempered" },
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,19 +72,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Art of Perfection",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801614.jpg",
|
||||
alt: "handcrafted chocolate making process",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "At Seura, every batch is a testament to the dedication of our master chocolatiers, merging ancestral techniques with the finest single-origin cocoa beans.",
|
||||
},
|
||||
{ type: "text", content: "The Art of Perfection" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801614.jpg", alt: "handcrafted chocolate making process" },
|
||||
{ type: "text", content: "At Seura, every batch is a testament to the dedication of our master chocolatiers, merging ancestral techniques with the finest single-origin cocoa beans." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,54 +86,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Midnight Velvet",
|
||||
price: "$18.00",
|
||||
variant: "Dark 85%",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-flow_1232-1904.jpg?_wi=1",
|
||||
imageAlt: "gourmet chocolate box gift set",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Golden Sea Salt",
|
||||
price: "$16.00",
|
||||
variant: "Milk 45%",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-chocolate-dessert_23-2151914173.jpg",
|
||||
imageAlt: "gourmet chocolate box gift set",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Raspberry Blush",
|
||||
price: "$20.00",
|
||||
variant: "Ruby 35%",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-chocolate-box-with-golden-silver-wrapped-chocolates_140725-1467.jpg",
|
||||
imageAlt: "gourmet chocolate box gift set",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hazelnut Crunch",
|
||||
price: "$19.00",
|
||||
variant: "Milk 50%",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cartoon-illustration_23-2151501286.jpg",
|
||||
imageAlt: "gourmet chocolate box gift set",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Espresso Roast",
|
||||
price: "$18.00",
|
||||
variant: "Dark 70%",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-retro-phone-heart-shaped-chocolates_23-2152033275.jpg",
|
||||
imageAlt: "gourmet chocolate box gift set",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Classic Ivory",
|
||||
price: "$15.00",
|
||||
variant: "White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-roll-with-coffee-beans-pinecones-high-quality-photo_114579-26652.jpg",
|
||||
imageAlt: "gourmet chocolate box gift set",
|
||||
},
|
||||
{ id: "1", name: "Midnight Velvet", price: "$18.00", variant: "Dark 85%", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-flow_1232-1904.jpg", imageAlt: "gourmet chocolate box gift set" },
|
||||
{ id: "2", name: "Golden Sea Salt", price: "$16.00", variant: "Milk 45%", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-chocolate-dessert_23-2151914173.jpg", imageAlt: "gourmet chocolate box gift set" },
|
||||
{ id: "3", name: "Raspberry Blush", price: "$20.00", variant: "Ruby 35%", imageSrc: "http://img.b2bpic.net/free-photo/top-view-round-chocolate-box-with-golden-silver-wrapped-chocolates_140725-1467.jpg", imageAlt: "gourmet chocolate box gift set" },
|
||||
{ id: "4", name: "Hazelnut Crunch", price: "$19.00", variant: "Milk 50%", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cartoon-illustration_23-2151501286.jpg", imageAlt: "gourmet chocolate box gift set" },
|
||||
{ id: "5", name: "Espresso Roast", price: "$18.00", variant: "Dark 70%", imageSrc: "http://img.b2bpic.net/free-photo/romantic-retro-phone-heart-shaped-chocolates_23-2152033275.jpg", imageAlt: "gourmet chocolate box gift set" },
|
||||
{ id: "6", name: "Classic Ivory", price: "$15.00", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-roll-with-coffee-beans-pinecones-high-quality-photo_114579-26652.jpg", imageAlt: "gourmet chocolate box gift set" },
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Exquisitely curated flavors designed to transcend your palate."
|
||||
@@ -205,46 +105,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ethical Sourcing",
|
||||
description: "Working directly with sustainable family-run farms to ensure quality and fairness.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-with-shrub-twigs_23-2147826296.jpg",
|
||||
imageAlt: "ethically sourced cocoa beans",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116661.jpg",
|
||||
imageAlt: "ethically sourced cocoa beans",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-waffles-cocoa-powder_23-2148357736.jpg?_wi=2",
|
||||
imageAlt: "ethically sourced cocoa beans",
|
||||
title: "Ethical Sourcing", description: "Working directly with sustainable family-run farms to ensure quality and fairness.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-with-shrub-twigs_23-2147826296.jpg", imageAlt: "ethically sourced cocoa beans" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116661.jpg", imageAlt: "ethically sourced cocoa beans" }
|
||||
},
|
||||
{
|
||||
title: "Artisanal Tempering",
|
||||
description: "Hand-crafted tempering processes for that perfect snap and smooth melt.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-baking-utensils-with-spices-cookies-cookie-cutters-light-surface_114579-5497.jpg",
|
||||
imageAlt: "artisan hand temper chocolate",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-room-two-women-blue-lab-suits-work-line-with-pills_645730-468.jpg",
|
||||
imageAlt: "artisan hand temper chocolate",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801614.jpg",
|
||||
imageAlt: "ethically sourced cocoa beans",
|
||||
title: "Artisanal Tempering", description: "Hand-crafted tempering processes for that perfect snap and smooth melt.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/kitchen-baking-utensils-with-spices-cookies-cookie-cutters-light-surface_114579-5497.jpg", imageAlt: "artisan hand temper chocolate" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/clean-room-two-women-blue-lab-suits-work-line-with-pills_645730-468.jpg", imageAlt: "artisan hand temper chocolate" }
|
||||
},
|
||||
{
|
||||
title: "Premium Packaging",
|
||||
description: "Every detail reflects the luxury housed within the sustainable materials.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-ring-rose-chocolate-box_23-2148243782.jpg",
|
||||
imageAlt: "luxury gold chocolate wrapping",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418531.jpg",
|
||||
imageAlt: "luxury gold chocolate wrapping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-flow_1232-1904.jpg?_wi=2",
|
||||
imageAlt: "ethically sourced cocoa beans",
|
||||
title: "Premium Packaging", description: "Every detail reflects the luxury housed within the sustainable materials.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-ring-rose-chocolate-box_23-2148243782.jpg", imageAlt: "luxury gold chocolate wrapping" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418531.jpg", imageAlt: "luxury gold chocolate wrapping" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -258,12 +128,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"World Cocoa Association",
|
||||
"Artisan Confectioner Award",
|
||||
"Fine Food Excellence",
|
||||
"Sustainable Sourcing Certified",
|
||||
"Master Chocolatiers Guild",
|
||||
]}
|
||||
"World Cocoa Association", "Artisan Confectioner Award", "Fine Food Excellence", "Sustainable Sourcing Certified", "Master Chocolatiers Guild"]}
|
||||
title="Trusted by Gourmet Experts"
|
||||
description="Acknowledged by leaders in the fine confectionery and artisan food industries."
|
||||
/>
|
||||
@@ -275,41 +140,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julianne M.",
|
||||
role: "Food Critic",
|
||||
testimonial: "The depth of flavor in Seura's Midnight Velvet is truly unparalleled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-blonde-woman-pearl-necklace-light-blouse-sits-cafe-enjoys-tasty-bruschetta_197531-30016.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus V.",
|
||||
role: "Sommelier",
|
||||
testimonial: "A masterclass in chocolate craftsmanship. The pairings are exquisite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-businessman_171337-394.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena K.",
|
||||
role: "Pastry Chef",
|
||||
testimonial: "Working with Seura cocoa has completely redefined my standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bored-young-male-chef-wearing-uniform-keeping-hand-face-another-hand-arm-looking-side-isolated-brown-background_141793-137603.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert S.",
|
||||
role: "Collector",
|
||||
testimonial: "The best gifting collection I've ever experienced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-touching-her-chin_158595-3902.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Clara H.",
|
||||
role: "Food Blogger",
|
||||
testimonial: "Each bar feels like a journey of flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168853.jpg",
|
||||
},
|
||||
{ id: "1", name: "Julianne M.", role: "Food Critic", testimonial: "The depth of flavor in Seura's Midnight Velvet is truly unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-blonde-woman-pearl-necklace-light-blouse-sits-cafe-enjoys-tasty-bruschetta_197531-30016.jpg" },
|
||||
{ id: "2", name: "Marcus V.", role: "Sommelier", testimonial: "A masterclass in chocolate craftsmanship. The pairings are exquisite.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-businessman_171337-394.jpg" },
|
||||
{ id: "3", name: "Elena K.", role: "Pastry Chef", testimonial: "Working with Seura cocoa has completely redefined my standards.", imageSrc: "http://img.b2bpic.net/free-photo/bored-young-male-chef-wearing-uniform-keeping-hand-face-another-hand-arm-looking-side-isolated-brown-background_141793-137603.jpg" },
|
||||
{ id: "4", name: "Robert S.", role: "Collector", testimonial: "The best gifting collection I've ever experienced.", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-touching-her-chin_158595-3902.jpg" },
|
||||
{ id: "5", name: "Clara H.", role: "Food Blogger", testimonial: "Each bar feels like a journey of flavor.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168853.jpg" },
|
||||
]}
|
||||
title="Stories of Indulgence"
|
||||
description="What our patrons say about the Seura experience."
|
||||
@@ -321,21 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are your products dairy-free?",
|
||||
content: "We offer a dedicated selection of vegan-friendly dark chocolate bars.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where do you ship?",
|
||||
content: "We currently offer domestic shipping and select international destinations.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request corporate gifts?",
|
||||
content: "Yes, we specialize in luxury corporate gift sets for special occasions.",
|
||||
},
|
||||
{ id: "q1", title: "Are your products dairy-free?", content: "We offer a dedicated selection of vegan-friendly dark chocolate bars." },
|
||||
{ id: "q2", title: "Where do you ship?", content: "We currently offer domestic shipping and select international destinations." },
|
||||
{ id: "q3", title: "Can I request corporate gifts?", content: "Yes, we specialize in luxury corporate gift sets for special occasions." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our chocolates and services."
|
||||
@@ -346,9 +169,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Keep in touch"
|
||||
title="Join the Inner Circle"
|
||||
description="Sign up for early access to limited edition batches and seasonal collections."
|
||||
@@ -358,45 +179,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Full Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Gifts",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "Full Collection", href: "#products" }, { label: "Gifts", href: "#products" }] },
|
||||
{ title: "About", items: [{ label: "Our Story", href: "#about" }, { label: "Sustainability", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Seura"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user