bender/4b2c792a-eee5-4bd6-9243-8a5797185254
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 20:45:29 +00:00
parent d94a3326fc
commit 66cf7fd3cd
1 changed files with 55 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

178
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -31,16 +31,10 @@ 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: "Support", id: "#faq"}
{ name: "Story", id: "about" },
{ name: "Collection", id: "products" },
{ name: "Quality", id: "features" },
{ name: "Testimonials", id: "testimonials" },
]}
brandName="Seura"
button={{ text: "Contact", href: "#contact" }}
@@ -49,41 +43,27 @@ export default function LandingPage() {
<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>
@@ -92,12 +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>
@@ -109,18 +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."
@@ -134,22 +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"},
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"},
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"},
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}
@@ -175,16 +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."
@@ -192,64 +152,36 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqSplitText
<FaqBase
textboxLayout="split"
useInvertedBackground={true}
sideTitle="Customer Support"
sideDescription="We're here to assist with orders, gifting, and inquiries about our ingredients."
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."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
tag="Keep in touch"
title="We're Here to Help"
description="Reach out to our dedicated support team for any assistance or inquiries regarding your order."
inputPlaceholder="Your message"
buttonText="Send Inquiry"
title="Join the Inner Circle"
description="Sign up for early access to limited edition batches and seasonal collections."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
<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: "Customer Service", items: [
{
label: "Shipping Policy", href: "#faq"},
{
label: "Returns & Exchanges", href: "#faq"},
{
label: "Corporate Gifting", 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"
/>