Update src/app/page.tsx
This commit is contained in:
286
src/app/page.tsx
286
src/app/page.tsx
@@ -31,70 +31,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "#solutions",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Solutions", id: "#solutions" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="JN ECO PACKAGING"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Sustainable Packaging Solutions for Modern F&B Brands"
|
||||
description="Premium eco-friendly food and beverage packaging solutions designed for durability, style, and sustainability. Bulk manufacturing and custom logo printing for cafes, hotels, and food chains."
|
||||
tag="Eco-Friendly Leader"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "tel:8487017803",
|
||||
},
|
||||
{ text: "Get Quote", href: "#contact" },
|
||||
{ text: "Contact Us", href: "tel:8487017803" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disposable-paper-cup-with-dark-shadow-blue-background-top-view_169016-35324.jpg?_wi=1",
|
||||
imageAlt: "Sustainable eco-friendly packaging",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afroamerican-man-holding-coffee-cup_23-2148508944.jpg?_wi=1",
|
||||
imageAlt: "Custom printed paper packaging",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-paper-disposable-cups-yellow-background-isolated_169016-35331.jpg",
|
||||
imageAlt: "Three paper disposable cups on a yellow background isolated",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/craft-paper-coffee-cup-dried-flowers-eco-background-flat-lay_169016-33807.jpg",
|
||||
imageAlt: "Craft paper coffee cup and dried flowers on eco background flat lay",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-disposable-cup-white-background-flat-lay_169016-35372.jpg",
|
||||
imageAlt: "Paper disposable cup on a white background flat lay",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/disposable-paper-cup-with-dark-shadow-blue-background-top-view_169016-35324.jpg", imageAlt: "Sustainable eco-friendly packaging" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/afroamerican-man-holding-coffee-cup_23-2148508944.jpg", imageAlt: "Custom printed paper packaging" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -121,60 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "JN Eco",
|
||||
name: "Single Wall Paper Cups",
|
||||
price: "Bulk Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup-with-black-lid_187299-48022.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "JN Eco",
|
||||
name: "Double Wall Cups",
|
||||
price: "Bulk Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-wooden-boards-arrangement_23-2149514270.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "JN Eco",
|
||||
name: "Premium Paper Bags",
|
||||
price: "Bulk Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stamps-wood-near-ampersand-gift_23-2147786346.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "JN Eco",
|
||||
name: "Ripple Wall Coffee Cups",
|
||||
price: "Bulk Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-cups-row_23-2147717316.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "JN Eco",
|
||||
name: "Bio-Lids & Accessories",
|
||||
price: "Bulk Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "80+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-red-thread-connection_23-2149870853.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "JN Eco",
|
||||
name: "Custom Printed Cups",
|
||||
price: "Bulk Pricing",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/take-away-food-composition-with-coffee_23-2147805015.jpg",
|
||||
},
|
||||
{ id: "1", brand: "JN Eco", name: "Single Wall Paper Cups", price: "Bulk Pricing", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup-with-black-lid_187299-48022.jpg" },
|
||||
{ id: "2", brand: "JN Eco", name: "Double Wall Cups", price: "Bulk Pricing", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-wooden-boards-arrangement_23-2149514270.jpg" },
|
||||
{ id: "3", brand: "JN Eco", name: "Premium Paper Bags", price: "Bulk Pricing", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/stamps-wood-near-ampersand-gift_23-2147786346.jpg" },
|
||||
{ id: "4", brand: "JN Eco", name: "Ripple Wall Coffee Cups", price: "Bulk Pricing", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/three-cups-row_23-2147717316.jpg" },
|
||||
{ id: "5", brand: "JN Eco", name: "Bio-Lids & Accessories", price: "Bulk Pricing", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/still-life-red-thread-connection_23-2149870853.jpg" },
|
||||
{ id: "6", brand: "JN Eco", name: "Custom Printed Cups", price: "Bulk Pricing", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/take-away-food-composition-with-coffee_23-2147805015.jpg" }
|
||||
]}
|
||||
title="Premium Product Categories"
|
||||
description="Explore our wide range of durable, leak-proof and eco-conscious food and beverage packaging."
|
||||
@@ -187,33 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feat1",
|
||||
title: "Bulk Manufacturing",
|
||||
descriptions: [
|
||||
"High-capacity production ensuring consistent supply for large food chains and cafe brands.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-packing-desk-items_23-2149392087.jpg",
|
||||
imageAlt: "sustainable forest green concept",
|
||||
},
|
||||
{
|
||||
id: "feat2",
|
||||
title: "Custom Logo Printing",
|
||||
descriptions: [
|
||||
"Enhance your brand visibility with high-definition, food-grade custom logo printing solutions.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disposable-paper-cup-with-dark-shadow-blue-background-top-view_169016-35324.jpg?_wi=2",
|
||||
imageAlt: "sustainable forest green concept",
|
||||
},
|
||||
{
|
||||
id: "feat3",
|
||||
title: "Leak-Proof Quality",
|
||||
descriptions: [
|
||||
"Precision-engineered design ensures a premium experience without leaks or structural failures.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afroamerican-man-holding-coffee-cup_23-2148508944.jpg?_wi=2",
|
||||
imageAlt: "sustainable forest green concept",
|
||||
},
|
||||
{ id: "feat1", title: "Bulk Manufacturing", descriptions: ["High-capacity production ensuring consistent supply for large food chains and cafe brands."], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-packing-desk-items_23-2149392087.jpg", imageAlt: "sustainable forest green concept" },
|
||||
{ id: "feat2", title: "Custom Logo Printing", descriptions: ["Enhance your brand visibility with high-definition, food-grade custom logo printing solutions."], imageSrc: "http://img.b2bpic.net/free-photo/disposable-paper-cup-with-dark-shadow-blue-background-top-view_169016-35324.jpg", imageAlt: "sustainable forest green concept" },
|
||||
{ id: "feat3", title: "Leak-Proof Quality", descriptions: ["Precision-engineered design ensures a premium experience without leaks or structural failures."], imageSrc: "http://img.b2bpic.net/free-photo/afroamerican-man-holding-coffee-cup_23-2148508944.jpg", imageAlt: "sustainable forest green concept" }
|
||||
]}
|
||||
title="Why Choose JN ECO PACKAGING"
|
||||
description="We blend quality manufacturing with sustainable practices to elevate your brand identity."
|
||||
@@ -227,21 +114,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10M+",
|
||||
description: "Cups Produced Annually",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Happy B2B Clients",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Eco-Conscious Materials",
|
||||
},
|
||||
{ id: "m1", value: "10M+", description: "Cups Produced Annually" },
|
||||
{ id: "m2", value: "500+", description: "Happy B2B Clients" },
|
||||
{ id: "m3", value: "100%", description: "Eco-Conscious Materials" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Scaling sustainable packaging one industry at a time."
|
||||
@@ -254,41 +129,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rahul Sharma",
|
||||
role: "Cafe Chain Owner",
|
||||
testimonial: "Excellent quality and timely delivery for our massive bulk orders.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172466.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya V.",
|
||||
role: "Brand Manager",
|
||||
testimonial: "The custom printing looks incredible. Truly premium branding results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-formal-outfit-using-tablet_181624-33464.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amit K.",
|
||||
role: "Hotel Executive",
|
||||
testimonial: "Eco-friendly, durable, and cost-effective. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sunita L.",
|
||||
role: "Catering Lead",
|
||||
testimonial: "Leak-proof performance is unmatched in the industry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-businesswoman-with-laptop-coffee-thoughtfully-working-cafe-street_574295-4046.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vikram Singh",
|
||||
role: "Startup Founder",
|
||||
testimonial: "Best partner for our beverage brand launch. Great support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-entrepreneur-asian-business-owner-manager-sitting-confident-smiling_1258-199004.jpg",
|
||||
},
|
||||
{ id: "1", name: "Rahul Sharma", role: "Cafe Chain Owner", testimonial: "Excellent quality and timely delivery for our massive bulk orders.", imageSrc: "http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172466.jpg" },
|
||||
{ id: "2", name: "Priya V.", role: "Brand Manager", testimonial: "The custom printing looks incredible. Truly premium branding results.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-formal-outfit-using-tablet_181624-33464.jpg" },
|
||||
{ id: "3", name: "Amit K.", role: "Hotel Executive", testimonial: "Eco-friendly, durable, and cost-effective. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" },
|
||||
{ id: "4", name: "Sunita L.", role: "Catering Lead", testimonial: "Leak-proof performance is unmatched in the industry.", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-businesswoman-with-laptop-coffee-thoughtfully-working-cafe-street_574295-4046.jpg" },
|
||||
{ id: "5", name: "Vikram Singh", role: "Startup Founder", testimonial: "Best partner for our beverage brand launch. Great support.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-entrepreneur-asian-business-owner-manager-sitting-confident-smiling_1258-199004.jpg" }
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="See why top cafes and beverage brands choose us for their packaging requirements."
|
||||
@@ -301,35 +146,12 @@ export default function LandingPage() {
|
||||
title="Ready to Start Your Order?"
|
||||
description="Reach out to Jimil (8487017803) or Nitya (8401557803) for custom wholesale requirements."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "business",
|
||||
type: "text",
|
||||
placeholder: "Business Name",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
{ name: "business", type: "text", placeholder: "Business Name" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Requirements (Custom Print/Bulk)",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Requirements (Custom Print/Bulk)", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-spraying-powder-paint-from-gun-full-shot_23-2149878769.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -339,49 +161,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brown-texture_1253-166.jpg"
|
||||
logoText="JN ECO PACKAGING"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Jimil",
|
||||
href: "tel:8487017803",
|
||||
},
|
||||
{
|
||||
label: "Call Nitya",
|
||||
href: "tel:8401557803",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Products", href: "#products" }] },
|
||||
{ title: "Contact", items: [{ label: "Call Jimil", href: "tel:8487017803" }, { label: "Call Nitya", href: "tel:8401557803" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user