263 lines
13 KiB
TypeScript
263 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Building2, DollarSign, Tag } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Advantages", id: "about"},
|
|
{
|
|
name: "Products", id: "products"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="BANYAN"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Factory-Direct Manufacturing for Foodservice"
|
|
description="Banyan International manufactures the complete single-serve disposable category — from our facility in Haiphong, Vietnam, direct to you. Cut costs, simplify your supply chain."
|
|
kpis={[
|
|
{
|
|
value: "100%", label: "Factory Owned"},
|
|
{
|
|
value: "20+", label: "Product Categories"},
|
|
{
|
|
value: "Quick", label: "Inquiry Response"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "Get Your Factory-Direct Quote", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-space-car-park-interior-night_1127-2306.jpg"
|
|
imageAlt="Modern factory interior"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/purple-parking-lot_1127-40.jpg", alt: "Purple parking lot"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/spaces-parking-lot_1127-35.jpg", alt: "Spaces in a parking lot"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/factory-workers-white-lab-suits-producing-tv-sets-assebly-line-with-some-modern-equipment-clean-room_645730-549.jpg", alt: "Factory workers in white lab suits"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/sign-neon-light-illuminated-inside_1127-2360.jpg", alt: "Sign neon light"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12846.jpg", alt: "Two people working in warehouse"},
|
|
]}
|
|
avatarText="Trusted by 500+ global partners"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "ISO 9001 Certified"},
|
|
{
|
|
type: "text", text: "Sustainable Materials"},
|
|
{
|
|
type: "text", text: "Custom Branding"},
|
|
{
|
|
type: "text", text: "Global Logistics"},
|
|
{
|
|
type: "text", text: "Direct-to-Warehouse"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="The Factory-Direct Advantage"
|
|
description="We own the facility. You work directly with the source—no middlemen or brokers. Our model ensures margin gains while providing guaranteed supply chain stability from our Haiphong, Vietnam facility."
|
|
metrics={[
|
|
{
|
|
value: "15-20%", title: "Avg Margin Boost"},
|
|
{
|
|
value: "24h", title: "Inquiry Response"},
|
|
{
|
|
value: "100%", title: "Direct Sourcing"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/men-with-tablet-working-logistic_23-2148886827.jpg"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Factory-Direct Pricing", description: "No middlemen. No markups. Work directly with the source to maximize your margins.", icon: DollarSign,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sustainable-coffee-cup-alternatives_23-2149165689.jpg", imageAlt: "Paper hot cups"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-non-eco-friendly-plastic-objects_23-2148862506.jpg", imageAlt: "Cold beverage cups"},
|
|
]
|
|
},
|
|
{
|
|
title: "High-Volume Reliability", description: "Consistent quality and schedule control from our own production floor.", icon: Building2,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abundance-fresh-berry-fruit-colorful-bowl-generated-by-ai_188544-40927.jpg", imageAlt: "Microwave containers"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-hanging-out-while-enjoying-cup-coffee_23-2148914554.jpg", imageAlt: "Paper plates"},
|
|
]
|
|
},
|
|
{
|
|
title: "Custom Branding", description: "Full private label and custom print capabilities across our entire product range.", icon: Tag,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-chef-holding-tray-with-fruit_23-2148763115.jpg", imageAlt: "Dispenser napkins"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/colorful-disposable-cutlery-turquoise-background_23-2148309777.jpg", imageAlt: "Disposable cutlery"},
|
|
]
|
|
},
|
|
]}
|
|
title="Why Banyan International?"
|
|
description="Everything we do is built to simplify your supply chain and increase your profitability."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Microwave Containers", price: "Custom", variant: "24oz - 48oz", imageSrc: "http://img.b2bpic.net/free-photo/tray-with-leftover-fast-food-pasta_23-2148764808.jpg"},
|
|
{
|
|
id: "p2", name: "Deli Containers", price: "Custom", variant: "8oz - 32oz", imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-preservation-method_23-2149185615.jpg"},
|
|
{
|
|
id: "p3", name: "Paper Hot Cups", price: "Custom", variant: "All Sizes", imageSrc: "http://img.b2bpic.net/free-photo/set-cartoon-glasses-forks_23-2148576743.jpg"},
|
|
{
|
|
id: "p4", name: "Cutlery & Kits", price: "Custom", variant: "Wrapped/Bulk", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-green-biodegradable-tableware-with-cups_23-2148723798.jpg"},
|
|
{
|
|
id: "p5", name: "Paper Plates", price: "Custom", variant: "Assorted", imageSrc: "http://img.b2bpic.net/free-photo/delicious-meals-arrangement-high-angle_23-2149177851.jpg"},
|
|
{
|
|
id: "p6", name: "PET Cups", price: "Custom", variant: "Cold Beverage", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-packed-food-prepared-takeaway_23-2149025888.jpg"},
|
|
]}
|
|
title="Our Single-Serve Range"
|
|
description="Consolidate your disposables sourcing with a full-line manufacturer."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={true}
|
|
title="Banyan by the Numbers"
|
|
tag="Reliability"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "100%", description: "Factory-Owned Production"},
|
|
{
|
|
id: "m2", value: "20+", description: "Product Categories"},
|
|
{
|
|
id: "m3", value: "24h", description: "Fast Response Times"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah Jenkins", role: "Distributor", testimonial: "Banyan has transformed our category margin. No middleman premiums make a huge difference.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg"},
|
|
{
|
|
id: "t2", name: "Michael Chen", role: "Retail Buyer", testimonial: "The private label quality is excellent. Our customers haven't noticed a spec change from domestic suppliers.", imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg"},
|
|
{
|
|
id: "t3", name: "Elena Rodriguez", role: "Foodservice Operator", testimonial: "Reliable supply and the ability to consolidate our orders under one roof has been a total win.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-smiling-office_1328-4082.jpg"},
|
|
{
|
|
id: "t4", name: "David Kim", role: "Wholesaler", testimonial: "Flexible MOQs and transparent communication make them my preferred import partner.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg"},
|
|
{
|
|
id: "t5", name: "Mark Sterling", role: "Foodservice Owner", testimonial: "Direct factory pricing with none of the usual import headaches. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg"},
|
|
]}
|
|
title="Built for Buyers Who Care About Margin"
|
|
description="Our customers report consistent savings vs. domestic suppliers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Where is the factory located?", content: "Our manufacturing facility is located in Haiphong, Vietnam."},
|
|
{
|
|
id: "q2", title: "Can you handle custom branding?", content: "Yes, we offer full private label and custom print services on all products."},
|
|
{
|
|
id: "q3", title: "What are your minimum order quantities?", content: "We offer flexible MOQs to help our partners manage their inventory effectively."},
|
|
]}
|
|
title="Common Questions"
|
|
description="Everything you need to know about factory-direct manufacturing."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
text="Tell us what you are looking for and we will get back to you within one business day with a custom solution."
|
|
buttons={[
|
|
{
|
|
text: "Request My Direct-Factory Quote", href: "mailto:dan.globalsales@gmail.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="BANYAN International"
|
|
leftLink={{
|
|
text: "© 2025 Banyan International", href: "#"}}
|
|
rightLink={{
|
|
text: "dan.globalsales@gmail.com", href: "mailto:dan.globalsales@gmail.com"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|