bender/4fb14f2e-e376-4e82-beda-9381b5bf2e9e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-11 07:33:28 +00:00
parent e9140ecf21
commit aab449c195
1 changed files with 109 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

312
src/app/page.tsx
View File

@@ -16,217 +16,123 @@ export default function LandingPage() {
defaultButtonVariant="icon-arrow" defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "How we do it", id: "about" },
name: "How we do it", { name: "Services", id: "services" },
id: "about", { name: "Contact", id: "contact" },
}, ]}
{ brandName="Vellum®"
name: "Services", />
id: "services", </div>
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Vellum®"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Moving irreplaceable objects"
}} description="Specialist Logistics Since 2016. Founded by conservators, we engineer their safe passage."
title="Moving irreplaceable objects" buttons={[{ text: "Request a Quote", href: "#contact" }]}
description="Specialist Logistics Since 2016. Founded by conservators, we engineer their safe passage." carouselItems={[
buttons={[ { id: "slide-1", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827315.jpg", imageAlt: "professional logistics handling art" },
{ { id: "slide-2", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-playing-piano_23-2150060693.jpg", imageAlt: "grand piano professional move" },
text: "Request a Quote", { id: "slide-3", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-against-wall_171337-16420.jpg", imageAlt: "sculpture installation art gallery" },
href: "#contact", { id: "slide-4", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-color-palette-outdoors_23-2148014086.jpg", imageAlt: "fine art crating detail" },
}, { id: "slide-5", imageSrc: "http://img.b2bpic.net/free-photo/empty-drawing-class-with-nobidy-it-prepared-drawing-lesson-paintng-canvas-no-people-creativity-workshop-equipped-with-professional-tools-develop-artistic-students-skills_482257-38988.jpg", imageAlt: "secure storage warehouse" },
]} { id: "slide-6", imageSrc: "http://img.b2bpic.net/free-photo/man-his-work-office_329181-10276.jpg", imageAlt: "expert conservator working" },
carouselItems={[ ]}
{ />
id: "slide-1", </div>
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827315.jpg",
imageAlt: "professional logistics handling art",
},
{
id: "slide-2",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-playing-piano_23-2150060693.jpg",
imageAlt: "grand piano professional move",
},
{
id: "slide-3",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-against-wall_171337-16420.jpg",
imageAlt: "sculpture installation art gallery",
},
{
id: "slide-4",
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-color-palette-outdoors_23-2148014086.jpg",
imageAlt: "fine art crating detail",
},
{
id: "slide-5",
imageSrc: "http://img.b2bpic.net/free-photo/empty-drawing-class-with-nobidy-it-prepared-drawing-lesson-paintng-canvas-no-people-creativity-workshop-equipped-with-professional-tools-develop-artistic-students-skills_482257-38988.jpg",
imageAlt: "secure storage warehouse",
},
{
id: "slide-6",
imageSrc: "http://img.b2bpic.net/free-photo/man-his-work-office_329181-10276.jpg",
imageAlt: "expert conservator working",
},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TextAbout
useInvertedBackground={false} useInvertedBackground={false}
title="We don't move objects. We engineer their safe passage." title="We don't move objects. We engineer their safe passage."
buttons={[ buttons={[{ text: "Learn More", href: "#about" }]}
{ />
text: "Learn More", </div>
href: "#about",
},
]}
/>
</div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardSix <FeatureCardSix
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { title: "Crating", description: "Bespoke crating designed to protect your most delicate items.", imageSrc: "http://img.b2bpic.net/free-photo/worker-carrying-cardboard-box-warehouse_107420-96566.jpg", imageAlt: "fine art crating detail" },
title: "Crating", { title: "Transport", description: "Specialist transport infrastructure across continents.", imageSrc: "http://img.b2bpic.net/free-photo/retro-digital-art-illustration-person-using-radio-technology_23-2151356029.jpg", imageAlt: "professional logistics handling art" },
description: "Bespoke crating designed to protect your most delicate items.", { title: "Installation", description: "Professional installation by our specialist team.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-looking-painting_23-2149911913.jpg", imageAlt: "sculpture installation art gallery" },
imageSrc: "http://img.b2bpic.net/free-photo/worker-carrying-cardboard-box-warehouse_107420-96566.jpg", ]}
imageAlt: "fine art crating detail", title="Specialist Services"
}, description="Comprehensive care for your most valuable pieces."
{ />
title: "Transport", </div>
description: "Specialist transport infrastructure across continents.",
imageSrc: "http://img.b2bpic.net/free-photo/retro-digital-art-illustration-person-using-radio-technology_23-2151356029.jpg",
imageAlt: "professional logistics handling art",
},
{
title: "Installation",
description: "Professional installation by our specialist team.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-looking-painting_23-2149911913.jpg",
imageAlt: "sculpture installation art gallery",
},
]}
title="Specialist Services"
description="Comprehensive care for your most valuable pieces."
/>
</div>
<div id="legal" data-section="legal"> <div id="legal" data-section="legal">
<LegalSection <LegalSection
layout="section" layout="section"
title="Legal & Compliance" title="Legal & Compliance"
sections={[ sections={[
{ {
heading: "Our Standards", heading: "Our Standards", content: {
content: { text: "Vellum operates under strict adherence to international museum-standard handling protocols. We maintain full insurance for all items in transit and storage."},
type: "paragraph", },
text: "Vellum operates under strict adherence to international museum-standard handling protocols. We maintain full insurance for all items in transit and storage.", {
}, heading: "Terms of Service", content: {
}, items: [
{ "Professional handling insurance for all consignments", "Compliance with international customs regulations", "Strict confidentiality regarding client collections", "Regular audit of safety equipment and logistics fleet"],
heading: "Terms of Service", },
content: { },
type: "list", ]}
items: [ />
"Professional handling insurance for all consignments", </div>
"Compliance with international customs regulations",
"Strict confidentiality regarding client collections",
"Regular audit of safety equipment and logistics fleet",
],
},
},
]}
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} useInvertedBackground={false}
title="Request a Quote" title="Request a Quote"
description="Get in touch with our specialist team for your move." description="Get in touch with our specialist team for your move."
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Name", required: true },
name: "name", { name: "email", type: "email", placeholder: "Email", required: true },
type: "text", ]}
placeholder: "Name", imageSrc="http://img.b2bpic.net/free-photo/smiling-blonde-woman-holding-carton-box-moving-home_329181-282.jpg"
required: true, imageAlt="professional logistics dispatch center"
}, textarea={{
{ name: "message", placeholder: "Tell us about your requirements", rows: 4,
name: "email", required: true,
type: "email", }}
placeholder: "Email", />
required: true, </div>
},
]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-blonde-woman-holding-carton-box-moving-home_329181-282.jpg"
imageAlt="professional logistics dispatch center"
textarea={{
name: "message",
placeholder: "Tell us about your requirements",
rows: 4,
required: true,
}}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
logoText="Vellum®" logoText="Vellum®"
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [ { label: "Survey", href: "#" },
{ { label: "Crating", href: "#" },
label: "Survey", { label: "Transport", href: "#" },
href: "#", ],
}, },
{ {
label: "Crating", title: "Company", items: [
href: "#", { label: "About", href: "#" },
}, { label: "Compliance", href: "#" },
{ { label: "Insurance", href: "#" },
label: "Transport", ],
href: "#", },
}, ]}
], />
}, </div>
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Compliance",
href: "#",
},
{
label: "Insurance",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );