bender/71e4b44e-9402-479f-a376-9253a9a0d0fd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-08 12:46:35 +00:00
parent 48d20407fd 42242706a9
commit ee874535d4
1 changed files with 44 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

317
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Menu",
id: "#hero",
},
{
name: "Story",
id: "#about",
},
{
name: "Features",
id: "#features",
},
{
name: "Selection",
id: "#products",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Menu", id: "#hero" },
{ name: "Story", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Selection", id: "#products" },
{ name: "Contact", id: "#contact" },
]}
brandName="Vellum & Journal"
/>
@@ -59,63 +44,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="The Artisanal Vellum"
description="An immersive journey into culinary craft, rendered in digital paper and living light."
buttons={[
{
text: "Explore Menu",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/antique-brown-textured-paper_53876-71257.jpg?_wi=1"
buttons={[{ text: "Explore Menu", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/antique-brown-textured-paper_53876-71257.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/paper-texture-top-view_23-2151834132.jpg",
alt: "Artisan 1",
},
{
src: "http://img.b2bpic.net/free-photo/design-space-stained-paper-textured-background_53876-14884.jpg",
alt: "Artisan 2",
},
{
src: "http://img.b2bpic.net/free-photo/grunge-torn-paper-texture-background-with-space-text_23-2147951295.jpg",
alt: "Artisan 3",
},
{
src: "http://img.b2bpic.net/free-photo/grunge-style-paper-texture-background_1048-14722.jpg",
alt: "Artisan 4",
},
{
src: "http://img.b2bpic.net/free-photo/flat-lay-composition-chinese-ink-with-empty-card_23-2148826186.jpg",
alt: "Artisan 5",
},
{ src: "http://img.b2bpic.net/free-photo/paper-texture-top-view_23-2151834132.jpg", alt: "Artisan 1" },
{ src: "http://img.b2bpic.net/free-photo/design-space-stained-paper-textured-background_53876-14884.jpg", alt: "Artisan 2" },
{ src: "http://img.b2bpic.net/free-photo/grunge-torn-paper-texture-background-with-space-text_23-2147951295.jpg", alt: "Artisan 3" },
{ src: "http://img.b2bpic.net/free-photo/grunge-style-paper-texture-background_1048-14722.jpg", alt: "Artisan 4" },
{ src: "http://img.b2bpic.net/free-photo/flat-lay-composition-chinese-ink-with-empty-card_23-2148826186.jpg", alt: "Artisan 5" },
]}
avatarText="Join 500+ culinary enthusiasts"
marqueeItems={[
{
type: "text",
text: "Sustainable Origins",
},
{
type: "text",
text: "Hand-Pressed Paper",
},
{
type: "text",
text: "Locally Sourced",
},
{
type: "text",
text: "Chef-Led Innovation",
},
{
type: "text",
text: "Artisanal Craft",
},
{ type: "text", text: "Sustainable Origins" },
{ type: "text", text: "Hand-Pressed Paper" },
{ type: "text", text: "Locally Sourced" },
{ type: "text", text: "Chef-Led Innovation" },
{ type: "text", text: "Artisanal Craft" },
]}
/>
</div>
@@ -125,21 +73,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Journaling Philosophy"
metrics={[
{
icon: Sparkles,
label: "Handcrafted Pages",
value: "24+",
},
{
icon: Award,
label: "Culinary Awards",
value: "12",
},
{
icon: Star,
label: "Artisan Chefs",
value: "8",
},
{ icon: Sparkles, label: "Handcrafted Pages", value: "24+" },
{ icon: Award, label: "Culinary Awards", value: "12" },
{ icon: Star, label: "Artisan Chefs", value: "8" },
]}
metricsAnimation="slide-up"
/>
@@ -151,42 +87,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Fluid Page Curls",
description: "Physics-based interaction.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-vivid-colorful-bent-paper_23-2148428709.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/food-order-pizza-online-internet-concept_53876-123708.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/antique-brown-textured-paper_53876-71257.jpg?_wi=2",
imageAlt: "digital page curl 3d",
},
{
title: "Dynamic Shadows",
description: "Real-time depth.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/abstract-paper-background-concept_23-2148812679.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/japanese-food-meal-menu-concept_53876-123844.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/golden-vintage-ink-pen-placed-piece-white-paper_181624-6220.jpg",
imageAlt: "digital page curl 3d",
},
{
title: "Atmospheric UI",
description: "Mood lighting.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/abstract-swirls-brown-green-papers_23-2148793004.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917828.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-soft-cake-decorated-with-orange-chocolate-dark-table_140725-86436.jpg?_wi=1",
imageAlt: "digital page curl 3d",
},
{ title: "Fluid Page Curls", description: "Physics-based interaction.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-vivid-colorful-bent-paper_23-2148428709.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/food-order-pizza-online-internet-concept_53876-123708.jpg" } },
{ title: "Dynamic Shadows", description: "Real-time depth.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-paper-background-concept_23-2148812679.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/japanese-food-meal-menu-concept_53876-123844.jpg" } },
{ title: "Atmospheric UI", description: "Mood lighting.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-swirls-brown-green-papers_23-2148793004.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917828.jpg" } },
]}
showStepNumbers={false}
title="Interactive Paper Physics"
@@ -201,42 +104,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Truffle Infusion",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/view-soft-cake-decorated-with-orange-chocolate-dark-table_140725-86436.jpg?_wi=2",
},
{
id: "2",
name: "Aged Reserve",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg",
},
{
id: "3",
name: "Garden Essence",
price: "$38",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-soft-cake-decorated-with-lemon-chocolate-dark-background_140725-91975.jpg",
},
{
id: "4",
name: "Sea Harvest",
price: "$55",
imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg",
},
{
id: "5",
name: "Forest Forage",
price: "$62",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-floral-decoration_23-2151973719.jpg",
},
{
id: "6",
name: "Velvet Dark",
price: "$25",
imageSrc: "http://img.b2bpic.net/free-photo/beef-gourmet-food-copy-space_23-2148516884.jpg",
},
{ id: "1", name: "Truffle Infusion", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/view-soft-cake-decorated-with-orange-chocolate-dark-table_140725-86436.jpg" },
{ id: "2", name: "Aged Reserve", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg" },
{ id: "3", name: "Garden Essence", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-soft-cake-decorated-with-lemon-chocolate-dark-background_140725-91975.jpg" },
{ id: "4", name: "Sea Harvest", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg" },
{ id: "5", name: "Forest Forage", price: "$62", imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-floral-decoration_23-2151973719.jpg" },
{ id: "6", name: "Velvet Dark", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/beef-gourmet-food-copy-space_23-2148516884.jpg" },
]}
title="Curated Selection"
description="Timeless offerings for the discerning palate."
@@ -249,37 +122,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
price: "$50",
name: "Standard Access",
features: [
"Menu access",
"Gallery view",
],
buttons: [
{
text: "Select",
href: "#",
},
],
},
{
id: "pro",
price: "$120",
name: "Full Journal",
features: [
"All menu pages",
"3D Interactive",
"Exclusive notes",
],
buttons: [
{
text: "Select",
href: "#",
},
],
},
{ id: "basic", price: "$50", name: "Standard Access", features: ["Menu access", "Gallery view"], buttons: [{ text: "Select", href: "#" }] },
{ id: "pro", price: "$120", name: "Full Journal", features: ["All menu pages", "3D Interactive", "Exclusive notes"], buttons: [{ text: "Select", href: "#" }] },
]}
title="Experience Tiers"
description="Choose your journey through the vellum."
@@ -293,27 +137,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "60fps",
title: "Fluidity",
description: "Always smooth.",
icon: Zap,
},
{
id: "m2",
value: "3D",
title: "Rendering",
description: "Deep perspective.",
icon: Layers,
},
{
id: "m3",
value: "1:1",
title: "Physics",
description: "Paper-like feel.",
icon: Book,
},
{ id: "m1", value: "60fps", title: "Fluidity", description: "Always smooth.", icon: Zap },
{ id: "m2", value: "3D", title: "Rendering", description: "Deep perspective.", icon: Layers },
{ id: "m3", value: "1:1", title: "Physics", description: "Paper-like feel.", icon: Book },
]}
title="Journal Performance"
description="Delivering quality via high-end interaction."
@@ -322,44 +148,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Anna S.",
handle: "@anna",
testimonial: "The paper feel is unreal.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-barista-black-apron-showing-thumbsup-recommending-cafe-restaurant-standing-agains_1258-161131.jpg",
},
{
id: "2",
name: "Mark D.",
handle: "@mark",
testimonial: "Most beautiful menu ever.",
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg",
},
{
id: "3",
name: "Julia R.",
handle: "@julia",
testimonial: "Feels like physical paper.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269187.jpg",
},
{
id: "4",
name: "Leo K.",
handle: "@leo",
testimonial: "Atmosphere is top notch.",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
},
{
id: "5",
name: "Sarah P.",
handle: "@sarah",
testimonial: "Interactive perfection.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
},
{ id: "1", name: "Anna S.", handle: "@anna", testimonial: "The paper feel is unreal.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-barista-black-apron-showing-thumbsup-recommending-cafe-restaurant-standing-agains_1258-161131.jpg" },
{ id: "2", name: "Mark D.", handle: "@mark", testimonial: "Most beautiful menu ever.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg" },
{ id: "3", name: "Julia R.", handle: "@julia", testimonial: "Feels like physical paper.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269187.jpg" },
{ id: "4", name: "Leo K.", handle: "@leo", testimonial: "Atmosphere is top notch.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
{ id: "5", name: "Sarah P.", handle: "@sarah", testimonial: "Interactive perfection.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg" },
]}
title="Words from the Journal"
description="Stories from those who have turned our pages."
@@ -369,9 +166,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "cell-wave",
}}
background={{ variant: "cell-wave" }}
tag="Connect"
title="Start your Journal"
description="Get in touch for bespoke menu design."
@@ -383,32 +178,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/smooth-green-background_53876-108464.jpg"
logoText="Vellum"
columns={[
{
title: "Menu",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Story",
href: "#about",
},
],
},
{
title: "Connect",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Instagram",
href: "#",
},
],
},
{ title: "Menu", items: [{ label: "Home", href: "#hero" }, { label: "Story", href: "#about" }] },
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "Instagram", href: "#" }] },
]}
/>
</div>