bender/5716183b-e9a8-4981-8b89-cbb088e6ad08
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-26 12:19:08 +00:00
parent 7ef03a5d99
commit 2d0db7a971
1 changed files with 53 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

263
src/app/page.tsx
View File

@@ -31,33 +31,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Technologies",
id: "future-technologies",
},
name: "Technologies", id: "future-technologies"},
{
name: "Hardware",
id: "hardware-solutions",
},
name: "Hardware", id: "hardware-solutions"},
{
name: "Software & AI",
id: "software-ai-systems",
},
name: "Software & AI", id: "software-ai-systems"},
{
name: "Vision",
id: "vision-future",
},
name: "Vision", id: "vision-future"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/gradient-antivirus-editable-slogan-logo_53876-113811.jpg"
logoAlt="SafeTechX Innovation Logo"
@@ -65,53 +51,30 @@ export default function LandingPage() {
bottomLeftText="Global Innovators"
bottomRightText="connect@safetechx.com"
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="SafeTechX Innovation"
description="Technology. Innovation. Inventions.\nStepping Into The Future."
tag="Pioneering the Future"
tagAnimation="slide-up"
buttons={[
{
text: "Explore Future",
href: "#future-technologies",
},
text: "Explore Future", href: "#future-technologies"},
{
text: "View Innovations",
href: "#innovation-showcase",
},
text: "View Innovations", href: "#innovation-showcase"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartwatch-with-abstract-background_1134-390.jpg",
imageAlt: "Futuristic 3D interface with holographic elements",
},
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartwatch-with-abstract-background_1134-390.jpg", imageAlt: "Futuristic 3D interface with holographic elements"},
{
imageSrc: "http://img.b2bpic.net/free-photo/colorful-fantastical-depiction-brain_23-2150833951.jpg",
imageAlt: "Futuristic 3D neural pathways",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-landscape-with-space-sky-nebula_1048-10755.jpg",
imageAlt: "3D digital landscape with space sky and nebula",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-environment-with-blue-neon-laser-lights-perfect-digital-wallpaper_181624-24966.jpg",
imageAlt: "Cosmic environment with blue neon laser lights - perfect for a digital wallpaper",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",
imageAlt: "Digital Training and Innovation Concept with Futuristic Interface Screens",
},
imageSrc: "http://img.b2bpic.net/free-photo/colorful-fantastical-depiction-brain_23-2150833951.jpg", imageAlt: "Futuristic 3D neural pathways"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -126,21 +89,13 @@ export default function LandingPage() {
description="SafeTechX Innovation is at the forefront of revolutionizing the future through groundbreaking hardware, transformative software, and advanced AI systems. We envision a world powered by seamless technology, where innovation meets human potential. Our mission is to engineer solutions that are not just cutting-edge, but also safe, ethical, and universally accessible."
metrics={[
{
value: "50+",
title: "Patents Filed",
},
value: "50+", title: "Patents Filed"},
{
value: "10+",
title: "Global Innovations",
},
value: "10+", title: "Global Innovations"},
{
value: "150M+",
title: "Users Reached",
},
value: "150M+", title: "Users Reached"},
{
value: "5+",
title: "Years of R&D",
},
value: "5+", title: "Years of R&D"},
]}
tag="About Us"
imageSrc="http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111247.jpg"
@@ -158,29 +113,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Adaptive Intelligence",
description: "Our AI systems learn, adapt, and evolve in real-time, providing unparalleled predictive analytics and autonomous decision-making capabilities across various domains.",
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-enabling-computers-replicate-human-brain-functioning-machine-learning-algorithms-used-computational-operations-based-data-pattern-recognition-3d-render-animation_482257-66074.jpg",
imageAlt: "Abstract representation of adaptive AI network",
titleImageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg",
buttonText: "Discover AI",
},
title: "Adaptive Intelligence", description: "Our AI systems learn, adapt, and evolve in real-time, providing unparalleled predictive analytics and autonomous decision-making capabilities across various domains.", imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-enabling-computers-replicate-human-brain-functioning-machine-learning-algorithms-used-computational-operations-based-data-pattern-recognition-3d-render-animation_482257-66074.jpg", imageAlt: "Abstract representation of adaptive AI network", titleImageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg", buttonText: "Discover AI"},
{
title: "Immersive Realities",
description: "Step into new dimensions with our cutting-edge VR/AR solutions. Experience seamless integration of digital content with the physical world, revolutionizing training, design, and entertainment.",
imageSrc: "http://img.b2bpic.net/free-photo/male-suit-with-virtual-reality-glasses-his-head-isolated-grey-background_613910-1820.jpg",
imageAlt: "Futuristic VR/AR headset with holographic projections",
titleImageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-vr-glasses-cinema_23-2150985311.jpg",
buttonText: "Explore VR/AR",
},
title: "Immersive Realities", description: "Step into new dimensions with our cutting-edge VR/AR solutions. Experience seamless integration of digital content with the physical world, revolutionizing training, design, and entertainment.", imageSrc: "http://img.b2bpic.net/free-photo/male-suit-with-virtual-reality-glasses-his-head-isolated-grey-background_613910-1820.jpg", imageAlt: "Futuristic VR/AR headset with holographic projections", titleImageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-vr-glasses-cinema_23-2150985311.jpg", buttonText: "Explore VR/AR"},
{
title: "Hyper-Secure Systems",
description: "At the core of SafeTechX is an unwavering commitment to security. Our systems are built with quantum-grade encryption and biometric safeguards, ensuring your data and privacy are always protected.",
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349261.jpg",
imageAlt: "Futuristic smart home with security features",
titleImageSrc: "http://img.b2bpic.net/free-photo/person-holding-mobile-phone-with-high-tech-application-smart-house-features-controlling-lights-with-wireless-device_482257-2257.jpg",
buttonText: "Learn Security",
},
title: "Hyper-Secure Systems", description: "At the core of SafeTechX is an unwavering commitment to security. Our systems are built with quantum-grade encryption and biometric safeguards, ensuring your data and privacy are always protected.", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349261.jpg", imageAlt: "Futuristic smart home with security features", titleImageSrc: "http://img.b2bpic.net/free-photo/person-holding-mobile-phone-with-high-tech-application-smart-house-features-controlling-lights-with-wireless-device_482257-2257.jpg", buttonText: "Learn Security"},
]}
title="Pioneering Future Technologies"
description="Explore the groundbreaking innovations that define SafeTechX. From adaptive intelligence to immersive realities, our technologies are designed to push the boundaries of what's possible, creating a smarter, safer, and more connected world."
@@ -196,65 +133,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
brand: "SafeTechX",
name: "Stealth Drone X1",
price: "$2,999",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-hummingbird_23-2151443889.jpg",
imageAlt: "Sleek black futuristic drone",
},
id: "1", brand: "SafeTechX", name: "Stealth Drone X1", price: "$2,999", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-hummingbird_23-2151443889.jpg", imageAlt: "Sleek black futuristic drone"},
{
id: "2",
brand: "SafeTechX",
name: "Quantum Supercomputer",
price: "$12,500",
rating: 4.8,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/laptops-blue-red-neon-like-ab-test-split-testing-interface_169016-70829.jpg",
imageAlt: "Compact modular desktop supercomputer",
},
id: "2", brand: "SafeTechX", name: "Quantum Supercomputer", price: "$12,500", rating: 4.8,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/laptops-blue-red-neon-like-ab-test-split-testing-interface_169016-70829.jpg", imageAlt: "Compact modular desktop supercomputer"},
{
id: "3",
brand: "SafeTechX",
name: "Biometric Sentinel",
price: "$799",
rating: 4.9,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-innovative-technology_53876-97074.jpg",
imageAlt: "Futuristic biometric scanner",
},
id: "3", brand: "SafeTechX", name: "Biometric Sentinel", price: "$799", rating: 4.9,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-innovative-technology_53876-97074.jpg", imageAlt: "Futuristic biometric scanner"},
{
id: "4",
brand: "SafeTechX",
name: "HoloDisplay Pro",
price: "$1,999",
rating: 4.7,
reviewCount: "92",
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736753.jpg",
imageAlt: "Cutting-edge transparent screen device",
},
id: "4", brand: "SafeTechX", name: "HoloDisplay Pro", price: "$1,999", rating: 4.7,
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736753.jpg", imageAlt: "Cutting-edge transparent screen device"},
{
id: "5",
brand: "SafeTechX",
name: "NeuroCore Processor",
price: "$4,500",
rating: 5,
reviewCount: "70",
imageSrc: "http://img.b2bpic.net/free-photo/smart-microchip-background-motherboard-closeup-technology_53876-104235.jpg",
imageAlt: "Quantum processing unit",
},
id: "5", brand: "SafeTechX", name: "NeuroCore Processor", price: "$4,500", rating: 5,
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/smart-microchip-background-motherboard-closeup-technology_53876-104235.jpg", imageAlt: "Quantum processing unit"},
{
id: "6",
brand: "SafeTechX",
name: "Bio-Sync Implant",
price: "$1,499",
rating: 4.6,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521307.jpg",
imageAlt: "Sleek metallic wearable implant",
},
id: "6", brand: "SafeTechX", name: "Bio-Sync Implant", price: "$1,499", rating: 4.6,
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521307.jpg", imageAlt: "Sleek metallic wearable implant"},
]}
title="Revolutionary Hardware Solutions"
description="Experience the next generation of physical technology. Our hardware solutions are meticulously engineered for performance, durability, and seamless integration, setting new benchmarks in various industries."
@@ -266,31 +161,14 @@ export default function LandingPage() {
<MetricCardEleven
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{
id: "1",
value: "99.9%",
title: "Predictive Accuracy",
description: "Our AI models deliver industry-leading precision in forecasting future trends and outcomes.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-with-annual-evolution_1098-3503.jpg",
imageAlt: "Dynamic 3D graph showing exponential growth",
},
id: "1", value: "99.9%", title: "Predictive Accuracy", description: "Our AI models deliver industry-leading precision in forecasting future trends and outcomes.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-with-annual-evolution_1098-3503.jpg", imageAlt: "Dynamic 3D graph showing exponential growth"},
{
id: "2",
value: "Global",
title: "Seamless Connectivity",
description: "SafeTechX platforms ensure instantaneous and secure communication across all devices, anywhere in the world.",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100410.jpg",
imageAlt: "Conceptual image of global connectivity",
},
id: "2", value: "Global", title: "Seamless Connectivity", description: "SafeTechX platforms ensure instantaneous and secure communication across all devices, anywhere in the world.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100410.jpg", imageAlt: "Conceptual image of global connectivity"},
{
id: "3",
value: "Adaptive",
title: "AI Learning",
description: "Our intelligent systems continuously learn and optimize, providing a personalized and evolving user experience.",
imageSrc: "http://img.b2bpic.net/free-photo/ai-cloud-concept-with-lit-brain_23-2149739755.jpg",
imageAlt: "Sophisticated AI neural network visual",
},
id: "3", value: "Adaptive", title: "AI Learning", description: "Our intelligent systems continuously learn and optimize, providing a personalized and evolving user experience.", imageSrc: "http://img.b2bpic.net/free-photo/ai-cloud-concept-with-lit-brain_23-2149739755.jpg", imageAlt: "Sophisticated AI neural network visual"},
]}
title="Intelligent Software & AI"
description="Our software innovations and AI-driven smart systems are the brains behind our technology. Leveraging deep learning and advanced algorithms, we create intuitive, efficient, and incredibly powerful digital experiences that adapt to your needs."
@@ -303,14 +181,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Quantum Dynamics",
"Aether Labs",
"Chronos Systems",
"Nexus AI",
"Vortex Robotics",
"Eon Cybernetics",
"Inceptio Dynamics",
]}
"Quantum Dynamics", "Aether Labs", "Chronos Systems", "Nexus AI", "Vortex Robotics", "Eon Cybernetics", "Inceptio Dynamics"]}
title="Our Vision: A Connected Future"
description="At SafeTechX Innovation, we don't just build technology; we sculpt the future. Our long-term vision involves a deeply integrated technological ecosystem, developed in collaboration with leading global pioneers, to enhance every facet of human existence."
tag="Future Outlook"
@@ -323,21 +194,16 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "glowing-orb",
}}
variant: "sparkles-gradient"}}
tag="Get in Touch"
tagAnimation="slide-up"
title="Connect with SafeTechX"
description="Ready to discuss partnerships, explore career opportunities, or simply learn more about our future technology solutions? Reach out to us."
buttons={[
{
text: "Call Us",
href: "tel:0855098120",
},
text: "Call Us", href: "tel:0855098120"},
{
text: "Message on Facebook",
href: "https://www.facebook.com/NatthakornBoss",
},
text: "Message on Facebook", href: "https://www.facebook.com/NatthakornBoss"},
]}
buttonAnimation="slide-up"
/>
@@ -350,58 +216,35 @@ export default function LandingPage() {
logoText="SafeTechX Innovation"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Vision",
href: "#vision-future",
},
label: "Our Vision", href: "#vision-future"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Solutions",
items: [
title: "Solutions", items: [
{
label: "Future Technologies",
href: "#future-technologies",
},
label: "Future Technologies", href: "#future-technologies"},
{
label: "Hardware",
href: "#hardware-solutions",
},
label: "Hardware", href: "#hardware-solutions"},
{
label: "Software & AI",
href: "#software-ai-systems",
},
label: "Software & AI", href: "#software-ai-systems"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Facebook",
href: "https://www.facebook.com/NatthakornBoss",
},
label: "Facebook", href: "https://www.facebook.com/NatthakornBoss"},
{
label: "Instagram",
href: "https://www.instagram.com/bossnatthakorn99",
},
label: "Instagram", href: "https://www.instagram.com/bossnatthakorn99"},
{
label: "Line",
href: "#",
},
label: "Line", href: "#"},
],
},
]}