Merge version_1 into main #1
310
src/app/page.tsx
310
src/app/page.tsx
@@ -31,132 +31,56 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Mystery",
|
||||
id: "about",
|
||||
},
|
||||
name: "Mystery", id: "about"},
|
||||
{
|
||||
name: "Connect",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Connect", id: "contact"},
|
||||
]}
|
||||
brandName="NEXUS"
|
||||
button={{
|
||||
text: "Initiate",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Initiate", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Welcome to the Unknown"
|
||||
description="Beyond the veil of reality lies the future. Experience the synthesis of digital art, technology, and absolute immersion."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-technology-background-with-flowing-data-waves_1048-18869.jpg",
|
||||
imageAlt: "Abstract Motion 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg",
|
||||
imageAlt: "Abstract Motion 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/big-data-blue-plot-visualization-futuristic-infographic-information-aesthetic-design-visual-data-complexity-complex-data-threads-graphic-visualization_1217-2183.jpg",
|
||||
imageAlt: "Abstract Motion 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-crystal-clear-water_23-2150786862.jpg",
|
||||
imageAlt: "Abstract Motion 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-play-dough-shapes_52683-89891.jpg",
|
||||
imageAlt: "Abstract Motion 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-technology-background-with-flowing-data-waves_1048-18869.jpg", imageAlt: "Abstract Motion 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg", imageAlt: "Abstract Motion 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/big-data-blue-plot-visualization-futuristic-infographic-information-aesthetic-design-visual-data-complexity-complex-data-threads-graphic-visualization_1217-2183.jpg", imageAlt: "Abstract Motion 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-3d-crystal-clear-water_23-2150786862.jpg", imageAlt: "Abstract Motion 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/funny-play-dough-shapes_52683-89891.jpg", imageAlt: "Abstract Motion 5" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/structure-abstract-background-with-copy-space_1194-638944.jpg",
|
||||
imageAlt: "Right Motion 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-unused-bath-bombs_23-2150248936.jpg",
|
||||
imageAlt: "Right Motion 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-glass-phone_187299-48709.jpg",
|
||||
imageAlt: "Right Motion 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg",
|
||||
imageAlt: "Right Motion 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights_181624-26205.jpg",
|
||||
imageAlt: "Right Motion 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/structure-abstract-background-with-copy-space_1194-638944.jpg", imageAlt: "Right Motion 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-unused-bath-bombs_23-2150248936.jpg", imageAlt: "Right Motion 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/horizontal-glass-phone_187299-48709.jpg", imageAlt: "Right Motion 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg", imageAlt: "Right Motion 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights_181624-26205.jpg", imageAlt: "Right Motion 5" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Uncover Truth",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Uncover Truth", href: "#about"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-guy-sunglasses-hood-is-posing-photographer-blue-light_613910-5971.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bearded-guy-sunglasses-hood-is-posing-photographer-blue-light_613910-5971.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 500+ pioneers in the void"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/neon-frame-collection_23-2149084838.jpg",
|
||||
alt: "Partner 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/game-online-stream-frames-panels_107791-14119.jpg",
|
||||
alt: "Partner 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/decorative-neon-frames-with-deco-lines_107791-32301.jpg",
|
||||
alt: "Partner 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/neon-sign-template_1017-7463.jpg",
|
||||
alt: "Partner 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/nice-neon-shiny-frames-set-four_1017-33215.jpg",
|
||||
alt: "Partner 5",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/neon-frame-collection_23-2149084838.jpg", alt: "Partner 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/game-online-stream-frames-panels_107791-14119.jpg", alt: "Partner 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/decorative-neon-frames-with-deco-lines_107791-32301.jpg", alt: "Partner 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/neon-sign-template_1017-7463.jpg", alt: "Partner 4" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/nice-neon-shiny-frames-set-four_1017-33215.jpg", alt: "Partner 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,15 +89,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Digital Singularity",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/vivid-abstract-psychedelic-corridor-pattern-background-with-blue-purple-colors_181624-24923.jpg",
|
||||
alt: "Abstract futuristic tech",
|
||||
},
|
||||
{ type: "text", content: "The Digital Singularity" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/vivid-abstract-psychedelic-corridor-pattern-background-with-blue-purple-colors_181624-24923.jpg", alt: "Abstract futuristic tech" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -184,21 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fluid Dynamics",
|
||||
description: "Adaptive systems that react to every user movement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-network-connections-low-poly-plexus-design_1048-11867.jpg",
|
||||
},
|
||||
{
|
||||
title: "Neural Mapping",
|
||||
description: "Intuitive navigation designed for the future mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-geometric-neon-empty-frame-banners-set_1017-25562.jpg",
|
||||
},
|
||||
{
|
||||
title: "Infinite Depth",
|
||||
description: "Experience layering beyond traditional flat UI.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/duotone-wavy-smoke-black-background_23-2148211032.jpg",
|
||||
},
|
||||
{ title: "Fluid Dynamics", description: "Adaptive systems that react to every user movement.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-network-connections-low-poly-plexus-design_1048-11867.jpg" },
|
||||
{ title: "Neural Mapping", description: "Intuitive navigation designed for the future mind.", imageSrc: "http://img.b2bpic.net/free-vector/set-geometric-neon-empty-frame-banners-set_1017-25562.jpg" },
|
||||
{ title: "Infinite Depth", description: "Experience layering beyond traditional flat UI.", imageSrc: "http://img.b2bpic.net/free-photo/duotone-wavy-smoke-black-background_23-2148211032.jpg" },
|
||||
]}
|
||||
title="Unparalleled Capabilities"
|
||||
description="Technological mastery meets artistic expression."
|
||||
@@ -211,36 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Global Nodes",
|
||||
items: [
|
||||
"Connected",
|
||||
"Synchronized",
|
||||
"Neural",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Digital Flux",
|
||||
items: [
|
||||
"Immersion",
|
||||
"Adaptive",
|
||||
"Living",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Precision",
|
||||
items: [
|
||||
"Calculated",
|
||||
"Sharp",
|
||||
"Defined",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "Global Nodes", items: ["Connected", "Synchronized", "Neural"] },
|
||||
{ id: "m2", value: "24/7", title: "Digital Flux", items: ["Immersion", "Adaptive", "Living"] },
|
||||
{ id: "m3", value: "99.9%", title: "Precision", items: ["Calculated", "Sharp", "Defined"] },
|
||||
]}
|
||||
title="Global Influence"
|
||||
description="Defining the next generation of digital landscapes."
|
||||
@@ -251,61 +129,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="depth-3d"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "Creative Lead",
|
||||
company: "Vortex Studios",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-standing-with-crossed-arms-studio-isolated-dark-background_613910-6353.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Architect",
|
||||
company: "Nebula Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-touching-virtual-screen-futuristic_53876-96300.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elara Vance",
|
||||
role: "Lead Dev",
|
||||
company: "Quantum Core",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67156.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jaxon Reed",
|
||||
role: "Designer",
|
||||
company: "Apex Digital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-checkered-shirt-standing-night-street-illuminated-signboards-neon-lights_613910-21240.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kaelen Voss",
|
||||
role: "Visionary",
|
||||
company: "Singularity",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Chen", role: "Creative Lead", company: "Vortex Studios", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-standing-with-crossed-arms-studio-isolated-dark-background_613910-6353.jpg" },
|
||||
{ id: "2", name: "Marcus Thorne", role: "Architect", company: "Nebula Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-touching-virtual-screen-futuristic_53876-96300.jpg" },
|
||||
{ id: "3", name: "Elara Vance", role: "Lead Dev", company: "Quantum Core", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67156.jpg" },
|
||||
{ id: "4", name: "Jaxon Reed", role: "Designer", company: "Apex Digital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-checkered-shirt-standing-night-street-illuminated-signboards-neon-lights_613910-21240.jpg" },
|
||||
{ id: "5", name: "Kaelen Voss", role: "Visionary", company: "Singularity", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Early Adopters",
|
||||
},
|
||||
{
|
||||
value: "40+",
|
||||
label: "Global Markets",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Immersion",
|
||||
},
|
||||
{ value: "500+", label: "Early Adopters" },
|
||||
{ value: "40+", label: "Global Markets" },
|
||||
{ value: "100%", label: "Immersion" },
|
||||
]}
|
||||
title="Voices of the Future"
|
||||
description="What our early collaborators are saying about the experience."
|
||||
@@ -317,21 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is this?",
|
||||
content: "We don't know yet. That's for you to discover.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it safe?",
|
||||
content: "Safety is subjective in the digital void.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I join?",
|
||||
content: "Just keep scrolling.",
|
||||
},
|
||||
{ id: "q1", title: "What is this?", content: "We don't know yet. That's for you to discover." },
|
||||
{ id: "q2", title: "Is it safe?", content: "Safety is subjective in the digital void." },
|
||||
{ id: "q3", title: "How do I join?", content: "Just keep scrolling." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-background-concept-abstract-empty-light-gradient-purple-studio-room-background-product-plain-studio-background_1258-69106.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -347,21 +170,10 @@ export default function LandingPage() {
|
||||
title="Establish Contact"
|
||||
description="Transmission incoming. Ready to join the movement?"
|
||||
inputs={[
|
||||
{
|
||||
name: "Name",
|
||||
type: "text",
|
||||
placeholder: "Your Identity",
|
||||
},
|
||||
{
|
||||
name: "Email",
|
||||
type: "email",
|
||||
placeholder: "Encrypted Connection",
|
||||
},
|
||||
{ name: "Name", type: "text", placeholder: "Your Identity" },
|
||||
{ name: "Email", type: "email", placeholder: "Encrypted Connection" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message here...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message here..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-reflections-background_1017-2644.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -369,28 +181,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Resources", items: [{ label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
logoText="NEXUS"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user