302 lines
9.4 KiB
TypeScript
302 lines
9.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import { ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Products",
|
|
id: "/products",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
brandName="Deptrol Care"
|
|
button={{
|
|
text: "Get a Quote",
|
|
href: "/contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Professional Grade. Unbeatable Clean."
|
|
description="Deptrol Care Industries delivering manufacturing excellence for cleaner homes and stronger standards."
|
|
testimonials={[
|
|
{
|
|
name: "Industrial Partner",
|
|
handle: "@b2b",
|
|
testimonial: "Excellent cleaning products.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-589.jpg?_wi=1",
|
|
imageAlt: "manufacturing facility clean room blue light",
|
|
},
|
|
{
|
|
name: "General Consumer",
|
|
handle: "@user",
|
|
testimonial: "Trustworthy formula.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-workers-showing-quality-control-inspector-industrial-machine-they-are-using-distribution-warehouse_637285-4188.jpg?_wi=1",
|
|
imageAlt: "quality control lab white coat",
|
|
},
|
|
{
|
|
name: "Retailer",
|
|
handle: "@b2b",
|
|
testimonial: "Export quality standards.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dispenser-pump-bottle_1339-1528.jpg?_wi=1",
|
|
imageAlt: "bottle cleaner product white background",
|
|
},
|
|
{
|
|
name: "Home Owner",
|
|
handle: "@home",
|
|
testimonial: "Great fragrance.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-589.jpg?_wi=2",
|
|
imageAlt: "manufacturing facility clean room blue light",
|
|
},
|
|
{
|
|
name: "Facility Manager",
|
|
handle: "@b2b",
|
|
testimonial: "Best floor cleaner.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-workers-showing-quality-control-inspector-industrial-machine-they-are-using-distribution-warehouse_637285-4188.jpg?_wi=2",
|
|
imageAlt: "quality control lab white coat",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Products",
|
|
href: "/products",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-589.jpg?_wi=3"
|
|
imageAlt="Industrial manufacturing setting"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-workers-showing-quality-control-inspector-industrial-machine-they-are-using-distribution-warehouse_637285-4188.jpg",
|
|
alt: "Team member 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-workers-showing-quality-control-inspector-industrial-machine-they-are-using-distribution-warehouse_637285-4188.jpg",
|
|
alt: "Team member 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-workers-showing-quality-control-inspector-industrial-machine-they-are-using-distribution-warehouse_637285-4188.jpg",
|
|
alt: "Team member 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-workers-showing-quality-control-inspector-industrial-machine-they-are-using-distribution-warehouse_637285-4188.jpg",
|
|
alt: "Team member 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-workers-showing-quality-control-inspector-industrial-machine-they-are-using-distribution-warehouse_637285-4188.jpg",
|
|
alt: "Team member 5",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "ISO Certified",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Eco-Friendly",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Fast Shipping",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "High Performance",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Global Standards",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-short" data-section="about-short">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="About Us"
|
|
title="Manufacturer of Excellence"
|
|
description="Deptrol Care Industries is a leading manufacturer of premium FMCG and housekeeping chemical products."
|
|
subdescription="Dedicated to quality, our formulas ensure professional hygiene and reliable results across every product range."
|
|
icon={ShieldCheck}
|
|
imageSrc="http://img.b2bpic.net/free-photo/two-workers-showing-quality-control-inspector-industrial-machine-they-are-using-distribution-warehouse_637285-4188.jpg?_wi=3"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Why Choose Deptrol?"
|
|
description="We blend scientific rigor with industrial-scale output to deliver the finest cleaning solutions."
|
|
negativeCard={{
|
|
items: [
|
|
"No harsh chemicals",
|
|
"No residual staining",
|
|
"No synthetic perfumes",
|
|
"No environmental hazards",
|
|
"No batch inconsistency",
|
|
],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Professional strength",
|
|
"Biodegradable formulas",
|
|
"Industry-certified safety",
|
|
"Rapid-action cleaning",
|
|
"Reliable supply chain",
|
|
],
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Flexible Bulk Ordering"
|
|
description="Scalable solutions for businesses and distributors."
|
|
plans={[
|
|
{
|
|
id: "p1",
|
|
name: "Retailer Starter",
|
|
price: "$999",
|
|
features: [
|
|
"50 Units",
|
|
"Basic Support",
|
|
"Standard Lead Time",
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Get Started",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Enterprise Pro",
|
|
price: "$4,999",
|
|
features: [
|
|
"500 Units",
|
|
"Dedicated Account Manager",
|
|
"Priority Shipping",
|
|
"Custom Labeling",
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Contact Sales",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Trusted by Industry Leaders"
|
|
description="We partner with top-tier facility management companies globally."
|
|
names={[
|
|
"Global Hygiene Corp",
|
|
"Apex Cleaning Solutions",
|
|
"Industrial Cleaners Ltd",
|
|
"Facility Masters",
|
|
"Retail Clean Hub",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Products",
|
|
items: [
|
|
{
|
|
label: "Floor Cleaners",
|
|
href: "/products",
|
|
},
|
|
{
|
|
label: "Toilet Cleaners",
|
|
href: "/products",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Deptrol Care Industries."
|
|
bottomRightText="All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|