Update src/app/products/page.tsx
This commit is contained in:
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import { CheckCircle, Clock, Palette, Printer, Sparkle, Truck } from "lucide-react";
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Brush, LayoutTemplate, Warehouse } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -24,274 +24,106 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
name: "Products & Services",
|
||||
id: "products",
|
||||
href: "/products",
|
||||
},
|
||||
{
|
||||
name: "Why Choose Us",
|
||||
id: "why-us",
|
||||
href: "/why-us",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sonex Graphix"
|
||||
bottomLeftText="Since 2009"
|
||||
bottomRightText="Get a Quote"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Products & Services", id: "/products" },
|
||||
{ name: "Why Choose Us", id: "/why-us" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Sonex Graphix"
|
||||
bottomLeftText="Since 2009"
|
||||
bottomRightText="Get a Quote"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-catalog" data-section="product-catalog">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Custom Corrugated Boxes",
|
||||
price: "Starting from ₹10/unit",
|
||||
variant: "Multiple sizes & strengths",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/storehouse-employees-comparing-freight-shipping-invoice_482257-108907.jpg?_wi=2",
|
||||
imageAlt: "Stack of corrugated cardboard boxes",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elegant Duplex Boxes",
|
||||
price: "Starting from ₹5/unit",
|
||||
variant: "Various finishes & designs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mystery-box-concept_23-2149516465.jpg?_wi=2",
|
||||
imageAlt: "Elegant duplex paper boxes packaging",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Personalized Stickers & Labels",
|
||||
price: "Starting from ₹2/piece",
|
||||
variant: "Vinyl, paper, custom shapes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-food-delivery_23-2149198162.jpg?_wi=2",
|
||||
imageAlt: "Custom vinyl stickers printing roll",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Professional Brochures",
|
||||
price: "Starting from ₹15/copy",
|
||||
variant: "Bi-fold, Tri-fold, Z-fold",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-flyer_23-2148127654.jpg?_wi=2",
|
||||
imageAlt: "Professional trifold brochure design",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Informative Visual Aids",
|
||||
price: "Custom Quote",
|
||||
variant: "Charts, posters, educational prints",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-world-aids-day-social-media-promo-template_23-2149885504.jpg?_wi=2",
|
||||
imageAlt: "Educational visual aids charts",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pharma Packaging Solutions",
|
||||
price: "Custom Quote",
|
||||
variant: "Compliance & safety focused",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-special-equipment-getting-ready-vaccinate-patient_23-2149128460.jpg?_wi=2",
|
||||
imageAlt: "Pharmaceutical packaging printing boxes",
|
||||
},
|
||||
]}
|
||||
title="Our Premium Printing & Packaging Solutions"
|
||||
description="Explore our diverse range of high-quality printing and packaging products designed to elevate your brand and meet your specific business needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="products-list" data-section="products-list">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "corrugated-boxes", name: "Corrugated Boxes", price: "Custom Quote", variant: "packaging", imageSrc: "http://img.b2bpic.net/free-photo/storehouse-employees-comparing-freight-shipping-invoice_482257-108907.jpg", imageAlt: "Stack of corrugated cardboard boxes" },
|
||||
{ id: "duplex-boxes", name: "Duplex Boxes", price: "Custom Quote", variant: "packaging", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mystery-box-concept_23-2149516465.jpg", imageAlt: "Elegant duplex paper boxes packaging" },
|
||||
{ id: "stickers", name: "Stickers & Labels", price: "Custom Quote", variant: "printing", imageSrc: "http://img.b2bpic.net/free-photo/still-life-food-delivery_23-2149198162.jpg", imageAlt: "Custom vinyl stickers printing roll" },
|
||||
{ id: "brochures", name: "Brochures", price: "Custom Quote", variant: "printing", imageSrc: "http://img.b2bpic.net/free-vector/business-flyer_23-2148127654.jpg", imageAlt: "Professional trifold brochure design" },
|
||||
{ id: "reminder-cards", name: "Reminder Cards", price: "Custom Quote", variant: "printing", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-business-card-template_23-2149582814.jpg", imageAlt: "Custom printed reminder cards stack" },
|
||||
{ id: "visual-aids", name: "Visual Aids", price: "Custom Quote", variant: "printing", imageSrc: "http://img.b2bpic.net/free-vector/flat-world-aids-day-social-media-promo-template_23-2149885504.jpg", imageAlt: "Educational visual aids charts" },
|
||||
{ id: "pharma-printing", name: "Pharma Printing Solutions", price: "Custom Quote", variant: "specialized", imageSrc: "http://img.b2bpic.net/free-photo/doctor-special-equipment-getting-ready-vaccinate-patient_23-2149128460.jpg", imageAlt: "Pharmaceutical packaging printing boxes" }
|
||||
]}
|
||||
title="Our Full Range of Printing & Packaging Solutions"
|
||||
description="Explore our diverse catalog of high-quality products, from custom packaging to specialized printing services, all designed to elevate your brand."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-features" data-section="services-features">
|
||||
<FeatureCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Custom Design Consultation",
|
||||
description: "Our expert designers work with you to create unique and impactful designs tailored to your brand identity.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-team-analyzing-digital-data_482257-119547.jpg?_wi=8",
|
||||
imageAlt: "Designers collaborating on a project",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Brush,
|
||||
text: "Brand Analysis & Concepts",
|
||||
},
|
||||
{
|
||||
icon: LayoutTemplate,
|
||||
text: "Artwork & Layout Finalization",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Color Matching & Proofing",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Quality Printing & Production",
|
||||
description: "Utilizing advanced technology and premium materials, we ensure superior print quality and durable packaging.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-white-isolating-costumes-working-laboratory_645730-561.jpg?_wi=2",
|
||||
imageAlt: "Modern printing press in operation",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Printer,
|
||||
text: "High-Resolution Offset Printing",
|
||||
},
|
||||
{
|
||||
icon: Sparkle,
|
||||
text: "Precision Digital Printing",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Rigorous Quality Control",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Timely Delivery & Logistics",
|
||||
description: "Efficient supply chain management ensures your orders are delivered on time, every time, across India.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/storehouse-employees-comparing-freight-shipping-invoice_482257-108907.jpg?_wi=3",
|
||||
imageAlt: "Logistics worker moving boxes",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Nationwide Shipping & Tracking",
|
||||
},
|
||||
{
|
||||
icon: Warehouse,
|
||||
text: "Secure Storage Solutions",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Guaranteed On-Time Delivery",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Beyond Products: Our Comprehensive Services"
|
||||
description="We don't just print; we provide end-to-end solutions, from design to delivery, ensuring seamless execution and outstanding results for every project."
|
||||
/>
|
||||
</div>
|
||||
<div id="product-features" data-section="product-features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "custom-design", title: "Custom Design & Branding", description: "Tailored designs that reflect your brand's unique identity and captivate your audience.", media: { imageSrc: "http://img.b2bpic.net/free-photo/business-team-analyzing-digital-data_482257-119547.jpg", imageAlt: "Graphic designer working on a custom branding project" },
|
||||
items: [{ icon: Brush, text: "Brand Identity" }, { icon: LayoutTemplate, text: "Packaging Concepts" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "quality-materials", title: "High-Quality Materials", description: "Using only premium materials to ensure durability, superior finish, and product protection.", media: { imageSrc: "http://img.b2bpic.net/free-photo/business-team-analyzing-digital-data_482257-119547.jpg", imageAlt: "Various high-quality paper and material samples" },
|
||||
items: [{ icon: Warehouse, text: "Sustainable Options" }, { icon: LayoutTemplate, text: "Durable Finishes" }],
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Beyond Printing: Value-Added Services"
|
||||
description="We offer comprehensive services that go beyond just printing, ensuring your products stand out with exceptional quality and design."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products-cta" data-section="products-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Need a Custom Solution?"
|
||||
title="Tailored Printing & Packaging Just for You"
|
||||
description="Have a unique requirement? Our team specializes in custom orders. Reach out to discuss your project and get a personalized quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Talk to an Expert",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-cta-products" data-section="contact-cta-products">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "bulk-orders", title: "Do you handle bulk orders?", content: "Yes, we are equipped to handle large-scale bulk orders with efficient turnaround times, ensuring consistent quality across all units." },
|
||||
{ id: "delivery-options", title: "What are your delivery options?", content: "We offer various delivery options, including express shipping and standard delivery, to ensure your products reach you on time, every time." }
|
||||
]}
|
||||
ctaTitle="Need a Custom Solution?"
|
||||
ctaDescription="Our team is ready to discuss your specific printing and packaging needs. Contact us today for a personalized quote!"
|
||||
ctaButton={{ text: "Get a Free Quote", href: "/contact" }}
|
||||
ctaIcon={Brush}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "Corrugated Boxes",
|
||||
href: "/products#corrugated",
|
||||
},
|
||||
{
|
||||
label: "Duplex Boxes",
|
||||
href: "/products#duplex",
|
||||
},
|
||||
{
|
||||
label: "Stickers",
|
||||
href: "/products#stickers",
|
||||
},
|
||||
{
|
||||
label: "Brochures",
|
||||
href: "/products#brochures",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Why Choose Us",
|
||||
href: "/why-us",
|
||||
},
|
||||
{
|
||||
label: "Client Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "/terms",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sonex Graphix"
|
||||
copyrightText="© 2024 Sonex Graphix. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="global-footer" data-section="global-footer">
|
||||
<FooterBaseCard
|
||||
logoText="Sonex Graphix"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Why Choose Us", href: "/why-us" },
|
||||
{ label: "Reviews", href: "/reviews" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Products & Services", href: "/products" },
|
||||
{ label: "Get a Quote", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "WhatsApp Chat", href: "https://wa.me/XXXXXXXXXX" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Sonex Graphix. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user