198 lines
9.2 KiB
TypeScript
198 lines
9.2 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="compact"
|
||
sizing="medium"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Services", id: "features"},
|
||
{
|
||
name: "Technology", id: "about"},
|
||
{
|
||
name: "Testimonials", id: "testimonials"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
button={{
|
||
text: "Get a Quote", href: "#contact"}}
|
||
brandName="Danichoice Fulfill"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlayTestimonial
|
||
title="Fast, Reliable Fulfillment for Growing Ecommerce Brands"
|
||
description="Danichoice Fulfill handles 200–300 daily orders with speed and precision, allowing you to focus on scaling your business."
|
||
testimonials={[
|
||
{
|
||
name: "Sarah J.", handle: "@fashionbrand", testimonial: "The service is incredible. We've seen 30% faster order processing since switching.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/black-female-staff-answering-customer-service-call-logistics-hub-assisting-with-order_482257-132653.jpg?_wi=1", imageAlt: "warehouse interior logistics"},
|
||
{
|
||
name: "Marcus R.", handle: "@techgadgets", testimonial: "Reliable, communicative, and they never miss a shipping window. Highly recommended.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/worker-standing-near-racks-filled-with-goods-carton-boxes_482257-101778.jpg?_wi=1", imageAlt: "pick and pack warehouse"},
|
||
{
|
||
name: "Elena V.", handle: "@beautybox", testimonial: "A game changer for our scaling efforts. The accuracy is unmatched.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/merchandise-packages-with-courier-stamps-receipts-warehouse_482257-83347.jpg?_wi=1", imageAlt: "warehouse storage pallets"},
|
||
{
|
||
name: "David W.", handle: "@homedecor", testimonial: "Professional team that truly cares about our brand's reputation.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-freight-management-storage-supply-concept_53876-123932.jpg?_wi=1", imageAlt: "shipping cargo boxes"},
|
||
{
|
||
name: "Alice P.", handle: "@healthsupps", testimonial: "Seamless integration with our Shopify store. Highly recommended.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-tablet_23-2149214307.jpg?_wi=1", imageAlt: "inventory management tablet"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Get a Quote", href: "#contact"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/black-female-staff-answering-customer-service-call-logistics-hub-assisting-with-order_482257-132653.jpg?_wi=2"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/friendly-colleagues_1098-15062.jpg", alt: "Client 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg", alt: "Client 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149362876.jpg", alt: "Client 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058823.jpg", alt: "Client 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiley-business-owner-with-document-medium-shot_23-2149434531.jpg", alt: "Client 5"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentyThree
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "f1", title: "Pick & Pack", tags: [
|
||
"Accuracy", "Speed"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/worker-standing-near-racks-filled-with-goods-carton-boxes_482257-101778.jpg?_wi=2"},
|
||
{
|
||
id: "f2", title: "Warehousing", tags: [
|
||
"Secure", "Large Capacity"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/merchandise-packages-with-courier-stamps-receipts-warehouse_482257-83347.jpg?_wi=2"},
|
||
{
|
||
id: "f3", title: "Shipping", tags: [
|
||
"Global", "Fast"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-freight-management-storage-supply-concept_53876-123932.jpg?_wi=2"},
|
||
{
|
||
id: "f4", title: "Inventory Management", tags: [
|
||
"Real-time", "API"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-tablet_23-2149214307.jpg?_wi=2"},
|
||
{
|
||
id: "f5", title: "Returns Handling", tags: [
|
||
"Easy", "Customer Focus"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-work-full-shot_23-2148943346.jpg"},
|
||
]}
|
||
title="Complete Ecommerce Fulfillment"
|
||
description="From warehousing to returns, we handle the logistics so you don't have to."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={true}
|
||
title="Why Choose Danichoice Fulfill?"
|
||
description="We specialize in scaling ecommerce operations with high-accuracy, high-speed fulfillment that keeps your customers happy."
|
||
metrics={[
|
||
{
|
||
value: "99.9%", title: "Accuracy Rate"},
|
||
{
|
||
value: "24/7", title: "Customer Support"},
|
||
{
|
||
value: "Next Day", title: "Shipping"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/black-female-staff-answering-customer-service-call-logistics-hub-assisting-with-order_482257-132653.jpg?_wi=3"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwelve
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-colleagues_1098-15062.jpg"},
|
||
{
|
||
id: "2", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg"},
|
||
{
|
||
id: "3", name: "Emily K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149362876.jpg"},
|
||
{
|
||
id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058823.jpg"},
|
||
{
|
||
id: "5", name: "Alice P.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-owner-with-document-medium-shot_23-2149434531.jpg"},
|
||
]}
|
||
cardTitle="Loved by Ecommerce Brands"
|
||
cardAnimation="slide-up"
|
||
cardTag="Testimonials"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
tag="Contact Us"
|
||
title="Ready to scale your ecommerce business?"
|
||
description="Let's discuss your fulfillment needs and get started with a custom plan."
|
||
background={{ variant: "gradient-bars" }}
|
||
useInvertedBackground={true}
|
||
inputPlaceholder="Enter your business email"
|
||
buttonText="Get Started"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoText="Danichoice Fulfill"
|
||
columns={[
|
||
{
|
||
title: "Company", items: [
|
||
{
|
||
label: "About Us", href: "#"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Services", items: [
|
||
{
|
||
label: "Fulfillment", href: "#features"},
|
||
{
|
||
label: "Shipping", href: "#features"},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|