Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
394
src/app/page.tsx
394
src/app/page.tsx
@@ -19,282 +19,144 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="UNIZEN GROUP"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="UNIZEN GROUP"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Leading Industrial Innovation"
|
||||
description="UNIZEN GROUP – Solutions for Industrial Evolution. Reliable, professional solutions for your business growth."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanical-with-blue-shapes_1160-732.jpg",
|
||||
alt: "Engineering lead",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/parking-lot-building_1127-32.jpg",
|
||||
alt: "Client lead",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-plant-expert-instructing-technician-how-best-harness-sun-power_482257-118156.jpg",
|
||||
alt: "Project lead",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-male-engineer-work-engineers-day-celebration_23-2151615148.jpg",
|
||||
alt: "Lead systems architect",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151615070.jpg",
|
||||
alt: "Production supervisor",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Leading Industrial Innovation"
|
||||
description="UNIZEN GROUP – Solutions for Industrial Evolution. Reliable, professional solutions for your business growth."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/mechanical-with-blue-shapes_1160-732.jpg", alt: "Engineering lead" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/parking-lot-building_1127-32.jpg", alt: "Client lead" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/solar-panels-plant-expert-instructing-technician-how-best-harness-sun-power_482257-118156.jpg", alt: "Project lead" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-male-engineer-work-engineers-day-celebration_23-2151615148.jpg", alt: "Lead systems architect" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151615070.jpg", alt: "Production supervisor" },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#about" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Us"
|
||||
description="Unizen Group delivers precision, reliability, and scalable industrial solutions. Our mission is to ensure your operations run smoothly 24/7 with world-class engineering."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-photovoltaics-factory-engineers-monitoring-system-performance_482257-118073.jpg"
|
||||
imageAlt="Unizen Group Facility"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Us"
|
||||
description="Unizen Group delivers precision, reliability, and scalable industrial solutions. Our mission is to ensure your operations run smoothly 24/7 with world-class engineering."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-photovoltaics-factory-engineers-monitoring-system-performance_482257-118073.jpg"
|
||||
imageAlt="Unizen Group Facility"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Engineering",
|
||||
description: "State-of-the-art systems for long-term scalability.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manufacture-steel-machine-with-control-computer-clear-room_645730-186.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "High speed operation",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Safety certified",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Industry compliant",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanical-with-blue-shapes_1160-732.jpg",
|
||||
imageAlt: "robotic manufacturing arm",
|
||||
},
|
||||
]}
|
||||
title="Our Engineering Focus"
|
||||
description="We specialize in high-impact industrial solutions that drive performance."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Engineering", description: "State-of-the-art systems for long-term scalability.", media: { imageSrc: "http://img.b2bpic.net/free-photo/manufacture-steel-machine-with-control-computer-clear-room_645730-186.jpg", imageAlt: "robotic manufacturing arm" },
|
||||
items: [
|
||||
{ icon: Zap, text: "High speed operation" },
|
||||
{ icon: Shield, text: "Safety certified" },
|
||||
{ icon: Award, text: "Industry compliant" },
|
||||
],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Our Engineering Focus"
|
||||
description="We specialize in high-impact industrial solutions that drive performance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Industrial Grid",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-view-modern-swimming-pool_23-2148326876.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Precision Setup",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-automobile-production-line-welding-car-body-modern-car-assembly-plant-auto-industry-interior-hightech-factory-modern-production_645730-185.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modular Engineering",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589553.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Factory Automation",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Renewable Tech",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-white-isolating-costumes-working-laboratory_645730-555.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Scalable Infrastructure",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Projects"
|
||||
description="Explore our latest installations globally."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Industrial Grid", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/amazing-view-modern-swimming-pool_23-2148326876.jpg" },
|
||||
{ id: "p2", name: "Precision Setup", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/photo-automobile-production-line-welding-car-body-modern-car-assembly-plant-auto-industry-interior-hightech-factory-modern-production_645730-185.jpg" },
|
||||
{ id: "p3", name: "Modular Engineering", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589553.jpg" },
|
||||
{ id: "p4", name: "Factory Automation", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg" },
|
||||
{ id: "p5", name: "Renewable Tech", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/people-white-isolating-costumes-working-laboratory_645730-555.jpg" },
|
||||
{ id: "p6", name: "Scalable Infrastructure", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg" },
|
||||
]}
|
||||
title="Our Projects"
|
||||
description="Explore our latest installations globally."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"INDUSCORP",
|
||||
"VOLTGRID",
|
||||
"MECHWORKS",
|
||||
"LOGISTIX",
|
||||
"TECHSOLV",
|
||||
"INFRACORE",
|
||||
"GLOBALFLOW",
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Working with the best in the industry."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["INDUSCORP", "VOLTGRID", "MECHWORKS", "LOGISTIX", "TECHSOLV", "INFRACORE", "GLOBALFLOW"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Working with the best in the industry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we scale solutions?",
|
||||
content: "We utilize modular designs.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What industries do you serve?",
|
||||
content: "Manufacturing, logistics, and energy.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is support available 24/7?",
|
||||
content: "Yes, our team supports operations globally.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common inquiries about our engineering process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do we scale solutions?", content: "We utilize modular designs." },
|
||||
{ id: "q2", title: "What industries do you serve?", content: "Manufacturing, logistics, and energy." },
|
||||
{ id: "q3", title: "Is support available 24/7?", content: "Yes, our team supports operations globally." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common inquiries about our engineering process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Contact Us"
|
||||
description="Start your industrial transformation today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498625.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Contact Us"
|
||||
description="Start your industrial transformation today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498625.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="UNIZEN GROUP"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Case Studies",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 UNIZEN GROUP. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="UNIZEN GROUP"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Case Studies", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 UNIZEN GROUP. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user