Update src/app/page.tsx
This commit is contained in:
191
src/app/page.tsx
191
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Operating System",
|
||||
id: "system",
|
||||
},
|
||||
name: "Operating System", id: "system"},
|
||||
{
|
||||
name: "Experiments",
|
||||
id: "experiments",
|
||||
},
|
||||
name: "Experiments", id: "experiments"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Future Pick"
|
||||
/>
|
||||
@@ -58,42 +48,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Future Pick is an AI Native Studio."
|
||||
description="We observe how people work, think, and adapt in the AI era — then build small operating systems that turn those observations into real products."
|
||||
tag="AI Native Studio"
|
||||
buttons={[
|
||||
{
|
||||
text: "View experiments",
|
||||
href: "#experiments",
|
||||
},
|
||||
text: "View experiments", href: "#experiments"},
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473185.jpg",
|
||||
imageAlt: "minimalist studio interior workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473185.jpg", imageAlt: "minimalist studio interior workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg",
|
||||
imageAlt: "minimalist studio interior workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898146.jpg",
|
||||
imageAlt: "Colorful light prisms reflection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-red-thread-connection_23-2149870885.jpg",
|
||||
imageAlt: "Still life of red thread connection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139360.jpg",
|
||||
imageAlt: "Blurred night lights",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg", imageAlt: "minimalist studio interior workspace"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -109,49 +78,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Observation",
|
||||
title: "Observe",
|
||||
items: [
|
||||
"Look for friction in human patterns",
|
||||
"Identify gaps in digital logic",
|
||||
],
|
||||
id: "1", label: "Observation", title: "Observe", items: [
|
||||
"Look for friction in human patterns", "Identify gaps in digital logic"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Documentation",
|
||||
title: "Record",
|
||||
items: [
|
||||
"Write the hypothesis",
|
||||
"Define parameters of success",
|
||||
],
|
||||
id: "2", label: "Documentation", title: "Record", items: [
|
||||
"Write the hypothesis", "Define parameters of success"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Creation",
|
||||
title: "Experiment",
|
||||
items: [
|
||||
"Build small systems",
|
||||
"Iterate on real-world constraints",
|
||||
],
|
||||
id: "3", label: "Creation", title: "Experiment", items: [
|
||||
"Build small systems", "Iterate on real-world constraints"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
label: "Release",
|
||||
title: "Publish",
|
||||
items: [
|
||||
"Deploy to public",
|
||||
"Observe user adoption",
|
||||
],
|
||||
id: "4", label: "Release", title: "Publish", items: [
|
||||
"Deploy to public", "Observe user adoption"],
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
label: "Intelligence",
|
||||
title: "Learn",
|
||||
items: [
|
||||
"Review metrics",
|
||||
"Adjust future decisions",
|
||||
],
|
||||
id: "5", label: "Intelligence", title: "Learn", items: [
|
||||
"Review metrics", "Adjust future decisions"],
|
||||
},
|
||||
]}
|
||||
title="Operating System"
|
||||
@@ -167,47 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "JDT SWAP",
|
||||
price: "Live service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-132201.jpg",
|
||||
imageAlt: "minimal app card design",
|
||||
},
|
||||
id: "1", name: "JDT SWAP", price: "Live service", imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-132201.jpg", imageAlt: "minimal app card design"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Brain OS",
|
||||
price: "In progress",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/recruiters-videocall-with-male-manager_482257-120866.jpg",
|
||||
imageAlt: "minimalist software dashboard",
|
||||
},
|
||||
id: "2", name: "Brain OS", price: "In progress", imageSrc: "http://img.b2bpic.net/free-photo/recruiters-videocall-with-male-manager_482257-120866.jpg", imageAlt: "minimalist software dashboard"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Probe",
|
||||
price: "Agent operation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg",
|
||||
imageAlt: "automated marketing dashboard",
|
||||
},
|
||||
id: "3", name: "Probe", price: "Agent operation", imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg", imageAlt: "automated marketing dashboard"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Archive",
|
||||
price: "Public data",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg",
|
||||
imageAlt: "minimal app card design",
|
||||
},
|
||||
id: "4", name: "Archive", price: "Public data", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg", imageAlt: "minimal app card design"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Flow",
|
||||
price: "Automation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-product-bottle-flower_23-2149249553.jpg",
|
||||
imageAlt: "minimalist software dashboard",
|
||||
},
|
||||
id: "5", name: "Flow", price: "Automation", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-product-bottle-flower_23-2149249553.jpg", imageAlt: "minimalist software dashboard"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Nodes",
|
||||
price: "Drafting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
|
||||
imageAlt: "automated marketing dashboard",
|
||||
},
|
||||
id: "6", name: "Nodes", price: "Drafting", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "automated marketing dashboard"},
|
||||
]}
|
||||
title="Experiments"
|
||||
description="A collection of small-scale systems turned into real-world applications."
|
||||
@@ -219,9 +133,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built as a one-person AI-native company."
|
||||
description={[
|
||||
"Future Pick is operated as a compact studio where AI is not a slogan, but part of the actual operating system.",
|
||||
"Strategy, writing, product design, implementation support, QA, and publishing are coordinated through a multi-AI workflow — while product intent and final judgment remain human-held.",
|
||||
]}
|
||||
"Future Pick is operated as a compact studio where AI is not a slogan, but part of the actual operating system.", "Strategy, writing, product design, implementation support, QA, and publishing are coordinated through a multi-AI workflow — while product intent and final judgment remain human-held."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -230,14 +142,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Alpha Lab",
|
||||
"Future Collective",
|
||||
"AI Founders Network",
|
||||
"Studio Ventures",
|
||||
"Node Partners",
|
||||
"Growth Engine",
|
||||
"Systemic Lab",
|
||||
]}
|
||||
"Alpha Lab", "Future Collective", "AI Founders Network", "Studio Ventures", "Node Partners", "Growth Engine", "Systemic Lab"]}
|
||||
title="Collaborative Network"
|
||||
description="Experiments supported by communities and industry partners."
|
||||
/>
|
||||
@@ -250,22 +155,14 @@ export default function LandingPage() {
|
||||
description="For collaboration, experiments, or conversations around AI-native operating systems."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your request",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Describe your request", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg"
|
||||
@@ -278,33 +175,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "OS Flow",
|
||||
href: "#system",
|
||||
},
|
||||
label: "OS Flow", href: "#system"},
|
||||
{
|
||||
label: "Experiments",
|
||||
href: "#experiments",
|
||||
},
|
||||
label: "Experiments", href: "#experiments"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user