bender/25d45dec-6704-4873-b6ed-d875623c73a3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-05-25 13:36:37 +00:00
Conversation 0 Commits 2 Files Changed 2 +46 -253
2 changed files with 46 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

285
src/app/page.tsx
View File

@@ -31,39 +31,22 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Features",
id: "#features",
},
{
name: "Products",
id: "#products",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Products", id: "#products" },
{ name: "Contact", id: "#contact" },
]}
brandName="VendSmart"
brandName="VNDR"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="VendSmart"
description="Revolutionizing workplace nourishment with AI-powered, contactless smart vending machines. Modern, efficient, and always stocked."
buttons={[
{
text: "Get Started",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-using-metro-card-travel-with-subway-city_23-2149491320.jpg?_wi=1"
imageAlt="Smart vending machine in modern office"
logoText="VNDR"
description="Next-generation smart vending for the modern workplace. Experience the future of automated, AI-driven retail."
buttons={[{ text: "Get Started", href: "#contact" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-dr7mf9yr.png"
imageAlt="VNDR Smart Vending Solution"
showDimOverlay={true}
/>
</div>
@@ -71,10 +54,10 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Innovation at the Point of Sale"
description="VendSmart bridges the gap between traditional vending and modern convenience. Our AI-driven inventory management ensures your favorite products are always available, providing a seamless, touchless experience for your employees."
imageSrc="http://img.b2bpic.net/free-photo/young-person-traveling-through-japan_23-2149287968.jpg?_wi=1"
imageAlt="Smart vending technology closeup"
title="Redefining Convenience"
description="VNDR brings intelligence to your breakroom. Our connected machines provide automated stock management, secure contactless payments, and detailed analytics to serve your team better."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-rdx4lg3z.png"
imageAlt="VNDR Kiosk Interface"
/>
</div>
@@ -83,49 +66,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
tag: "AI",
title: "Real-time Inventory",
subtitle: "Always Stocked",
description: "Our AI tracks sales and predicts restock needs.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-bank-atm-with-mask_23-2148630870.jpg",
imageAlt: "Side view woman at bank atm with mask",
},
{
tag: "Fast",
title: "Contactless Pay",
subtitle: "Seamless Tech",
description: "Support for all mobile payment platforms.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-metro-card-travel-with-subway-city_23-2149491320.jpg?_wi=2",
imageAlt: "Side view woman at bank atm with mask",
},
{
tag: "Eco",
title: "Energy Efficient",
subtitle: "Sustainability",
description: "Optimized cooling and power saving modes.",
imageSrc: "http://img.b2bpic.net/free-photo/young-person-traveling-through-japan_23-2149287968.jpg?_wi=2",
imageAlt: "Side view woman at bank atm with mask",
},
{
tag: "Data",
title: "Predictive Analytics",
subtitle: "Smart Insights",
description: "Granular data on consumption patterns to refine your office snacks.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-woman-standing-showcase-cafeteria_171337-12943.jpg?_wi=1",
imageAlt: "Side view woman at bank atm with mask",
},
{
tag: "Cloud",
title: "Remote Management",
subtitle: "Control Anywhere",
description: "Monitor machine health and stock from any device.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281738.jpg?_wi=1",
imageAlt: "Side view woman at bank atm with mask",
},
{ tag: "AI", title: "Predictive Refill", subtitle: "Always Stocked", description: "Automated stock replenishment alerts to prevent outages.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-dr7mf9yr.png" },
{ tag: "Pay", title: "Contactless Ready", subtitle: "Frictionless", description: "Native support for NFC and mobile payment wallets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-rdx4lg3z.png" }
]}
title="Smart Features Built for Growth"
description="Packed with advanced technology, our vending machines provide an unmatched user experience."
title="Engineered for Efficiency"
description="VNDR hardware is built to be smart, sustainable, and reliable."
/>
</div>
@@ -136,85 +81,22 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Healthy Nut Mix",
price: "$3.50",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-woman-standing-showcase-cafeteria_171337-12943.jpg?_wi=2",
},
{
id: "2",
name: "Cold Press Juice",
price: "$5.00",
variant: "Drink",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281738.jpg?_wi=2",
},
{
id: "3",
name: "Protein Bar",
price: "$3.00",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/cereal-shopping-basket_53876-63243.jpg",
},
{
id: "4",
name: "Veggie Chips",
price: "$2.75",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-protective-mask-taking-products-from-fridge_23-2148480573.jpg",
},
{
id: "5",
name: "Sparkling Water",
price: "$2.50",
variant: "Drink",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-vacation-smiling-happy-confident-standing-deck-ship-with-smile-drinking-coffee-face-doing-cruise_839833-5956.jpg",
},
{
id: "6",
name: "Organic Energy Bar",
price: "$3.25",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-young-lady-standing-cafe-while-choosing-dessert_171337-15404.jpg",
},
{ id: "1", name: "Premium Snacks", price: "$2.50", variant: "Snack", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-dr7mf9yr.png" },
{ id: "2", name: "Smart Energy", price: "$3.00", variant: "Drink", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-rdx4lg3z.png" }
]}
title="Curated Snack Solutions"
description="Choose from a premium selection of snacks and beverages designed for high performance."
title="Curated Selections"
description="We partner with premium brands to deliver high-quality refreshments."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Performance at Scale"
tag="Trusted Metrics"
title="Operating Excellence"
tag="VNDR Performance"
metrics={[
{
id: "m1",
value: "99.8%",
description: "Uptime Reliability",
},
{
id: "m2",
value: "5k+",
description: "Daily Transactions",
},
{
id: "m3",
value: "120+",
description: "Office Locations",
},
{
id: "m4",
value: "95%",
description: "User Satisfaction",
},
{
id: "m5",
value: "24/7",
description: "Support Availability",
},
{ id: "m1", value: "99%", description: "Uptime" },
{ id: "m2", value: "500+", description: "Locations" }
]}
metricsAnimation="slide-up"
/>
@@ -223,31 +105,9 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="VendSmart transformed our office breakroom! The restocking is seamless and employees love the healthy options."
testimonial="VNDR has streamlined our office breakroom completely. Employees love the seamless experience!"
rating={5}
author="Sarah Johnson"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
alt: "Sarah Johnson",
},
{
src: "http://img.b2bpic.net/free-photo/young-guy-with-beard-works-cafe-freelancer-uses-tablet-does-project_1296-725.jpg",
alt: "Mark Davis",
},
{
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
alt: "Elena Rodriguez",
},
{
src: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
alt: "James Wu",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-cheerful-co-workers_1098-3445.jpg",
alt: "Linda Chen",
},
]}
author="Operations Lead, TechCorp"
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
@@ -258,34 +118,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do you manage stock?",
content: "Our AI technology monitors stock levels in real-time.",
},
{
id: "f2",
title: "Is installation free?",
content: "Installation is complimentary for all long-term contracts.",
},
{
id: "f3",
title: "Do you offer customization?",
content: "Yes, we curate snacks based on your office preferences.",
},
{
id: "f4",
title: "How is technical support handled?",
content: "Our support team provides remote diagnostics and 24/7 assistance.",
},
{
id: "f5",
title: "Is the hardware secure?",
content: "Yes, all machines are equipped with secure locking and surveillance.",
},
{ id: "f1", title: "Does it require WiFi?", content: "Yes, our machines operate best with a dedicated secure network connection." }
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our smart vending solutions."
title="Questions about VNDR?"
description="We have the answers you need to get started."
faqsAnimation="slide-up"
/>
</div>
@@ -293,65 +129,22 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Ready to Transform Your Breakroom?"
description="Contact us today for a free trial or customized quote for your office."
title="Let's Talk Vending"
description="Fill out the form below and our team will get back to you with a customized setup plan."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
},
{
name: "email",
type: "email",
placeholder: "Email",
},
{
name: "company",
type: "text",
placeholder: "Company Name",
},
{ name: "name", type: "text", placeholder: "Name" },
{ name: "email", type: "email", placeholder: "Email" }
]}
textarea={{
name: "message",
placeholder: "Tell us about your needs...",
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/young-person-traveling-through-japan_23-2149287968.jpg?_wi=3"
imageAlt="Smart vending kiosk installation"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDb6yvOK3Z77rK78AcLhCRkUT8/uploaded-1779716181177-dr7mf9yr.png"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="VendSmart"
logoText="VNDR"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ title: "Product", items: [{ label: "Features", href: "#features" }] },
{ title: "Company", items: [{ label: "Contact", href: "#contact" }] }
]}
/>
</div>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f8f5ffe6;
--primary-cta: #c89bff;
--background: #fbfbfb;
--card: #ffffff;
--foreground: #1a1a1a;
--primary-cta: #1c3d5a;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta: #f1f5f9;
--secondary-cta-text: #f8f5ffe6;
--accent: #737373;
--background-accent: #737373;
--accent: #3b82f6;
--background-accent: #e2e8f0;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);