bender/e40fc518-e830-40f1-9e6c-f380e2193fd4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 23:02:28 +00:00
parent 600be5ef5d
commit 396aab84c8
1 changed files with 125 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files

237
src/app/page.tsx
View File

@@ -31,43 +31,24 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Products",
id: "#products",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" }
]}
brandName="HIRO SUKSES"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
logoText="HIRO SUKSES INTERNTIONAL"
description="Delivering premium export-grade seafood, canned fruits, and activated carbon to the world. Your trusted partner in global trade."
buttons={[
{
text: "Our Products",
href: "#products",
},
{
text: "Contact Us",
href: "#contact",
},
{ text: "Our Products", href: "#products" },
{ text: "Contact Us", href: "#contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/tuna-ice-market_268835-3459.jpg"
imageAlt="seafood shipping port"
@@ -81,14 +62,8 @@ export default function LandingPage() {
title="Commitment to Excellence"
description="Hiro Sukses International is a premier exporter dedicated to sourcing the highest quality Indonesian products for global markets. We bridge the gap between quality producers and international demand."
metrics={[
{
value: "10+",
title: "Years Experience",
},
{
value: "50+",
title: "Global Partners",
},
{ value: "10+", title: "Years Experience" },
{ value: "50+", title: "Global Partners" }
]}
imageSrc="http://img.b2bpic.net/free-photo/global-business_53876-31607.jpg"
imageAlt="international business meeting"
@@ -104,66 +79,12 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Hiro",
name: "Frozen Vannamei Shrimp",
price: "Contact for pricing",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-shrimps-with-sliced-lemon-peppercorns-greaseproof-paper_114579-43083.jpg",
imageAlt: "frozen shrimp product",
},
{
id: "p2",
brand: "Hiro",
name: "Frozen Octopus",
price: "Contact for pricing",
rating: 5,
reviewCount: "98",
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-with-octopus-table_23-2148290438.jpg",
imageAlt: "frozen octopus seafood",
},
{
id: "p3",
brand: "Hiro",
name: "Frozen Tuna Loins",
price: "Contact for pricing",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-mackerel-steak_1339-6208.jpg",
imageAlt: "tuna loins seafood",
},
{
id: "p4",
brand: "Hiro",
name: "Canned Pineapples",
price: "Contact for pricing",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/dried-organic-pineapple-rings-placed-wood-piece_114579-65652.jpg",
imageAlt: "canned pineapple rings",
},
{
id: "p5",
brand: "Hiro",
name: "Tropical Fruit Cocktail",
price: "Contact for pricing",
rating: 5,
reviewCount: "75",
imageSrc: "http://img.b2bpic.net/free-photo/png-tin-gold-tin-can-isolated-white-background_185193-163272.jpg",
imageAlt: "fruit cocktail canned",
},
{
id: "p6",
brand: "Hiro",
name: "Activated Carbon",
price: "Contact for pricing",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-ashes-with-charcoal_23-2149631277.jpg",
imageAlt: "activated carbon granules",
},
{ id: "p1", brand: "Hiro", name: "Frozen Vannamei Shrimp", price: "Contact for pricing", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/delicious-shrimps-with-sliced-lemon-peppercorns-greaseproof-paper_114579-43083.jpg", imageAlt: "frozen shrimp product" },
{ id: "p2", brand: "Hiro", name: "Frozen Octopus", price: "Contact for pricing", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-with-octopus-table_23-2148290438.jpg", imageAlt: "frozen octopus seafood" },
{ id: "p3", brand: "Hiro", name: "Frozen Tuna Loins", price: "Contact for pricing", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mackerel-steak_1339-6208.jpg", imageAlt: "tuna loins seafood" },
{ id: "p4", brand: "Hiro", name: "Canned Pineapples", price: "Contact for pricing", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/dried-organic-pineapple-rings-placed-wood-piece_114579-65652.jpg", imageAlt: "canned pineapple rings" },
{ id: "p5", brand: "Hiro", name: "Tropical Fruit Cocktail", price: "Contact for pricing", rating: 5, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/png-tin-gold-tin-can-isolated-white-background_185193-163272.jpg", imageAlt: "fruit cocktail canned" },
{ id: "p6", brand: "Hiro", name: "Activated Carbon", price: "Contact for pricing", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/still-life-ashes-with-charcoal_23-2149631277.jpg", imageAlt: "activated carbon granules" }
]}
title="Premium Export Products"
description="Discover our curated range of export-grade seafood, canned goods, and industrial materials."
@@ -177,27 +98,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99%",
title: "On-Time Delivery",
description: "Reliable shipping schedules",
icon: Truck,
},
{
id: "m2",
value: "100%",
title: "Quality Assured",
description: "Standardized inspection",
icon: ShieldCheck,
},
{
id: "m3",
value: "24/7",
title: "Support Team",
description: "Always ready to assist",
icon: Headphones,
},
{ id: "m1", value: "99%", title: "On-Time Delivery", description: "Reliable shipping schedules", icon: Truck },
{ id: "m2", value: "100%", title: "Quality Assured", description: "Standardized inspection", icon: ShieldCheck },
{ id: "m3", value: "24/7", title: "Support Team", description: "Always ready to assist", icon: Headphones }
]}
title="Supply Chain Efficiency"
description="We ensure strict quality control and timely delivery for every order."
@@ -210,46 +113,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "John Smith",
role: "Head Buyer",
testimonial: "Excellent seafood quality and consistent delivery.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg",
imageAlt: "happy business client",
},
{
id: "t2",
name: "Elena Rodriguez",
role: "Procurement Manager",
testimonial: "Their canned fruits are always fresh and delicious.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office-with-tablet-device_23-2150167749.jpg",
imageAlt: "business manager professional",
},
{
id: "t3",
name: "Kenji Tanaka",
role: "Import Agent",
testimonial: "Very professional and highly responsive service.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-proud-senior-businessman-sitting_1262-1615.jpg",
imageAlt: "asian businessman suit",
},
{
id: "t4",
name: "Sarah Miller",
role: "Supply Chain Director",
testimonial: "Hiro Sukses is our preferred activated carbon provider.",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12853.jpg",
imageAlt: "supply chain woman",
},
{
id: "t5",
name: "David Osei",
role: "Distributor",
testimonial: "Top notch products and great value for money.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-red-uniform-black-gloves-red-cap-holding-little-globe_140725-17864.jpg",
imageAlt: "global distributor smile",
},
{ id: "t1", name: "John Smith", role: "Head Buyer", testimonial: "Excellent seafood quality and consistent delivery.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg", imageAlt: "happy business client" },
{ id: "t2", name: "Elena Rodriguez", role: "Procurement Manager", testimonial: "Their canned fruits are always fresh and delicious.", imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office-with-tablet-device_23-2150167749.jpg", imageAlt: "business manager professional" },
{ id: "t3", name: "Kenji Tanaka", role: "Import Agent", testimonial: "Very professional and highly responsive service.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-proud-senior-businessman-sitting_1262-1615.jpg", imageAlt: "asian businessman suit" },
{ id: "t4", name: "Sarah Miller", role: "Supply Chain Director", testimonial: "Hiro Sukses is our preferred activated carbon provider.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12853.jpg", imageAlt: "supply chain woman" },
{ id: "t5", name: "David Osei", role: "Distributor", testimonial: "Top notch products and great value for money.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-red-uniform-black-gloves-red-cap-holding-little-globe_140725-17864.jpg", imageAlt: "global distributor smile" }
]}
title="What Our Partners Say"
description="Trusted by businesses around the globe."
@@ -261,21 +129,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What are the shipping terms?",
content: "We offer flexible FOB and CIF terms.",
},
{
id: "f2",
title: "How is quality controlled?",
content: "All shipments undergo strict inspection and certification.",
},
{
id: "f3",
title: "Do you provide bulk discounts?",
content: "Yes, we offer competitive volume-based pricing.",
},
{ id: "f1", title: "What are the shipping terms?", content: "We offer flexible FOB and CIF terms." },
{ id: "f2", title: "How is quality controlled?", content: "All shipments undergo strict inspection and certification." },
{ id: "f3", title: "Do you provide bulk discounts?", content: "Yes, we offer competitive volume-based pricing." }
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-cheerful-call-center-manager-evaluating-company-intern-performance_482257-117848.jpg"
title="Frequently Asked Questions"
@@ -289,48 +145,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Ready to discuss a partnership? Contact our professional team today."
buttons={[
{
text: "Contact Us",
href: "mailto:info@hiroindo.com",
},
]}
buttons={[{ text: "Contact Us", href: "mailto:info@hiroindo.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Services",
items: [
{
label: "Export Services",
href: "#",
},
{
label: "Quality Assurance",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Services", items: [{ label: "Export Services", href: "#" }, { label: "Quality Assurance", href: "#" }] }
]}
bottomLeftText="© 2024 Hiro Sukses International"
bottomRightText="All rights reserved"