Merge version_1 into main #2
397
src/app/page.tsx
397
src/app/page.tsx
@@ -28,294 +28,131 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="STARK INDUSTRIES"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="STARK INDUSTRIES"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Genius Billionaire Engineer Innovator"
|
||||
description="Explore groundbreaking projects powered by AI, advanced robotics, and sustainable energy solutions. From concept to world-changing technology—every innovation engineered for impact."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore the Arc Reactor",
|
||||
href: "#projects",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-blurred-shapes-background_1017-3749.jpg?_wi=1",
|
||||
imageAlt: "Arc Reactor Core",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aluminum-tanks-storage-raw-materials-chemical-industry-sterile-conditions-enterprise_645730-734.jpg?_wi=1",
|
||||
imageAlt: "Robotic Prototype",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-convention-center_116348-20.jpg",
|
||||
imageAlt: "Energy Infrastructure",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599319.jpg",
|
||||
imageAlt: "Propulsion Engine",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-cloud-concept-with-circuits_23-2149739752.jpg",
|
||||
imageAlt: "AI Hardware",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828216.jpg",
|
||||
imageAlt: "Aerospace Design",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Genius Billionaire Engineer Innovator"
|
||||
description="Explore groundbreaking projects powered by AI, advanced robotics, and sustainable energy solutions. From concept to world-changing technology—every innovation engineered for impact."
|
||||
buttons={[{ text: "Explore the Arc Reactor", href: "#projects" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-blurred-shapes-background_1017-3749.jpg", imageAlt: "Arc Reactor Core" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aluminum-tanks-storage-raw-materials-chemical-industry-sterile-conditions-enterprise_645730-734.jpg", imageAlt: "Robotic Prototype" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-convention-center_116348-20.jpg", imageAlt: "Energy Infrastructure" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599319.jpg", imageAlt: "Propulsion Engine" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ai-cloud-concept-with-circuits_23-2149739752.jpg", imageAlt: "AI Hardware" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828216.jpg", imageAlt: "Aerospace Design" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Innovation at the Speed of Light"
|
||||
description="My work bridges the gap between impossible theories and real-world impact. As an engineer and visionary, I focus on creating systems that define the future, leveraging advanced AI and robotics to solve humanity's greatest challenges."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Advanced AI Integration",
|
||||
description: "Developing neural-linked systems that process data faster than human cognition.",
|
||||
},
|
||||
{
|
||||
title: "Next-Gen Robotics",
|
||||
description: "Designing autonomous mechanical units optimized for extreme environmental adaptability.",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Energy",
|
||||
description: "Architecting clean, infinite power solutions that power the modern world.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hallway-building_23-2149397564.jpg"
|
||||
imageAlt="Tony Stark Workshop"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Innovation at the Speed of Light"
|
||||
description="My work bridges the gap between impossible theories and real-world impact. As an engineer and visionary, I focus on creating systems that define the future, leveraging advanced AI and robotics to solve humanity's greatest challenges."
|
||||
bulletPoints={[
|
||||
{ title: "Advanced AI Integration", description: "Developing neural-linked systems that process data faster than human cognition." },
|
||||
{ title: "Next-Gen Robotics", description: "Designing autonomous mechanical units optimized for extreme environmental adaptability." },
|
||||
{ title: "Sustainable Energy", description: "Architecting clean, infinite power solutions that power the modern world." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hallway-building_23-2149397564.jpg"
|
||||
imageAlt="Tony Stark Workshop"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Arc Reactor",
|
||||
description: "Limitless clean energy core.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-neon-light-dark-backdrop_23-2147881452.jpg",
|
||||
imageAlt: "Blue neon light on dark backdrop",
|
||||
},
|
||||
{
|
||||
title: "Quantum AI",
|
||||
description: "Predictive neural processing.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Lightbulb,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-blurred-shapes-background_1017-3749.jpg?_wi=2",
|
||||
imageAlt: "Blue neon light on dark backdrop",
|
||||
},
|
||||
{
|
||||
title: "Autonomous Defense",
|
||||
description: "Proactive security architecture.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aluminum-tanks-storage-raw-materials-chemical-industry-sterile-conditions-enterprise_645730-734.jpg?_wi=2",
|
||||
imageAlt: "Blue neon light on dark backdrop",
|
||||
},
|
||||
]}
|
||||
title="Engineering Marvels"
|
||||
description="A collection of world-changing technological milestones, each engineered for perfection and maximum efficiency."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Engineering Marvels"
|
||||
description="A collection of world-changing technological milestones, each engineered for perfection and maximum efficiency."
|
||||
features={[
|
||||
{ title: "Arc Reactor", description: "Limitless clean energy core.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Quantum AI", description: "Predictive neural processing.", bentoComponent: "reveal-icon", icon: Lightbulb },
|
||||
{ title: "Autonomous Defense", description: "Proactive security architecture.", bentoComponent: "reveal-icon", icon: Shield }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Rocket,
|
||||
title: "Inventions",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Global Patents",
|
||||
value: "450",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Globe,
|
||||
title: "Countries Served",
|
||||
value: "85",
|
||||
},
|
||||
]}
|
||||
title="Technical Impact"
|
||||
description="Quantifying the progress of my inventions on the global tech ecosystem."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Rocket, title: "Inventions", value: "150+" },
|
||||
{ id: "m2", icon: Award, title: "Global Patents", value: "450" },
|
||||
{ id: "m3", icon: Globe, title: "Countries Served", value: "85" }
|
||||
]}
|
||||
title="Technical Impact"
|
||||
description="Quantifying the progress of my inventions on the global tech ecosystem."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Advanced Aerospace",
|
||||
"Global Fusion Grid",
|
||||
"Quantum Security Lab",
|
||||
"Neural Dynamics",
|
||||
"Infinite Energy Corp",
|
||||
"AI Research Alliance",
|
||||
"Stark Logistics Group",
|
||||
]}
|
||||
title="Collaborative Frontiers"
|
||||
description="Partnerships that drive technology toward the next paradigm shift."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Advanced Aerospace", "Global Fusion Grid", "Quantum Security Lab", "Neural Dynamics", "Infinite Energy Corp", "AI Research Alliance", "Stark Logistics Group"]}
|
||||
title="Collaborative Frontiers"
|
||||
description="Partnerships that drive technology toward the next paradigm shift."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sjohnson",
|
||||
testimonial: "Tony's vision is decades ahead of reality. A true genius.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "The AI integration work is truly groundbreaking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-using-her-tablet_23-2148141784.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "Stark Engineering redefined my expectations for tech.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-laptop-dark-office_74855-2593.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "An incredible mentor and world-class architect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneur-makes-important-phone-call-senior-consultant-going-some-business_482257-135448.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Vane",
|
||||
handle: "@lvane",
|
||||
testimonial: "Revolutionary tech that changes everything.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-laptop-office_23-2147787651.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "The gold standard in high-tech innovation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colleagues-meeting_23-2149006871.jpg",
|
||||
},
|
||||
]}
|
||||
title="Peer Review"
|
||||
description="What industry leaders say about Stark technology and vision."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sjohnson", testimonial: "Tony's vision is decades ahead of reality. A true genius.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "The AI integration work is truly groundbreaking.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-using-her-tablet_23-2148141784.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Stark Engineering redefined my expectations for tech.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-laptop-dark-office_74855-2593.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "An incredible mentor and world-class architect.", imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneur-makes-important-phone-call-senior-consultant-going-some-business_482257-135448.jpg" },
|
||||
{ id: "5", name: "Linda Vane", handle: "@lvane", testimonial: "Revolutionary tech that changes everything.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-laptop-office_23-2147787651.jpg" },
|
||||
{ id: "6", name: "Marcus Thorne", handle: "@mthorne", testimonial: "The gold standard in high-tech innovation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-colleagues-meeting_23-2149006871.jpg" }
|
||||
]}
|
||||
title="Peer Review"
|
||||
description="What industry leaders say about Stark technology and vision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
tag="Inquiries"
|
||||
title="Connect With Stark Industries"
|
||||
description="Ready to discuss future-defining technology? Contact my office to schedule a briefing."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
tag="Inquiries"
|
||||
title="Connect With Stark Industries"
|
||||
description="Ready to discuss future-defining technology? Contact my office to schedule a briefing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Innovations",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Patents",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tech Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="STARK INDUSTRIES"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="STARK INDUSTRIES"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Innovations", href: "#features" }] },
|
||||
{ title: "Resources", items: [{ label: "Patents", href: "#" }, { label: "Tech Support", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user