Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
488
src/app/page.tsx
488
src/app/page.tsx
@@ -18,352 +18,168 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Semi Robotics"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Semi Robotics"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Precision Through Semi-Robotics"
|
||||
description="Empowering industries with high-performance, semi-automated robotic solutions designed for efficiency and reliability."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333332.jpg"
|
||||
imageAlt="Industrial robotic arm in action"
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Solutions",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teens-doing-experiments-robotics-laboratory-boy-protective-glasses-touching-robot_1268-23720.jpg",
|
||||
alt: "Engineer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-tablet_23-2149214242.jpg",
|
||||
alt: "Manager 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-content-man-using-smartphone-pub_1262-3485.jpg",
|
||||
alt: "Founder 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12778.jpg",
|
||||
alt: "Director 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346619.jpg",
|
||||
alt: "Lead 1",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ industrial leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automation Mastery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Robotics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Integrated",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industry 4.0 Ready",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Through Semi-Robotics"
|
||||
description="Empowering industries with high-performance, semi-automated robotic solutions designed for efficiency and reliability."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333332.jpg"
|
||||
imageAlt="Industrial robotic arm in action"
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Explore Solutions", href: "#products" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/teens-doing-experiments-robotics-laboratory-boy-protective-glasses-touching-robot_1268-23720.jpg", alt: "Engineer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-tablet_23-2149214242.jpg", alt: "Manager 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-content-man-using-smartphone-pub_1262-3485.jpg", alt: "Founder 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12778.jpg", alt: "Director 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346619.jpg", alt: "Lead 1" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ industrial leaders"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Precision Engineering" },
|
||||
{ type: "text", text: "Automation Mastery" },
|
||||
{ type: "text", text: "Scalable Robotics" },
|
||||
{ type: "text", text: "AI Integrated" },
|
||||
{ type: "text", text: "Industry 4.0 Ready" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Redefining Industrial Potential"
|
||||
description="At Semi Robotics, we blend advanced engineering with human-centric design to create adaptive robotics for complex tasks. Our team is dedicated to pushing the boundaries of automation."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Control",
|
||||
description: "High-accuracy actuator systems for delicate assembly.",
|
||||
},
|
||||
{
|
||||
title: "Modular Architecture",
|
||||
description: "Easily scale your production with modular robotic units.",
|
||||
},
|
||||
{
|
||||
title: "Advanced AI Integration",
|
||||
description: "Smart, adaptive learning algorithms for continuous improvement.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept-robot-farmers-agriculture-technology-farm-automation_35913-2314.jpg"
|
||||
imageAlt="Robotic precision handling"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Redefining Industrial Potential"
|
||||
description="At Semi Robotics, we blend advanced engineering with human-centric design to create adaptive robotics for complex tasks. Our team is dedicated to pushing the boundaries of automation."
|
||||
bulletPoints={[
|
||||
{ title: "Precision Control", description: "High-accuracy actuator systems for delicate assembly." },
|
||||
{ title: "Modular Architecture", description: "Easily scale your production with modular robotic units." },
|
||||
{ title: "Advanced AI Integration", description: "Smart, adaptive learning algorithms for continuous improvement." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept-robot-farmers-agriculture-technology-farm-automation_35913-2314.jpg"
|
||||
imageAlt="Robotic precision handling"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cobot-X1",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-cooperation-two-asian-male-female-technician-maintenance-inspect-relay-robot-system-with-tablet-laptop-control-quality-operate-process-work-heavy-industry-40-manufacturing-factory_609648-106.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "SenseArray-Pro",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174373.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Control-Core Alpha",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-calibrating-assembly-lines-robotic-arms-pc_482257-125215.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gripper-Precise",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wheel-bicycle-mountain-bike-gear-derailleur_1232-3840.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "BasePlatform-Modular",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-robot-arms-grunge-metallic-surface_1048-10845.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Palletizer-HD",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automated-assembly-line-cars-latest-technological-neutral-technologies-production-cars-plant-assembly-shop-modern-cars_645730-531.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Robotic Solutions"
|
||||
description="Discover our catalog of specialized robotics designed to enhance your industrial performance."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Cobot-X1", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/engineer-cooperation-two-asian-male-female-technician-maintenance-inspect-relay-robot-system-with-tablet-laptop-control-quality-operate-process-work-heavy-industry-40-manufacturing-factory_609648-106.jpg" },
|
||||
{ id: "p2", name: "SenseArray-Pro", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174373.jpg" },
|
||||
{ id: "p3", name: "Control-Core Alpha", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-calibrating-assembly-lines-robotic-arms-pc_482257-125215.jpg" },
|
||||
{ id: "p4", name: "Gripper-Precise", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/wheel-bicycle-mountain-bike-gear-derailleur_1232-3840.jpg" },
|
||||
{ id: "p5", name: "BasePlatform-Modular", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/3d-robot-arms-grunge-metallic-surface_1048-10845.jpg" },
|
||||
{ id: "p6", name: "Palletizer-HD", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/modern-automated-assembly-line-cars-latest-technological-neutral-technologies-production-cars-plant-assembly-shop-modern-cars_645730-531.jpg" },
|
||||
]}
|
||||
title="Our Robotic Solutions"
|
||||
description="Discover our catalog of specialized robotics designed to enhance your industrial performance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Industry 4.0 Ready",
|
||||
description: "Seamless integration with existing IoT workflows.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545636.jpg",
|
||||
},
|
||||
{
|
||||
title: "Scalable Ecosystem",
|
||||
description: "Grow your fleet as your demands increase.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-uses-device-inspect-solar-plant-machinery-closeup_482257-120431.jpg",
|
||||
},
|
||||
{
|
||||
title: "Safety Protocols",
|
||||
description: "Built-in fail-safes for secure human-machine interaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-industry-40-concept_23-2149408314.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Semi Robotics?"
|
||||
description="Technical excellence and reliable performance for your manufacturing ecosystem."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Industry 4.0 Ready", description: "Seamless integration with existing IoT workflows.", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545636.jpg" },
|
||||
{ title: "Scalable Ecosystem", description: "Grow your fleet as your demands increase.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-uses-device-inspect-solar-plant-machinery-closeup_482257-120431.jpg" },
|
||||
{ title: "Safety Protocols", description: "Built-in fail-safes for secure human-machine interaction.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-industry-40-concept_23-2149408314.jpg" },
|
||||
]}
|
||||
title="Why Semi Robotics?"
|
||||
description="Technical excellence and reliable performance for your manufacturing ecosystem."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Global Impact"
|
||||
tag="Trusted Metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Units deployed globally",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.8%",
|
||||
description: "Uptime reliability",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40%",
|
||||
description: "Production efficiency gain",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Global Impact"
|
||||
tag="Trusted Metrics"
|
||||
metrics={[
|
||||
{ id: "m1", value: "150+", description: "Units deployed globally" },
|
||||
{ id: "m2", value: "99.8%", description: "Uptime reliability" },
|
||||
{ id: "m3", value: "40%", description: "Production efficiency gain" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark Roberts",
|
||||
role: "Lead Engineer",
|
||||
testimonial: "The precision of their robotic arms is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teens-doing-experiments-robotics-laboratory-boy-protective-glasses-touching-robot_1268-23720.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Martinez",
|
||||
role: "Operations Manager",
|
||||
testimonial: "Production efficiency skyrocketed since deployment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-tablet_23-2149214242.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam Chen",
|
||||
role: "CTO",
|
||||
testimonial: "A truly modern solution for scaling our factory.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-man-using-smartphone-pub_1262-3485.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Plant Director",
|
||||
testimonial: "Reliability and support are world-class.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12778.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Thorne",
|
||||
role: "Engineering Director",
|
||||
testimonial: "The best industrial robotics partner we've worked with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346619.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="See why top engineering firms choose Semi Robotics."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Mark Roberts", role: "Lead Engineer", testimonial: "The precision of their robotic arms is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/teens-doing-experiments-robotics-laboratory-boy-protective-glasses-touching-robot_1268-23720.jpg" },
|
||||
{ id: "t2", name: "Elena Martinez", role: "Operations Manager", testimonial: "Production efficiency skyrocketed since deployment.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-tablet_23-2149214242.jpg" },
|
||||
{ id: "t3", name: "Sam Chen", role: "CTO", testimonial: "A truly modern solution for scaling our factory.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-man-using-smartphone-pub_1262-3485.jpg" },
|
||||
{ id: "t4", name: "Sarah Jenkins", role: "Plant Director", testimonial: "Reliability and support are world-class.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12778.jpg" },
|
||||
{ id: "t5", name: "David Thorne", role: "Engineering Director", testimonial: "The best industrial robotics partner we've worked with.", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346619.jpg" },
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="See why top engineering firms choose Semi Robotics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Let's Engineer Tomorrow"
|
||||
description="Ready to automate? Reach out to our team for custom consultations."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Company",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message here...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-conducts-simulations-solar-panel-designs_482257-117843.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Let's Engineer Tomorrow"
|
||||
description="Ready to automate? Reach out to our team for custom consultations."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
{ name: "company", type: "text", placeholder: "Company" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your message here..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-conducts-simulations-solar-panel-designs_482257-117843.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Semi Robotics"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "Industrial Arms",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Sensors",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Safety",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Semi Robotics"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Products", items: [{ label: "Industrial Arms", href: "#products" }, { label: "Sensors", href: "#products" }] },
|
||||
{ title: "Resources", items: [{ label: "Documentation", href: "#" }, { label: "Safety", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user