198 lines
10 KiB
TypeScript
198 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Clock, Monitor, Printer, Smile, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Services", id: "features"},
|
|
{
|
|
name: "Portfolio", id: "products"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="MV Digitals"
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Precision Printing for Your Brand"
|
|
description="MV Digitals Flex Printing provides top-tier large format printing solutions. From high-impact banners to custom signage, we turn your vision into vibrant reality."
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-printer_1048-2337.jpg"
|
|
imageAlt="Industrial digital flex printing facility"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="Quality You Can Trust"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Flex Banners", description: "High-durability outdoor flex banners.", icon: Printer,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/long-orange-gradient-exposure-neon-lights-texture_23-2148328034.jpg", imageAlt: "flex banner" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-manufacturing-equipment-futuristic-factory-generated-by-ai_188544-18464.jpg", imageAlt: "manufacturing" },
|
|
]
|
|
},
|
|
{
|
|
title: "Signage Solutions", description: "Custom boards and vinyl decals.", icon: Monitor,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/man-urban-bike-shop_23-2148138947.jpg", imageAlt: "signage" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-designer-using-3d-printer_23-2151019901.jpg", imageAlt: "design" },
|
|
]
|
|
},
|
|
{
|
|
title: "UV Precision", description: "Vibrant and long-lasting prints.", icon: Zap,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-rainbow-bright-lights-prism-effect_23-2148771738.jpg", imageAlt: "uv print" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-33817.jpg", imageAlt: "texture" },
|
|
]
|
|
}
|
|
]}
|
|
title="Our Specialized Printing Services"
|
|
description="We leverage industry-leading technology to deliver exceptional print clarity and durability."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Outdoor Flex", price: "Custom", variant: "Premium Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/big-white-advertising-screen-city_23-2147764793.jpg" },
|
|
{ id: "p2", name: "Shop Signage", price: "Custom", variant: "Board/Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/abstract-paper-background-concept_23-2148812727.jpg" },
|
|
{ id: "p3", name: "Acrylic Display", price: "Custom", variant: "Premium Finish", imageSrc: "http://img.b2bpic.net/free-photo/view-concrete-structure-city_23-2148798631.jpg" },
|
|
{ id: "p4", name: "Large Hoardings", price: "Custom", variant: "Heavy Duty", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-rainbow-colored-ribbons-hanging-outdoor-market-krabi-thailand_1308-189619.jpg" },
|
|
{ id: "p5", name: "Backlit Flex", price: "Custom", variant: "Translucent", imageSrc: "http://img.b2bpic.net/free-photo/big-billboard-highway_1194-638078.jpg" },
|
|
{ id: "p6", name: "Window Decals", price: "Custom", variant: "Perforated", imageSrc: "http://img.b2bpic.net/free-photo/top-view-microperforated-sheets-still-life_23-2150260315.jpg" },
|
|
]}
|
|
title="Our Printing Portfolio"
|
|
description="Explore our high-quality printing solutions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "10K+", title: "Banners Printed", description: "High-quality output.", icon: Printer },
|
|
{ id: "m2", value: "500+", title: "Happy Clients", description: "Satisfied business owners.", icon: Smile },
|
|
{ id: "m3", value: "24/7", title: "Service Support", description: "Dedicated assistance.", icon: Clock },
|
|
]}
|
|
title="Driving Results Together"
|
|
description="Our printing solutions power local businesses across the region."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Rajesh Kumar", date: "Jan 2024", title: "Retailer", quote: "Excellent print quality and quick turnaround.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-office-using-printer_23-2149456968.jpg" },
|
|
{ id: "2", name: "Sneha Patil", date: "Feb 2024", title: "Event Manager", quote: "Reliable service for our outdoor events.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-with-city-skyline-background_9975-22162.jpg", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741823.jpg" },
|
|
{ id: "3", name: "Amit Sharma", date: "Mar 2024", title: "Business Owner", quote: "The signage looks stunning on our store.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3608.jpg" },
|
|
{ id: "4", name: "Priya Reddy", date: "Apr 2024", title: "Marketing Pro", quote: "Best printing services in the area, hands down.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-showing-notepad-sign-order_23-2148455137.jpg", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg" },
|
|
{ id: "5", name: "Vijay Kumar", date: "May 2024", title: "Owner", quote: "Affordable and very professional results.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571058.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-interacting-color-chart_1170-2931.jpg" },
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear about the quality we bring to every project."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "What file formats do you accept?", content: "We accept PDF, AI, and CDR formats for high-quality printing results." },
|
|
{ id: "q2", title: "How long does a flex print take?", content: "Most standard orders are completed within 24-48 hours depending on quantity." },
|
|
{ id: "q3", title: "Do you provide installation?", content: "Yes, we offer professional installation services for all signage and flex boards." },
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Get in Touch"
|
|
title="Ready for Your Next Project?"
|
|
description="Contact MV Digitals Flex Printing today to discuss your signage needs."
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-working-room-office-building_105762-1972.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Services", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Contact", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
logoText="MV Digitals"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|