Update src/app/page.tsx

This commit is contained in:
2026-05-09 20:43:47 +00:00
parent ac05f3e1b8
commit 98cf766648

View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -32,21 +32,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Story",
id: "#about",
},
name: "Story", id: "#about"},
{
name: "Collection",
id: "#products",
},
name: "Collection", id: "#products"},
{
name: "Quality",
id: "#features",
},
name: "Quality", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Support", id: "#faq"}
]}
brandName="Seura"
/>
@@ -55,63 +49,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
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",
},
text: "Shop Collection", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/chocolate-waffles-cocoa-powder_23-2148357736.jpg?_wi=1"
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/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/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-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/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/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: "Artisanal Craft"},
{
type: "text",
text: "Single Origin",
},
type: "text", text: "Single Origin"},
{
type: "text",
text: "Ethically Sourced",
},
type: "text", text: "Ethically Sourced"},
{
type: "text",
text: "Hand-Tempered",
},
type: "text", text: "Hand-Tempered"},
{
type: "text",
text: "Premium Quality",
},
type: "text", text: "Premium Quality"},
]}
/>
</div>
@@ -121,18 +92,11 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "The Art of Perfection",
},
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: "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: "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>
@@ -145,53 +109,17 @@ export default function LandingPage() {
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: "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: "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: "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: "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: "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: "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,47 +133,23 @@ 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",
},
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",
},
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: "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",
},
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",
},
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: "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",
},
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",
},
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"},
]}
showStepNumbers={true}
title="The Seura Standard"
@@ -258,12 +162,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."
/>
@@ -276,40 +175,15 @@ export default function LandingPage() {
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: "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: "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: "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: "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: "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."
@@ -317,84 +191,62 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
<FaqSplitText
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: "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: "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: "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">
<ContactCenter
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
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."
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"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
<FooterBaseCard
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "Full Collection",
href: "#products",
},
label: "Full Collection", href: "#products"},
{
label: "Gifts",
href: "#products",
},
label: "Gifts", href: "#products"},
],
},
{
title: "About",
items: [
title: "About", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Sustainability",
href: "#features",
},
label: "Sustainability", href: "#features"},
],
},
{
title: "Support",
items: [
title: "Customer Service", items: [
{
label: "FAQs",
href: "#faq",
},
label: "Shipping Policy", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Returns & Exchanges", href: "#faq"},
{
label: "Corporate Gifting", href: "#contact"},
],
},
]}