293 lines
17 KiB
TypeScript
293 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { CheckCircle, Handshake, ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Services", id: "#workshops"},
|
|
{
|
|
name: "Products", id: "#gallery"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Client Stories", id: "#testimonials"},
|
|
{
|
|
name: "FAQs", id: "#faq"},
|
|
{
|
|
name: "Contact Us", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/modern-logo-design-with-abstract-shape_104500-117.jpg"
|
|
logoAlt="Ultimate Supply Agency Logo"
|
|
brandName="Ultimate Supply Agency"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated"}}
|
|
title="Your Ultimate Partner in Supply Chain Excellence"
|
|
description="Ultimate Supply Agency streamlines your logistics, procurement, and distribution. We deliver efficiency and reliability for your business needs."
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/cargo-containers-docked-shipping-port_1232-1549.jpg", imageAlt: "Shipping containers at a port"},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/modern-warehouse-space_23-2149591469.jpg", imageAlt: "Interior of a modern warehouse"},
|
|
{
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/industrial-storage-warehouse_140725-2465.jpg", imageAlt: "Industrial storage warehouse"},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/delivery-service_23-2149023646.jpg", imageAlt: "Delivery truck on a highway"},
|
|
{
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-truck-loaded-with-pallets_23-2149258999.jpg", imageAlt: "Truck loaded with pallets"},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/logistics-concept-transportation-warehouse-generated-by-ai_188544-24589.jpg", imageAlt: "Abstract logistics and transportation concept"},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Streamlining Your Supply Chain, Globally"
|
|
description="Ultimate Supply Agency is dedicated to providing seamless and efficient supply chain solutions. With years of expertise in logistics, procurement, and distribution, we empower businesses to optimize their operations and achieve sustained growth. Our commitment to innovation and client satisfaction drives every partnership."
|
|
imageSrc="http://img.b2bpic.net/free-photo/trucks-driving-modern-road_1127-3103.jpg"
|
|
imageAlt="Modern logistics hub with trucks and cargo"
|
|
/>
|
|
</div>
|
|
|
|
<div id="workshops" data-section="workshops">
|
|
<FeatureCardNine
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Procurement & Sourcing", description: "Leverage our global network to source high-quality materials and components at competitive prices, ensuring a steady and reliable supply for your operations.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hand-showing-digital-tablet-displaying-world-map_23-2148281134.jpg", imageAlt: "Hand showing a digital tablet with world map for global sourcing"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-people-doing-business-meeting_23-2148651842.jpg", imageAlt: "Group of people in a business meeting"}
|
|
},
|
|
{
|
|
title: "Warehousing & Inventory Management", description: "Optimize your storage solutions with our state-of-the-art warehouses and intelligent inventory systems, minimizing waste and maximizing efficiency.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-interior-with-modern-racking-systems_23-2149791485.jpg", imageAlt: "Modern warehouse interior with racking systems"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stack-cardboard-box-isolated-white-background_23-2147814421.jpg", imageAlt: "Stack of cardboard boxes for inventory"}
|
|
},
|
|
{
|
|
title: "Logistics & Distribution", description: "Ensure timely and cost-effective delivery of your products with our comprehensive logistics and distribution services, covering local and international routes.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-hand-holding-box_23-2149487050.jpg", imageAlt: "Close-up of a delivery man holding a box"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cargo-logistics-truck-trailer-concept_23-2149817540.jpg", imageAlt: "Cargo logistics truck trailer concept"}
|
|
},
|
|
]}
|
|
showStepNumbers={false}
|
|
title="Our Comprehensive Supply Solutions"
|
|
description="We offer end-to-end services designed to optimize your operations, reduce costs, and ensure timely delivery. Discover how we can support your business."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Industrial Supplies", name: "Industrial Bolts (Pack of 100)", price: "RM 25.00", rating: 5,
|
|
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nuts-bolts-arranged-line_23-2148143388.jpg", imageAlt: "Industrial bolts"},
|
|
{
|
|
id: "p2", brand: "Safety Gear", name: "Safety Gloves (Pack of 12)", price: "RM 45.00", rating: 4,
|
|
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/work-gloves-protection-equipment_23-2148135894.jpg", imageAlt: "Work gloves for protection"},
|
|
{
|
|
id: "p3", brand: "Warehouse Essentials", name: "Standard Wooden Pallets", price: "RM 80.00", rating: 5,
|
|
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/wooden-pallet-floor_1101-193.jpg", imageAlt: "Wooden pallets"},
|
|
{
|
|
id: "p4", brand: "Packaging Solutions", name: "Packaging Tape (Bulk Roll)", price: "RM 15.00", rating: 4,
|
|
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/scotch-tape_1203-8278.jpg", imageAlt: "Roll of scotch tape"},
|
|
{
|
|
id: "p5", brand: "Maintenance & Cleaning", name: "Industrial Cleaning Kit", price: "RM 75.00", rating: 5,
|
|
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/set-cleaning-products-blue-bucket-house-cleaning_23-2147775537.jpg", imageAlt: "Set of cleaning products in a blue bucket"},
|
|
{
|
|
id: "p6", brand: "Office Supplies", name: "Premium Office Stationery Pack", price: "RM 30.00", rating: 4,
|
|
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery_23-2148143386.jpg", imageAlt: "Top view of various stationery items"},
|
|
]}
|
|
title="Essential Supply Catalog"
|
|
description="Browse a selection of high-quality products we supply. From industrial components to office essentials, find everything your business needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "basic", badge: "Basic Operations", badgeIcon: CheckCircle,
|
|
price: "RM 499", subtitle: "Per Month", features: [
|
|
"Basic logistics support", "Small volume procurement", "Standard delivery options", "Email support"],
|
|
},
|
|
{
|
|
id: "standard", badge: "Scaled Solutions", badgeIcon: Handshake,
|
|
price: "RM 999", subtitle: "Per Month", features: [
|
|
"Advanced logistics management", "Medium volume procurement", "Expedited delivery options", "Dedicated account manager", "Inventory tracking system"],
|
|
},
|
|
{
|
|
id: "premium", badge: "Premier Partnership", badgeIcon: ShieldCheck,
|
|
price: "Custom", subtitle: "Tailored for You", features: [
|
|
"End-to-end supply chain optimization", "Large volume procurement", "Custom logistics solutions", "24/7 priority support", "Real-time analytics & reporting"],
|
|
},
|
|
]}
|
|
title="Flexible Pricing for Every Business"
|
|
description="Our pricing models are designed to be transparent and scalable, adapting to the unique needs of your business. Choose a plan that fits your supply chain demands."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah Chen", handle: "@TechSolutions", testimonial: "Ultimate Supply Agency streamlined our entire procurement process. Their efficiency is truly a game-changer for our tech operations!", imageSrc: "http://img.b2bpic.net/free-photo/team-business-meeting_23-2148651846.jpg", imageAlt: "Sarah Chen at a business meeting"},
|
|
{
|
|
id: "t2", name: "David Lee", handle: "@GlobalDistro", testimonial: "Reliable, efficient, and cost-effective. Ultimate Supply Agency's logistics solutions are unparalleled for our global distribution needs.", imageSrc: "http://img.b2bpic.net/free-photo/logistic-team-meeting_23-2148651848.jpg", imageAlt: "David Lee with his logistics team"},
|
|
{
|
|
id: "t3", name: "Maria Gomez", handle: "@RetailInnovate", testimonial: "Excellent inventory management, always on top of our stock. Ultimate Supply Agency is highly recommended for any retail business!", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-businesswoman-sitting-office-with-arms-crossed_23-2148651834.jpg", imageAlt: "Maria Gomez, a happy businesswoman"},
|
|
{
|
|
id: "t4", name: "James Wilson", handle: "@MfgSolutions", testimonial: "Their team goes above and beyond to ensure our manufacturing supplies arrive on time, every time. A critical partner for us.", imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-man-writing-notes-meeting_23-2148651845.jpg", imageAlt: "James Wilson writing notes in a meeting"},
|
|
{
|
|
id: "t5", name: "Emily White", handle: "@EcomPros", testimonial: "A true partner in our e-commerce growth. Ultimate Supply Agency is indispensable for our global shipping and fulfillment operations.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-indian-businessman-office-looking-camera-confident_23-2148651844.jpg", imageAlt: "Emily White, an e-commerce professional"},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Our commitment to excellence is reflected in the success of our partners. Hear how Ultimate Supply Agency has transformed their operations."
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "What types of businesses do you serve?", content: "We partner with businesses of all sizes, from startups to large enterprises, across various industries including manufacturing, retail, e-commerce, and more."},
|
|
{
|
|
id: "f2", title: "How do you ensure timely delivery?", content: "Our advanced logistics network, real-time tracking, and experienced team work together to ensure your shipments are delivered efficiently and on schedule."},
|
|
{
|
|
id: "f3", title: "Can you handle international logistics?", content: "Yes, we specialize in international logistics, managing customs, regulations, and global distribution to seamlessly extend your reach across borders."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/warehouse-forklift-boxes_23-2149591465.jpg"
|
|
imageAlt="Modern warehouse with shelves and inventory"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="left"
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our services, operations, and how we can support your business."
|
|
faqsAnimation="slide-up"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get in Touch"
|
|
title="Partner with Ultimate Supply Agency"
|
|
description="Ready to optimize your supply chain? Contact us today to discuss your specific needs and discover how we can help your business thrive."
|
|
imageSrc="http://img.b2bpic.net/free-photo/warehouse-interior-industrial-plant_23-2149591471.jpg"
|
|
imageAlt="Logistics team discussing plans in a modern office"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your business email"
|
|
buttonText="Request a Quote"
|
|
termsText="By requesting a quote, you agree to our Terms and Conditions and Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Procurement", href: "#workshops"},
|
|
{
|
|
label: "Warehousing", href: "#workshops"},
|
|
{
|
|
label: "Logistics", href: "#workshops"},
|
|
{
|
|
label: "All Services", href: "#workshops"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "Mission & Vision", href: "#about"},
|
|
{
|
|
label: "Client Stories", href: "#testimonials"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Locations", href: "#"},
|
|
{
|
|
label: "Support", href: "#"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Ultimate Supply Agency. All rights reserved."
|
|
bottomRightText="Global Logistics Partner"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|