Merge version_1 into main #2
419
src/app/page.tsx
419
src/app/page.tsx
@@ -27,311 +27,136 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="NexAI Robotics"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="NexAI Robotics"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Innovating the Future of Robotics"
|
||||
description="We build next-generation AI agents that bridge the gap between hardware and intelligence for a smarter world."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivet",
|
||||
handle: "@alexrivet",
|
||||
testimonial: "The precision and speed of the AI integration by NexAI is unmatched in the field.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Maria Chen",
|
||||
handle: "@mchen_eng",
|
||||
testimonial: "NexAI robots have completely revolutionized our assembly line productivity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David Thorne",
|
||||
handle: "@dthorne_ai",
|
||||
testimonial: "Incredible hardware engineering paired with state-of-the-art machine learning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sophia Lee",
|
||||
handle: "@slee_design",
|
||||
testimonial: "NexAI redefined our efficiency standards overnight.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Marcus Wong",
|
||||
handle: "@mwong_mgt",
|
||||
testimonial: "Seamless deployment and immediate performance gains.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Technology",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-cyclist-design_183364-118217.jpg"
|
||||
imageAlt="Advanced robotics research laboratory"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
|
||||
alt: "Engineering lead",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
alt: "Software architect",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",
|
||||
alt: "Research scientist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg",
|
||||
alt: "Product designer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",
|
||||
alt: "Engineering manager",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Innovating the Future of Robotics"
|
||||
description="We build next-generation AI agents that bridge the gap between hardware and intelligence for a smarter world."
|
||||
testimonials={[
|
||||
{ name: "Alex Rivet", handle: "@alexrivet", testimonial: "The precision and speed of the AI integration by NexAI is unmatched in the field.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg" },
|
||||
{ name: "Maria Chen", handle: "@mchen_eng", testimonial: "NexAI robots have completely revolutionized our assembly line productivity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg" },
|
||||
{ name: "David Thorne", handle: "@dthorne_ai", testimonial: "Incredible hardware engineering paired with state-of-the-art machine learning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg" },
|
||||
{ name: "Sophia Lee", handle: "@slee_design", testimonial: "NexAI redefined our efficiency standards overnight.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg" },
|
||||
{ name: "Marcus Wong", handle: "@mwong_mgt", testimonial: "Seamless deployment and immediate performance gains.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Technology", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-cyclist-design_183364-118217.jpg"
|
||||
imageAlt="Advanced robotics research laboratory"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg", alt: "Engineering lead" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg", alt: "Software architect" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg", alt: "Research scientist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg", alt: "Product designer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg", alt: "Engineering manager" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Human-Centric Engineering"
|
||||
description="We are dedicated to creating intuitive, safe, and highly efficient AI-driven robotics. Our focus is on ethical AI that learns from and adapts to real-world environments."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/men-lab-doing-experiments_23-2148939093.jpg"
|
||||
imageAlt="AI robotics hardware assembly"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Human-Centric Engineering"
|
||||
description="We are dedicated to creating intuitive, safe, and highly efficient AI-driven robotics. Our focus is on ethical AI that learns from and adapts to real-world environments."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/men-lab-doing-experiments_23-2148939093.jpg"
|
||||
imageAlt="AI robotics hardware assembly"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Computer Vision",
|
||||
description: "High-fidelity object tracking and environment perception using deep learning.",
|
||||
tag: "Optics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174328.jpg?_wi=1",
|
||||
imageAlt: "Computer vision sensors",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Autonomous Pathfinding",
|
||||
description: "Optimized navigation algorithms for complex, real-world environments.",
|
||||
tag: "Navigation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg?_wi=1",
|
||||
imageAlt: "Autonomous navigation visualization",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Haptic Interaction",
|
||||
description: "Precise touch-based feedback systems for delicate assembly tasks.",
|
||||
tag: "Haptics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-vr-glasses-doing-experiments-robotics-laboratory-robot-tools_1268-23326.jpg?_wi=1",
|
||||
imageAlt: "Robotic haptic hardware",
|
||||
},
|
||||
]}
|
||||
title="Core AI Capabilities"
|
||||
description="Powerful machine learning engines driving autonomous decision-making."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Computer Vision", description: "High-fidelity object tracking and environment perception using deep learning.", tag: "Optics", imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174328.jpg", imageAlt: "Computer vision sensors" },
|
||||
{ id: "f2", title: "Autonomous Pathfinding", description: "Optimized navigation algorithms for complex, real-world environments.", tag: "Navigation", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg", imageAlt: "Autonomous navigation visualization" },
|
||||
{ id: "f3", title: "Haptic Interaction", description: "Precise touch-based feedback systems for delicate assembly tasks.", tag: "Haptics", imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-vr-glasses-doing-experiments-robotics-laboratory-robot-tools_1268-23326.jpg", imageAlt: "Robotic haptic hardware" }
|
||||
]}
|
||||
title="Core AI Capabilities"
|
||||
description="Powerful machine learning engines driving autonomous decision-making."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliability for mission-critical operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174328.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50ms",
|
||||
title: "Response Latency",
|
||||
description: "Ultra-fast neural processing speed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15k+",
|
||||
title: "Active Units",
|
||||
description: "Robots currently deployed globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-vr-glasses-doing-experiments-robotics-laboratory-robot-tools_1268-23326.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Measured Innovation"
|
||||
description="Empirical results across all deployment metrics."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "99.9%", title: "Uptime", description: "Reliability for mission-critical operations.", imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174328.jpg" },
|
||||
{ id: "m2", value: "50ms", title: "Response Latency", description: "Ultra-fast neural processing speed.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg" },
|
||||
{ id: "m3", value: "15k+", title: "Active Units", description: "Robots currently deployed globally.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-vr-glasses-doing-experiments-robotics-laboratory-robot-tools_1268-23326.jpg" }
|
||||
]}
|
||||
title="Measured Innovation"
|
||||
description="Empirical results across all deployment metrics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivet",
|
||||
handle: "@alexrivet",
|
||||
testimonial: "NexAI's integration was seamless. The best robotics team I've ever collaborated with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Chen",
|
||||
handle: "@mchen_eng",
|
||||
testimonial: "The reliability of their AI navigation has changed our logistical capabilities entirely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Thorne",
|
||||
handle: "@dthorne_ai",
|
||||
testimonial: "Their approach to hardware durability is truly unique in the industry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sophia Lee",
|
||||
handle: "@slee_design",
|
||||
testimonial: "I was skeptical about AI integration, but NexAI proved me wrong in one week.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marcus Wong",
|
||||
handle: "@mwong_mgt",
|
||||
testimonial: "Efficiency levels increased by 40% after implementing their custom robot units.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Proven Excellence"
|
||||
description="Trusted by leaders in technology and advanced manufacturing."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex Rivet", handle: "@alexrivet", testimonial: "NexAI's integration was seamless. The best robotics team I've ever collaborated with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg" },
|
||||
{ id: "t2", name: "Maria Chen", handle: "@mchen_eng", testimonial: "The reliability of their AI navigation has changed our logistical capabilities entirely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg" },
|
||||
{ id: "t3", name: "David Thorne", handle: "@dthorne_ai", testimonial: "Their approach to hardware durability is truly unique in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg" },
|
||||
{ id: "t4", name: "Sophia Lee", handle: "@slee_design", testimonial: "I was skeptical about AI integration, but NexAI proved me wrong in one week.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg" },
|
||||
{ id: "t5", name: "Marcus Wong", handle: "@mwong_mgt", testimonial: "Efficiency levels increased by 40% after implementing their custom robot units.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Proven Excellence"
|
||||
description="Trusted by leaders in technology and advanced manufacturing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What kind of AI frameworks do you use?",
|
||||
content: "We primarily use PyTorch and TensorFlow, custom-tuned for real-time edge processing.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide on-site maintenance?",
|
||||
content: "Yes, we offer full-service support packages including on-site repairs and remote firmware updates.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can your robots work in outdoor environments?",
|
||||
content: "Our units are designed for diverse terrains with IP67-rated weather protection.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our robotics development process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "What kind of AI frameworks do you use?", content: "We primarily use PyTorch and TensorFlow, custom-tuned for real-time edge processing." },
|
||||
{ id: "q2", title: "Do you provide on-site maintenance?", content: "Yes, we offer full-service support packages including on-site repairs and remote firmware updates." },
|
||||
{ id: "q3", title: "Can your robots work in outdoor environments?", content: "Our units are designed for diverse terrains with IP67-rated weather protection." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our robotics development process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to integrate intelligent robotics into your infrastructure? Let's build the future together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Our Engineering Team",
|
||||
href: "mailto:hello@nexai.robotics",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to integrate intelligent robotics into your infrastructure? Let's build the future together."
|
||||
buttons={[{ text: "Contact Our Engineering Team", href: "mailto:hello@nexai.robotics" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139374.jpg"
|
||||
imageAlt="Footer background technology"
|
||||
logoText="NexAI Robotics"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Docs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139374.jpg"
|
||||
imageAlt="Footer background technology"
|
||||
logoText="NexAI Robotics"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Docs", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user