Merge version_1 into main #1
240
src/app/page.tsx
240
src/app/page.tsx
@@ -16,163 +16,105 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Entrepco Trading"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Entrepco Trading"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Sustainable Solutions To The Mining And Agricultural Industries"
|
||||
description="Entrepco Trading supplies the mining industry with a wide range of high-quality tools, services, and industrial equipment systems."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/industrial-mining-equipment-high-tech-en-1774886329173-da1a9fd2.png",
|
||||
imageAlt: "Mining equipment 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/close-up-of-high-precision-mining-equipm-1774886329665-1be04961.png",
|
||||
imageAlt: "Mining equipment 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/flotation-machine-in-a-modern-mining-pla-1774886325343-a605b1db.png",
|
||||
imageAlt: "Mining equipment 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/precision-lab-jaw-crusher-in-a-clean-eng-1774886324465-e845f385.png",
|
||||
imageAlt: "Mining equipment 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/professional-engineering-environment-wit-1774886324903-d38a238a.png",
|
||||
imageAlt: "Mining equipment 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/scientific-glassware-for-mining-analysis-1774886327727-a0f3c378.png",
|
||||
imageAlt: "Mining equipment 6",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sustainable Solutions To The Mining And Agricultural Industries"
|
||||
description="Entrepco Trading supplies the mining industry with a wide range of high-quality tools, services, and industrial equipment systems."
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/industrial-mining-equipment-high-tech-en-1774886329173-da1a9fd2.png", imageAlt: "Mining equipment 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/close-up-of-high-precision-mining-equipm-1774886329665-1be04961.png", imageAlt: "Mining equipment 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/flotation-machine-in-a-modern-mining-pla-1774886325343-a605b1db.png", imageAlt: "Mining equipment 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/precision-lab-jaw-crusher-in-a-clean-eng-1774886324465-e845f385.png", imageAlt: "Mining equipment 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/professional-engineering-environment-wit-1774886324903-d38a238a.png", imageAlt: "Mining equipment 5" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/scientific-glassware-for-mining-analysis-1774886327727-a0f3c378.png", imageAlt: "Mining equipment 6" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Mining Partner"
|
||||
description="Entrepco Trading is working in cooperation with renowned South African and international businesses to provide a portfolio of products, services and systems that address the exact needs of the industry."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Products Supplied",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Global Partners",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/professional-team-working-on-mining-tech-1774886327943-850b5717.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Mining Partner"
|
||||
description="Entrepco Trading is working in cooperation with renowned South African and international businesses to provide a portfolio of products, services and systems that address the exact needs of the industry."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "200+", title: "Products Supplied" },
|
||||
{ value: "50+", title: "Global Partners" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/professional-team-working-on-mining-tech-1774886327943-850b5717.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pulp Density Scales",
|
||||
price: "Request Quote",
|
||||
variant: "Instrumentation",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/high-precision-pulp-density-scale-1774886326156-c8844bb1.png",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Flotation Machines",
|
||||
price: "Request Quote",
|
||||
variant: "Processing",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/flotation-unit-for-mineral-processing-1774886326017-9d1f7852.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Lab Jaw Crushers",
|
||||
price: "Request Quote",
|
||||
variant: "Equipment",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/heavy-duty-mining-laboratory-jaw-crusher-1774886324634-301b7cdf.png",
|
||||
},
|
||||
]}
|
||||
title="Industrial Equipment Portfolio"
|
||||
description="We specialize in precision instrumentation and processing equipment."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Pulp Density Scales", price: "Request Quote", variant: "Instrumentation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/high-precision-pulp-density-scale-1774886326156-c8844bb1.png" },
|
||||
{ id: "p2", name: "Flotation Machines", price: "Request Quote", variant: "Processing", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/flotation-unit-for-mineral-processing-1774886326017-9d1f7852.png" },
|
||||
{ id: "p3", name: "Lab Jaw Crushers", price: "Request Quote", variant: "Equipment", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfhwVbjhfr34RBnv6sxkifLFlE/heavy-duty-mining-laboratory-jaw-crusher-1774886324634-301b7cdf.png" },
|
||||
]}
|
||||
title="Industrial Equipment Portfolio"
|
||||
description="We specialize in precision instrumentation and processing equipment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to discuss your mining project requirements?"
|
||||
description="Get in touch with our team for expert advice on mining equipment, glassware, and industrial supplies."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to discuss your mining project requirements?"
|
||||
description="Get in touch with our team for expert advice on mining equipment, glassware, and industrial supplies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Industry Partners"
|
||||
description="Collaborating with leading innovators in the global mining sector."
|
||||
names={[
|
||||
"Anglo American",
|
||||
"Glencore Mining",
|
||||
"Rio Tinto",
|
||||
"BHP Engineering",
|
||||
"South32 Solutions",
|
||||
]}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Industry Partners"
|
||||
description="Collaborating with leading innovators in the global mining sector."
|
||||
names={[
|
||||
"Anglo American", "Glencore Mining", "Rio Tinto", "BHP Engineering", "South32 Solutions"]}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Entrepco Trading"
|
||||
copyrightText="© 2025 | Entrepco Trading | Sustainable Mining Solutions"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Entrepco Trading"
|
||||
copyrightText="© 2025 | Entrepco Trading | Sustainable Mining Solutions"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user