Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Nusantara Spices"
|
||||
/>
|
||||
@@ -56,63 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Indonesian Spices for Global Markets"
|
||||
description="Connecting the rich flavors of Indonesia to the world. High-quality organic spices exported with care and integrity."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/owner-brings-fresh-veggies-shop_482257-76758.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/owner-brings-fresh-veggies-shop_482257-76758.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Client"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Products", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Organic Certified",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Organic Certified", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Shipping",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "Global Shipping", icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fair Trade",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Fair Trade", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Direct Sourcing",
|
||||
icon: Flame,
|
||||
type: "text-icon", text: "Direct Sourcing", icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Highest Grade",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "Highest Grade", icon: Star,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -125,19 +94,13 @@ export default function LandingPage() {
|
||||
description="We partner with local farmers to provide the finest quality spices, ensuring ethical sourcing and superior standards in every shipment."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Countries Exported",
|
||||
},
|
||||
value: "50+", title: "Countries Exported"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Organic Certified",
|
||||
},
|
||||
value: "100%", title: "Organic Certified"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/armenian-cuisine_181624-122.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/armenian-cuisine_181624-122.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,47 +114,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Organic Nutmeg",
|
||||
price: "High Quality",
|
||||
variant: "Grade A",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-walnuts-lights-market-with-blurry-background-perfect-food-concepts_181624-22259.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Organic Nutmeg", price: "High Quality", variant: "Grade A", imageSrc: "http://img.b2bpic.net/free-photo/closeup-walnuts-lights-market-with-blurry-background-perfect-food-concepts_181624-22259.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Black Pepper",
|
||||
price: "High Quality",
|
||||
variant: "Grade A",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-natural-ingredient-concept_23-2148591693.jpg",
|
||||
},
|
||||
id: "p2", name: "Black Pepper", price: "High Quality", variant: "Grade A", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-natural-ingredient-concept_23-2148591693.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cinnamon Bark",
|
||||
price: "High Quality",
|
||||
variant: "Grade A",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spread-coffee-seeds-cinnamon-sticks-side-view_176474-5081.jpg",
|
||||
},
|
||||
id: "p3", name: "Cinnamon Bark", price: "High Quality", variant: "Grade A", imageSrc: "http://img.b2bpic.net/free-photo/spread-coffee-seeds-cinnamon-sticks-side-view_176474-5081.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Whole Cloves",
|
||||
price: "High Quality",
|
||||
variant: "Grade A",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-star-anise-spice-fruits-dark-plate_114579-21403.jpg",
|
||||
},
|
||||
id: "p4", name: "Whole Cloves", price: "High Quality", variant: "Grade A", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-star-anise-spice-fruits-dark-plate_114579-21403.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Dried Ginger",
|
||||
price: "High Quality",
|
||||
variant: "Grade A",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-ginger-roots-wooden-piece_114579-78916.jpg",
|
||||
},
|
||||
id: "p5", name: "Dried Ginger", price: "High Quality", variant: "Grade A", imageSrc: "http://img.b2bpic.net/free-photo/sliced-ginger-roots-wooden-piece_114579-78916.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cardamom Pods",
|
||||
price: "High Quality",
|
||||
variant: "Grade A",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-seeds-concept_23-2148578406.jpg",
|
||||
},
|
||||
id: "p6", name: "Cardamom Pods", price: "High Quality", variant: "Grade A", imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-seeds-concept_23-2148578406.jpg"},
|
||||
]}
|
||||
title="Our Signature Spice Collection"
|
||||
description="Explore our premium selection of ethically sourced spices."
|
||||
@@ -205,55 +138,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strict Quality Control",
|
||||
description: "Rigorous testing to meet international food safety standards.",
|
||||
icon: CheckCircle,
|
||||
title: "Strict Quality Control", description: "Rigorous testing to meet international food safety standards.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-scientist-white-gloves-conducting-pharmaceutical-experiment_273609-13428.jpg",
|
||||
imageAlt: "Quality",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-scientist-white-gloves-conducting-pharmaceutical-experiment_273609-13428.jpg", imageAlt: "Quality"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-ingredients-with-notebook-spices_23-2148834780.jpg",
|
||||
imageAlt: "Quality",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-ingredients-with-notebook-spices_23-2148834780.jpg", imageAlt: "Quality"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/papaya-salad-ingredients-include-papaya_1150-24805.jpg",
|
||||
imageAlt: "quality controlled spice facility storage",
|
||||
},
|
||||
{
|
||||
title: "Reliable Logistics",
|
||||
description: "Timely shipping with secure, protective packaging methods.",
|
||||
icon: Truck,
|
||||
title: "Reliable Logistics", description: "Timely shipping with secure, protective packaging methods.", icon: Truck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-various-spices_23-2149444651.jpg",
|
||||
imageAlt: "Shipping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-various-spices_23-2149444651.jpg", imageAlt: "Shipping"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-yellow-turmeric-powder-sale-market_23-2148209801.jpg",
|
||||
imageAlt: "Shipping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-yellow-turmeric-powder-sale-market_23-2148209801.jpg", imageAlt: "Shipping"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/armenian-cuisine_181624-122.jpg?_wi=2",
|
||||
imageAlt: "quality controlled spice facility storage",
|
||||
},
|
||||
{
|
||||
title: "Global Distribution",
|
||||
description: "Extensive network ensuring delivery to any major global market.",
|
||||
icon: Globe,
|
||||
title: "Global Distribution", description: "Extensive network ensuring delivery to any major global market.", icon: Globe,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/our-world-connected-social-networking-interconnection-concept_53876-15833.jpg",
|
||||
imageAlt: "Global",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/our-world-connected-social-networking-interconnection-concept_53876-15833.jpg", imageAlt: "Global"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662957.jpg",
|
||||
imageAlt: "Global",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662957.jpg", imageAlt: "Global"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-walnuts-lights-market-with-blurry-background-perfect-food-concepts_181624-22259.jpg?_wi=2",
|
||||
imageAlt: "quality controlled spice facility storage",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -269,25 +178,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2000+",
|
||||
title: "Farmers",
|
||||
description: "Empowering local communities",
|
||||
icon: Users,
|
||||
id: "m1", value: "2000+", title: "Farmers", description: "Empowering local communities", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Tons Exported",
|
||||
description: "Yearly production volume",
|
||||
icon: Package,
|
||||
id: "m2", value: "10k+", title: "Tons Exported", description: "Yearly production volume", icon: Package,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Retention",
|
||||
description: "Trusted by our partners",
|
||||
icon: Star,
|
||||
id: "m3", value: "99%", title: "Retention", description: "Trusted by our partners", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -302,45 +199,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "Supply Chain Mgr",
|
||||
testimonial: "Exceptional quality and reliability every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", handle: "Supply Chain Mgr", testimonial: "Exceptional quality and reliability every single time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marco Rossi",
|
||||
handle: "Wholesale Buyer",
|
||||
testimonial: "The best organic nutmeg I have sourced globally.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg",
|
||||
},
|
||||
id: "t2", name: "Marco Rossi", handle: "Wholesale Buyer", testimonial: "The best organic nutmeg I have sourced globally.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lisa Wang",
|
||||
handle: "Distributor",
|
||||
testimonial: "Excellent communication and timely shipping.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wiping-glass-looking-camera_259150-59256.jpg",
|
||||
},
|
||||
id: "t3", name: "Lisa Wang", handle: "Distributor", testimonial: "Excellent communication and timely shipping.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wiping-glass-looking-camera_259150-59256.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Miller",
|
||||
handle: "Import Manager",
|
||||
testimonial: "Integrity and quality define their business operations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-manager-ceo-holding-tablet-walking-through-warehouse-storage-area-looking-towards-shelves_342744-1499.jpg",
|
||||
},
|
||||
id: "t4", name: "David Miller", handle: "Import Manager", testimonial: "Integrity and quality define their business operations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-manager-ceo-holding-tablet-walking-through-warehouse-storage-area-looking-towards-shelves_342744-1499.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Gomez",
|
||||
handle: "Partner",
|
||||
testimonial: "Proud to work with such a sustainable supplier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena Gomez", handle: "Partner", testimonial: "Proud to work with such a sustainable supplier.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Partners Say"
|
||||
@@ -354,20 +226,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the minimum order quantity?",
|
||||
content: "Our MOQ typically starts at 500kg per individual product.",
|
||||
},
|
||||
id: "f1", title: "What is the minimum order quantity?", content: "Our MOQ typically starts at 500kg per individual product."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do you ensure spice purity?",
|
||||
content: "Every batch undergoes rigorous quality analysis in our labs.",
|
||||
},
|
||||
id: "f2", title: "How do you ensure spice purity?", content: "Every batch undergoes rigorous quality analysis in our labs."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to all major global ports globally via ocean freight.",
|
||||
},
|
||||
id: "f3", title: "Do you offer international shipping?", content: "Yes, we ship to all major global ports globally via ocean freight."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers about our spice export process."
|
||||
@@ -379,14 +242,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to discuss your supply requirements? Get in touch with our expert export team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:info@nusantara-spices.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:info@nusantara-spices.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -395,42 +255,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Story", href: "#about"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Catalog", href: "#products"},
|
||||
{
|
||||
label: "Quality",
|
||||
href: "#",
|
||||
},
|
||||
label: "Quality", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user