334 lines
17 KiB
TypeScript
334 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Award, CheckCircle, ShieldCheck, Sparkles, Star, Truck, UserCheck, Palette, Package, Leaf } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Products", id: "#products"},
|
|
{
|
|
name: "Team", id: "#team"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ln2er0"
|
|
logoAlt="Manish Uniforms Logo"
|
|
brandName="Manish Uniforms"
|
|
button={{
|
|
text: "Get a Quote", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "plain"}}
|
|
imagePosition="right"
|
|
title="Empowering Your Brand Through Premium Uniforms"
|
|
description="Manish Uniforms delivers high-quality, custom-designed uniforms that elevate your brand's image and ensure comfort for your team. Experience professionalism tailored to your needs."
|
|
kpis={[
|
|
{
|
|
value: "15+", label: "Years in Business"},
|
|
{
|
|
value: "500+", label: "Happy Clients"},
|
|
{
|
|
value: "100K+", label: "Uniforms Delivered"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "Explore Collections", href: "#products"},
|
|
{
|
|
text: "Get a Free Quote", href: "#contact"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", alt: "John Doe"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg", alt: "Jane Smith"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg", alt: "Robert Brown"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-united-multiethnic-team-posing-office-hall_1262-20246.jpg", alt: "Emily White"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg", alt: "Mark Johnson, Team Member"},
|
|
]}
|
|
avatarText="Trusted by leading businesses worldwide"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-fashion-designer-taking-measurement-his-customer-s-chest-his-workshop_23-2148180369.jpg"
|
|
imageAlt="Professionals in various industries wearing Manish Uniforms"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Quality Assured", icon: ShieldCheck,
|
|
},
|
|
{
|
|
type: "text", text: "Custom Design Solutions"},
|
|
{
|
|
type: "text-icon", text: "Timely Delivery", icon: Truck,
|
|
},
|
|
{
|
|
type: "text", text: "Sustainable Materials"},
|
|
{
|
|
type: "text-icon", text: "Client Focused", icon: UserCheck,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Our Commitment to Quality & Excellence"
|
|
metrics={[
|
|
{
|
|
icon: Sparkles,
|
|
label: "Custom Design", value: "Tailored to Fit"},
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Premium Fabrics", value: "Durable & Comfortable"},
|
|
{
|
|
icon: Award,
|
|
label: "Expert Craftsmanship", value: "Flawless Finish"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Unmatched Quality Control", description: "Every uniform undergoes rigorous inspection to ensure it meets our high standards for durability, comfort, and finish.", imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-tailor-woman-using-sewing-machine_23-2148827167.jpg", imageAlt: "Quality control inspection of a uniform", buttonIcon: ShieldCheck,
|
|
},
|
|
{
|
|
title: "Custom Design Solutions", description: "Collaborate with our expert designers to create uniforms that perfectly reflect your brand identity and functional requirements.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-illustration-fashion-designer_23-2151537621.jpg", imageAlt: "Fashion designer sketching uniform designs", buttonIcon: Palette,
|
|
},
|
|
{
|
|
title: "Efficient Bulk Order Processing", description: "Our streamlined process ensures timely delivery of large orders, maintaining consistency and quality across all units.", imageSrc: "http://img.b2bpic.net/free-photo/stacks-clothing-white_1339-7452.jpg", imageAlt: "Stacks of uniforms ready for bulk delivery", buttonIcon: Package,
|
|
},
|
|
{
|
|
title: "Sustainable Manufacturing", description: "We are committed to eco-friendly practices, using sustainable materials and ethical production methods for a better future.", imageSrc: "http://img.b2bpic.net/free-photo/female-business-owner-working-portrait_23-2148828314.jpg", imageAlt: "Green fabric and eco-friendly manufacturing", buttonIcon: Leaf,
|
|
},
|
|
]}
|
|
title="Why Choose Manish Uniforms?"
|
|
description="We blend innovative design with uncompromising quality to deliver uniforms that not only look great but also perform under pressure. Discover the Manish Uniforms difference."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "corp-wear", name: "Corporate Wear", price: "Starting at $45", imageSrc: "http://img.b2bpic.net/free-photo/stylish-sexy-woman-dressed-elegant-tuxedo-suit-walking-city-summer-spring-day_285396-8012.jpg", imageAlt: "Elegant corporate uniforms"},
|
|
{
|
|
id: "hospitality-uni", name: "Hospitality Uniforms", price: "Starting at $30", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-chef-kitchen_23-2148471886.jpg", imageAlt: "Clean hospitality uniforms"},
|
|
{
|
|
id: "industrial-work", name: "Industrial Workwear", price: "Starting at $55", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-headphones_23-2148921384.jpg", imageAlt: "Durable industrial workwear"},
|
|
{
|
|
id: "healthcare-scrubs", name: "Healthcare Uniforms", price: "Starting at $35", imageSrc: "http://img.b2bpic.net/free-photo/side-view-doctor-wearing-face-mask_23-2149601716.jpg", imageAlt: "Professional healthcare scrubs"},
|
|
{
|
|
id: "school-attire", name: "School Uniforms", price: "Starting at $25", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-business-boy-blue-classic-suit-wearing-black-bag-posing-business-work-fashion_179666-1403.jpg", imageAlt: "Neat school uniforms"},
|
|
{
|
|
id: "sports-kits", name: "Sports Team Kits", price: "Starting at $50", imageSrc: "http://img.b2bpic.net/free-photo/young-ethnic-man-sitting-with-soccer-ball_23-2148203645.jpg", imageAlt: "Custom sports team kits"},
|
|
]}
|
|
title="Our Diverse Uniform Collections"
|
|
description="Explore our extensive range of uniforms designed for various industries. From corporate elegance to heavy-duty workwear, we have a solution for every professional need."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "member-1", name: "Manish Sharma", role: "Founder & CEO", description: "With over 20 years of experience, Manish leads with a vision for quality and customer satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116354.jpg", imageAlt: "Manish Sharma, Founder & CEO"},
|
|
{
|
|
id: "member-2", name: "Priya Singh", role: "Head of Design", description: "Priya's innovative designs ensure that every uniform is stylish, functional, and brand-appropriate.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280740.jpg", imageAlt: "Priya Singh, Head of Design"},
|
|
{
|
|
id: "member-3", name: "Rahul Kumar", role: "Sales Director", description: "Rahul is dedicated to understanding client needs and providing tailored uniform solutions.", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-man-shop-consultant-posing-camera_7502-4372.jpg", imageAlt: "Rahul Kumar, Sales Director"},
|
|
]}
|
|
title="Meet Our Dedicated Team"
|
|
description="Behind every quality uniform is a team of passionate professionals committed to excellence. Get to know the people who make Manish Uniforms a leader in the industry."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Arjun Patel", imageSrc: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg", imageAlt: "Arjun Patel, CEO"},
|
|
{
|
|
id: "2", name: "Neha Gupta", imageSrc: "http://img.b2bpic.net/free-photo/man-focusing-conversation-with-interviewers_1163-5324.jpg", imageAlt: "Neha Gupta, HR Manager"},
|
|
{
|
|
id: "3", name: "Rohan Mehta", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg", imageAlt: "Rohan Mehta, Restaurant Owner"},
|
|
{
|
|
id: "4", name: "Sonia Devi", imageSrc: "http://img.b2bpic.net/free-photo/female-graphic-designer-writing-diary_1170-1055.jpg", imageAlt: "Sonia Devi, School Principal"},
|
|
{
|
|
id: "5", name: "Vikram Sharma", imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-smiling_74855-3248.jpg", imageAlt: "Vikram Sharma, Operations Manager"},
|
|
]}
|
|
cardTitle="Our Clients Rave About Our Uniforms"
|
|
cardTag="Customer Success"
|
|
cardTagIcon={Star}
|
|
buttons={[
|
|
{
|
|
text: "Read All Reviews"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"GlobalCorp", "Elite Hotels", "HealthFirst", "BrightFuture Schools", "Apex Retail", "BuildStrong Co.", "Innovate Solutions"]}
|
|
title="Trusted by Industry Leaders"
|
|
description="We are proud to partner with a diverse range of organizations, delivering uniform solutions that meet their highest expectations for quality and service."
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What types of uniforms do you offer?", content: "We offer a wide range of uniforms including corporate wear, hospitality, healthcare, industrial workwear, school uniforms, and sports team kits."},
|
|
{
|
|
id: "faq-2", title: "Can you provide custom uniform designs?", content: "Yes, we specialize in custom design solutions. Our team works closely with you to create uniforms that perfectly match your brand identity and functional needs."},
|
|
{
|
|
id: "faq-3", title: "What is your minimum order quantity?", content: "Our minimum order quantity varies depending on the type of uniform and customization required. Please contact us for specific details regarding your needs."},
|
|
{
|
|
id: "faq-4", title: "What materials do you use for uniforms?", content: "We use a variety of high-quality, durable, and comfortable fabrics. We also offer sustainable and eco-friendly material options upon request."},
|
|
{
|
|
id: "faq-5", title: "How long does production and delivery take?", content: "Production and delivery times depend on the order size and customization. We provide an estimated timeline during the quotation process and keep you updated throughout."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Have questions about our uniform services? Find answers to the most common inquiries here."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get Your Custom Uniform Quote Today"
|
|
description="Ready to elevate your brand with premium uniforms? Fill out the form below, and our team will get in touch to discuss your specific requirements."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
{
|
|
name: "company", type: "text", placeholder: "Company Name", required: false,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number", required: false,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your uniform needs...", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-business-woman-with-headset-call-center-customer-care-yellow-background_74190-14420.jpg"
|
|
imageAlt="Customer service representative in a uniform"
|
|
mediaAnimation="none"
|
|
mediaPosition="right"
|
|
buttonText="Submit Inquiry"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ln2er0"
|
|
logoAlt="Manish Uniforms Logo"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Products", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Our Team", href: "#team"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "FAQs", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Get a Quote", href: "#contact"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Manish Uniforms is dedicated to providing high-quality, custom uniforms that enhance brand identity and professional image."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|