Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
203
src/app/page.tsx
203
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Origin",
|
||||
id: "about",
|
||||
},
|
||||
name: "Origin", id: "about"},
|
||||
{
|
||||
name: "Technology",
|
||||
id: "features",
|
||||
},
|
||||
name: "Technology", id: "features"},
|
||||
{
|
||||
name: "Legacy",
|
||||
id: "legacy",
|
||||
},
|
||||
name: "Legacy", id: "legacy"},
|
||||
]}
|
||||
brandName="STARK INDUSTRIES"
|
||||
/>
|
||||
@@ -48,51 +42,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Genius. Billionaire. Hero."
|
||||
description="Witness the evolution of innovation. From the caves of struggle to the legacy of the armor."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Suits",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Suits", href: "#features"},
|
||||
{
|
||||
text: "Learn Legacy",
|
||||
href: "#legacy",
|
||||
},
|
||||
text: "Learn Legacy", href: "#legacy"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-man-wearing-white-clothes_23-2148910284.jpg",
|
||||
imageAlt: "Hero suit assembly",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-man-wearing-white-clothes_23-2148910284.jpg", imageAlt: "Hero suit assembly"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-using-laptop-computer-home-indoors_171337-16981.jpg",
|
||||
imageAlt: "Hero suit assembly detail",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-using-laptop-computer-home-indoors_171337-16981.jpg", imageAlt: "Hero suit assembly detail"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648306.jpg",
|
||||
imageAlt: "Lab workspace",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648306.jpg", imageAlt: "Lab workspace"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-criminal-celebrating-computer-system-victory-successful-hacking-night-satisfied-thief-committing-cyberattack-stealing-government-data-breaking-into-database-online-server_482257-68987.jpg",
|
||||
imageAlt: "Tech interface holographic",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/online-criminal-celebrating-computer-system-victory-successful-hacking-night-satisfied-thief-committing-cyberattack-stealing-government-data-breaking-into-database-online-server_482257-68987.jpg", imageAlt: "Tech interface holographic"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inside-business-center-building_181624-330.jpg",
|
||||
imageAlt: "Suit engineering",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/inside-business-center-building_181624-330.jpg", imageAlt: "Suit engineering"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-road-leading-train-covered-with-snow_181624-37840.jpg",
|
||||
imageAlt: "Advanced diagnostics",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-road-leading-train-covered-with-snow_181624-37840.jpg", imageAlt: "Advanced diagnostics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,17 +76,11 @@ export default function LandingPage() {
|
||||
description="Tony Stark's journey began with a simple choice: to use his intellect to protect, not just build. Through captivity and redemption, the first suit was forged in fire."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Weapons Industry",
|
||||
description: "The foundation of Stark Industries power.",
|
||||
},
|
||||
title: "Weapons Industry", description: "The foundation of Stark Industries power."},
|
||||
{
|
||||
title: "The Captivity",
|
||||
description: "The defining moment of change in an Afghan cave.",
|
||||
},
|
||||
title: "The Captivity", description: "The defining moment of change in an Afghan cave."},
|
||||
{
|
||||
title: "Mark I Creation",
|
||||
description: "Forced innovation leads to the first successful armor build.",
|
||||
},
|
||||
title: "Mark I Creation", description: "Forced innovation leads to the first successful armor build."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carabiners-rope-rock_23-2147665114.jpg"
|
||||
imageAlt="Mark I Suit Origins"
|
||||
@@ -130,38 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Mark I",
|
||||
author: "Base Suit",
|
||||
description: "The prototype built from scrap in the desert.",
|
||||
tags: [
|
||||
"Rough",
|
||||
"Powerful",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-carpenter-male-workshop_613910-11998.jpg",
|
||||
},
|
||||
id: "1", title: "Mark I", author: "Base Suit", description: "The prototype built from scrap in the desert.", tags: [
|
||||
"Rough", "Powerful"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-carpenter-male-workshop_613910-11998.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Mark V",
|
||||
author: "Briefcase Suit",
|
||||
description: "High mobility mobile suit deployed from a suitcase.",
|
||||
tags: [
|
||||
"Mobile",
|
||||
"Agile",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-connections-background-flowing-dots-with-shallow-depth-field_1048-11868.jpg",
|
||||
},
|
||||
id: "2", title: "Mark V", author: "Briefcase Suit", description: "High mobility mobile suit deployed from a suitcase.", tags: [
|
||||
"Mobile", "Agile"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-connections-background-flowing-dots-with-shallow-depth-field_1048-11868.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Mark 50",
|
||||
author: "Nanotech Suit",
|
||||
description: "Liquid metal nanotechnology capable of any configuration.",
|
||||
tags: [
|
||||
"Nanotech",
|
||||
"Infinite",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elite-unit-special-forces-soldier-camouflage-uniform-posing-with-assault-rifle-studio-photo-against-dark-textured-wall_613910-20192.jpg",
|
||||
},
|
||||
id: "3", title: "Mark 50", author: "Nanotech Suit", description: "Liquid metal nanotechnology capable of any configuration.", tags: [
|
||||
"Nanotech", "Infinite"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elite-unit-special-forces-soldier-camouflage-uniform-posing-with-assault-rifle-studio-photo-against-dark-textured-wall_613910-20192.jpg"},
|
||||
]}
|
||||
title="Suit Evolution"
|
||||
description="From bulky armor to nanotech shells, the evolution showcases the pinnacle of human ingenuity."
|
||||
@@ -175,35 +119,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50+",
|
||||
title: "Armor Iterations",
|
||||
items: [
|
||||
"Design",
|
||||
"Prototyping",
|
||||
"Testing",
|
||||
],
|
||||
id: "1", value: "50+", title: "Armor Iterations", items: [
|
||||
"Design", "Prototyping", "Testing"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "3000",
|
||||
title: "Hearts Touched",
|
||||
items: [
|
||||
"Love",
|
||||
"Sacrifice",
|
||||
"Heroism",
|
||||
],
|
||||
id: "2", value: "3000", title: "Hearts Touched", items: [
|
||||
"Love", "Sacrifice", "Heroism"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "1",
|
||||
name: "Legacy",
|
||||
title: "The Hero's Redemption",
|
||||
items: [
|
||||
"Innovation",
|
||||
"Safety",
|
||||
"Future",
|
||||
],
|
||||
id: "3", value: "1", title: "The Hero's Redemption", items: [
|
||||
"Innovation", "Safety", "Future"],
|
||||
},
|
||||
]}
|
||||
title="Impact & Legacy"
|
||||
@@ -218,40 +143,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dr. Arnim",
|
||||
role: "Senior Engineer",
|
||||
testimonial: "The precision of his tech changed physics forever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-using-computer_171337-15535.jpg",
|
||||
},
|
||||
id: "1", name: "Dr. Arnim", role: "Senior Engineer", testimonial: "The precision of his tech changed physics forever.", imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-using-computer_171337-15535.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pepper P.",
|
||||
role: "CEO",
|
||||
testimonial: "He always knew the cost, but he paid it anyway.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-helmet-crossed-arms_23-2148269265.jpg",
|
||||
},
|
||||
id: "2", name: "Pepper P.", role: "CEO", testimonial: "He always knew the cost, but he paid it anyway.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-helmet-crossed-arms_23-2148269265.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "James R.",
|
||||
role: "Colonel",
|
||||
testimonial: "He was the best hero humanity ever had.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft_23-2151828258.jpg",
|
||||
},
|
||||
id: "3", name: "James R.", role: "Colonel", testimonial: "He was the best hero humanity ever had.", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft_23-2151828258.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Morgan S.",
|
||||
role: "Successor",
|
||||
testimonial: "I love you 3000.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-virtual-world_1098-14678.jpg",
|
||||
},
|
||||
id: "4", name: "Morgan S.", role: "Successor", testimonial: "I love you 3000.", imageSrc: "http://img.b2bpic.net/free-photo/man-virtual-world_1098-14678.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Happy H.",
|
||||
role: "Security",
|
||||
testimonial: "Just doing his best, always.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
|
||||
},
|
||||
id: "5", name: "Happy H.", role: "Security", testimonial: "Just doing his best, always.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg"},
|
||||
]}
|
||||
title="A Legacy Felt"
|
||||
description="How the world remembers the man behind the mask."
|
||||
@@ -263,42 +163,27 @@ export default function LandingPage() {
|
||||
logoText="STARK INDUSTRIES"
|
||||
columns={[
|
||||
{
|
||||
title: "Innovations",
|
||||
items: [
|
||||
title: "Innovations", items: [
|
||||
{
|
||||
label: "Suit Catalog",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Suit Catalog", href: "#features"},
|
||||
{
|
||||
label: "AI Systems",
|
||||
href: "#",
|
||||
},
|
||||
label: "AI Systems", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Origins",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Origins", href: "#about"},
|
||||
{
|
||||
label: "Legacy",
|
||||
href: "#legacy",
|
||||
},
|
||||
label: "Legacy", href: "#legacy"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user