bender/98db4df3-d76b-4d1a-a8ef-a73704723e45
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

4 Commits
version_1 ... main

Author SHA1 Message Date
bender
c7f96b2383 Merge version_2 into main 
Merge version_2 into main
 2026-03-09 06:44:22 +00:00
bender
e2eb7ce985 Update src/app/page.tsx 2026-03-09 06:44:17 +00:00
bender
bd084fc9de Update src/app/layout.tsx 2026-03-09 06:44:17 +00:00
bender
8670447a4c Merge version_1 into main 
Merge version_1 into main
 2026-03-09 06:36:37 +00:00
2 changed files with 40 additions and 52 deletions
Expand all files Collapse all files

56
src/app/layout.tsx
View File

@@ -1,47 +1,36 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./styles/variables.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import "./styles/base.css";
import Tag from "@/tag/Tag";
const halant = Halant({ const inter = Inter({ subsets: ["latin"] });
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "DistroHub - Distribution & Logistics Solutions", description: "Trusted distribution and fulfillment services for wholesale, retail, and ecommerce businesses worldwide. Real-time tracking and scalable solutions.", keywords: "distribution, logistics, fulfillment, wholesale, ecommerce, supply chain management", metadataBase: new URL("https://distrolab.com"), title: "Distro Broz - Distribution Solutions", description: "Trusted distribution solutions for your business"};
alternates: {
canonical: "https://distrolab.com"},
robots: {
index: true,
follow: true,
},
openGraph: {
title: "DistroHub - Distribution & Logistics Solutions", description: "Trusted distribution and fulfillment services for wholesale, retail, and ecommerce businesses worldwide.", type: "website", siteName: "DistroHub"},
twitter: {
card: "summary_large_image", title: "DistroHub - Distribution & Logistics Solutions", description: "Trusted distribution and fulfillment services for wholesale, retail, and ecommerce businesses worldwide."},
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <body className={inter.className}>
<body {children}
className={`${halant.variable} ${inter.variable} antialiased`} <script
> dangerouslySetInnerHTML={{
<Tag /> __html: `
{children} (function() {
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.remove('dark');
}
})();
`,
}}
/>
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1409,7 +1398,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

36
src/app/page.tsx
View File

@@ -28,7 +28,7 @@ export default function LandingPage() {
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
brandName="DistroHub" brandName="Distro Broz"
navItems={[ navItems={[
{ name: "Home", id: "hero" }, { name: "Home", id: "hero" },
{ name: "Products", id: "products" }, { name: "Products", id: "products" },
@@ -77,9 +77,9 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextSplitAbout <TextSplitAbout
title="About DistroHub" title="About Distro Broz"
description={[ description={[
"DistroHub is a leading distribution and logistics provider serving thousands of businesses worldwide. With over 15 years of industry expertise, we've built a reputation for reliability, efficiency, and customer-centric solutions.", "Our state-of-the-art facilities, advanced technology infrastructure, and dedicated team ensure that your products reach customers on time, every time. We specialize in wholesale distribution, retail logistics, and ecommerce fulfillment.", "Whether you're a startup or an enterprise, we offer flexible, scalable solutions designed to grow with your business. Our commitment to excellence and continuous innovation sets us apart in the competitive distribution landscape." "Distro Broz is a leading distribution and logistics provider serving thousands of businesses worldwide. With over 15 years of industry expertise, we've built a reputation for reliability, efficiency, and customer-centric solutions.", "Our state-of-the-art facilities, advanced technology infrastructure, and dedicated team ensure that your products reach customers on time, every time. We specialize in wholesale distribution, retail logistics, and ecommerce fulfillment.", "Whether you're a startup or an enterprise, we offer flexible, scalable solutions designed to grow with your business. Our commitment to excellence and continuous innovation sets us apart in the competitive distribution landscape."
]} ]}
buttons={[ buttons={[
{ text: "Explore Services", href: "features" } { text: "Explore Services", href: "features" }
@@ -87,7 +87,7 @@ export default function LandingPage() {
buttonAnimation="blur-reveal" buttonAnimation="blur-reveal"
showBorder={true} showBorder={true}
useInvertedBackground={false} useInvertedBackground={false}
ariaLabel="About DistroHub section" ariaLabel="About Distro Broz section"
className="w-full" className="w-full"
containerClassName="py-20" containerClassName="py-20"
titleClassName="text-5xl font-bold" titleClassName="text-5xl font-bold"
@@ -108,15 +108,15 @@ export default function LandingPage() {
buttonAnimation="blur-reveal" buttonAnimation="blur-reveal"
products={[ products={[
{ {
id: "1", brand: "DistroHub", name: "Wholesale Distribution", price: "$Contact for Pricing", rating: 5, id: "1", brand: "Distro Broz", name: "Wholesale Distribution", price: "$Contact for Pricing", rating: 5,
reviewCount: "2.4k", imageSrc: "http://img.b2bpic.net/free-photo/industrial-automation-expert-ensures-efficiency-smart-manufacturing-plant-using-industry-4-0_482257-135755.jpg", imageAlt: "Wholesale distribution service" reviewCount: "2.4k", imageSrc: "http://img.b2bpic.net/free-photo/industrial-automation-expert-ensures-efficiency-smart-manufacturing-plant-using-industry-4-0_482257-135755.jpg", imageAlt: "Wholesale distribution service"
}, },
{ {
id: "2", brand: "DistroHub", name: "Retail Logistics", price: "$Contact for Pricing", rating: 5, id: "2", brand: "Distro Broz", name: "Retail Logistics", price: "$Contact for Pricing", rating: 5,
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-volunteers-managing-donations_23-2149196095.jpg", imageAlt: "Retail logistics service" reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-volunteers-managing-donations_23-2149196095.jpg", imageAlt: "Retail logistics service"
}, },
{ {
id: "3", brand: "DistroHub", name: "Ecommerce Fulfillment", price: "$Contact for Pricing", rating: 5, id: "3", brand: "Distro Broz", name: "Ecommerce Fulfillment", price: "$Contact for Pricing", rating: 5,
reviewCount: "3.2k", imageSrc: "http://img.b2bpic.net/free-vector/social-network-media-online-shopping-banners_23-2147501107.jpg", imageAlt: "Ecommerce fulfillment service" reviewCount: "3.2k", imageSrc: "http://img.b2bpic.net/free-vector/social-network-media-online-shopping-banners_23-2147501107.jpg", imageAlt: "Ecommerce fulfillment service"
} }
]} ]}
@@ -132,7 +132,7 @@ export default function LandingPage() {
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyOne <FeatureCardTwentyOne
title="Why Choose DistroHub" title="Why Choose Distro Broz"
description="We combine cutting-edge technology, strategic partnerships, and operational excellence to deliver superior distribution services." description="We combine cutting-edge technology, strategic partnerships, and operational excellence to deliver superior distribution services."
tag="Key Features" tag="Key Features"
tagIcon={CheckCircle} tagIcon={CheckCircle}
@@ -142,7 +142,7 @@ export default function LandingPage() {
]} ]}
buttonAnimation="blur-reveal" buttonAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/supervisor-overseeing-work-done-by-engineers-industry-4-0-solar-panels-plant-reduce-downtime_482257-135635.jpg" imageSrc="http://img.b2bpic.net/free-photo/supervisor-overseeing-work-done-by-engineers-industry-4-0-solar-panels-plant-reduce-downtime_482257-135635.jpg"
imageAlt="DistroHub distribution center" imageAlt="Distro Broz distribution center"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
accordionItems={[ accordionItems={[
{ {
@@ -163,7 +163,7 @@ export default function LandingPage() {
]} ]}
useInvertedBackground={false} useInvertedBackground={false}
mediaPosition="left" mediaPosition="left"
ariaLabel="DistroHub features" ariaLabel="Distro Broz features"
className="w-full" className="w-full"
containerClassName="py-20" containerClassName="py-20"
titleClassName="text-5xl font-bold" titleClassName="text-5xl font-bold"
@@ -173,7 +173,7 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof"> <div id="social-proof" data-section="social-proof">
<SocialProofOne <SocialProofOne
title="Trusted by Industry Leaders" title="Trusted by Industry Leaders"
description="Partner with thousands of businesses that rely on DistroHub for their distribution and fulfillment needs." description="Partner with thousands of businesses that rely on Distro Broz for their distribution and fulfillment needs."
tag="Partners" tag="Partners"
tagIcon={Star} tagIcon={Star}
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
@@ -198,7 +198,7 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFive <TestimonialCardFive
title="What Our Clients Say" title="What Our Clients Say"
description="Hear from businesses that have transformed their operations with DistroHub's distribution solutions." description="Hear from businesses that have transformed their operations with Distro Broz's distribution solutions."
tag="Success Stories" tag="Success Stories"
tagIcon={Award} tagIcon={Award}
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
@@ -210,13 +210,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", name: "Sarah Johnson, CEO of TechRetail", date: "Date: 15 November 2024", title: "Game-changing distribution partner!", quote: "DistroHub transformed our supply chain operations. Their real-time tracking and efficient fulfillment have cut our delivery times by 40% while reducing costs significantly.", tag: "Premium Wholesale", avatarSrc: "http://img.b2bpic.net/free-vector/female-avatars-with-lovely-style_23-2147668054.jpg", avatarAlt: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tablet-working-logistic_23-2148886825.jpg", imageAlt: "Successful business operations" id: "1", name: "Sarah Johnson, CEO of TechRetail", date: "Date: 15 November 2024", title: "Game-changing distribution partner!", quote: "Distro Broz transformed our supply chain operations. Their real-time tracking and efficient fulfillment have cut our delivery times by 40% while reducing costs significantly.", tag: "Premium Wholesale", avatarSrc: "http://img.b2bpic.net/free-vector/female-avatars-with-lovely-style_23-2147668054.jpg", avatarAlt: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tablet-working-logistic_23-2148886825.jpg", imageAlt: "Successful business operations"
}, },
{ {
id: "2", name: "Michael Chen, Founder of GrowthEcommerce", date: "Date: 22 October 2024", title: "Best fulfillment service in the industry", quote: "We switched to DistroHub for our ecommerce fulfillment and haven't looked back. Their accuracy rate is 99.9%, and their support team is incredibly responsive.", tag: "Ecommerce Solution", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", avatarAlt: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/data-center-technicians-deploying-ai-driven-management-tools-using-tablet_482257-125454.jpg", imageAlt: "Business partnership success" id: "2", name: "Michael Chen, Founder of GrowthEcommerce", date: "Date: 22 October 2024", title: "Best fulfillment service in the industry", quote: "We switched to Distro Broz for our ecommerce fulfillment and haven't looked back. Their accuracy rate is 99.9%, and their support team is incredibly responsive.", tag: "Ecommerce Solution", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", avatarAlt: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/data-center-technicians-deploying-ai-driven-management-tools-using-tablet_482257-125454.jpg", imageAlt: "Business partnership success"
}, },
{ {
id: "3", name: "Emily Rodriguez, Operations Manager at RetailPlus", date: "Date: 08 October 2024", title: "Scaled our business effortlessly", quote: "As we expanded nationally, DistroHub scaled with us seamlessly. Their flexible solutions and strategic network made our expansion smooth and cost-effective.", tag: "Retail Logistics", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg", avatarAlt: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/excited-saleswoman-receive-good-news-phone-rejoicing-walking-street-celebrating-making_1258-194254.jpg", imageAlt: "Growing business expansion" id: "3", name: "Emily Rodriguez, Operations Manager at RetailPlus", date: "Date: 08 October 2024", title: "Scaled our business effortlessly", quote: "As we expanded nationally, Distro Broz scaled with us seamlessly. Their flexible solutions and strategic network made our expansion smooth and cost-effective.", tag: "Retail Logistics", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg", avatarAlt: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/excited-saleswoman-receive-good-news-phone-rejoicing-walking-street-celebrating-making_1258-194254.jpg", imageAlt: "Growing business expansion"
}, },
{ {
id: "4", name: "David Park, CTO of LogisticsTech", date: "Date: 25 September 2024", title: "Innovation meets reliability", quote: "Their advanced technology platform integrates seamlessly with our systems. The API documentation is excellent, and their technical support is top-notch.", tag: "Enterprise Platform", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-sign-language-outdoors-work_23-2148740315.jpg", avatarAlt: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/industry-40-photovoltaics-plant-admin-using-digital-device-app_482257-126123.jpg", imageAlt: "Technology innovation" id: "4", name: "David Park, CTO of LogisticsTech", date: "Date: 25 September 2024", title: "Innovation meets reliability", quote: "Their advanced technology platform integrates seamlessly with our systems. The API documentation is excellent, and their technical support is top-notch.", tag: "Enterprise Platform", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-sign-language-outdoors-work_23-2148740315.jpg", avatarAlt: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/industry-40-photovoltaics-plant-admin-using-digital-device-app_482257-126123.jpg", imageAlt: "Technology innovation"
@@ -231,7 +231,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
title="Get In Touch" title="Get In Touch"
description="Ready to optimize your distribution strategy? Contact our team today to discuss how DistroHub can support your business growth." description="Ready to optimize your distribution strategy? Contact our team today to discuss how Distro Broz can support your business growth."
inputs={[ inputs={[
{ name: "fullName", type: "text", placeholder: "Full Name", required: true }, { name: "fullName", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true },
@@ -241,7 +241,7 @@ export default function LandingPage() {
textarea={{ name: "message", placeholder: "Tell us about your distribution needs...", rows: 5, required: true }} textarea={{ name: "message", placeholder: "Tell us about your distribution needs...", rows: 5, required: true }}
useInvertedBackground={false} useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/happy-young-businesswoman-talking-mobile-phone-cafe_1262-20247.jpg" imageSrc="http://img.b2bpic.net/free-photo/happy-young-businesswoman-talking-mobile-phone-cafe_1262-20247.jpg"
imageAlt="DistroHub customer support center" imageAlt="Distro Broz customer support center"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
mediaPosition="right" mediaPosition="right"
buttonText="Send Message" buttonText="Send Message"
@@ -253,7 +253,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="DistroHub" logoText="Distro Broz"
leftLink={{ text: "Privacy Policy", href: "#" }} leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }} rightLink={{ text: "Terms of Service", href: "#" }}
ariaLabel="Site footer" ariaLabel="Site footer"