Merge version_1 into main #2
296
src/app/page.tsx
296
src/app/page.tsx
@@ -29,136 +29,46 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Terminal",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Specs",
|
||||
id: "metrics",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Terminal", id: "features" },
|
||||
{ name: "Specs", id: "metrics" },
|
||||
]}
|
||||
brandName="Coher"
|
||||
button={{ text: "Get Started", href: "#pricing" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Coher: Next-Gen Isometric Portability"
|
||||
description="Experience the ultimate 3D interactive notebook. Open, close, and orbit your workspace with a Linux-first terminal command architecture."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg?_wi=1",
|
||||
imageAlt: "Isometric 3D Notebook",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg?_wi=2",
|
||||
imageAlt: "3D Orbital Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg?_wi=3",
|
||||
imageAlt: "Linux terminal command",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg?_wi=4",
|
||||
imageAlt: "Hardware detailing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg?_wi=5",
|
||||
imageAlt: "Open laptop view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg?_wi=6",
|
||||
imageAlt: "Closed laptop view",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg", imageAlt: "Isometric 3D Notebook" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg", imageAlt: "3D Orbital Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg", imageAlt: "Linux terminal command" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg", imageAlt: "Hardware detailing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg", imageAlt: "Open laptop view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg", imageAlt: "Closed laptop view" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg?_wi=7",
|
||||
imageAlt: "3D Perspective One",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg?_wi=8",
|
||||
imageAlt: "3D Perspective Two",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg?_wi=9",
|
||||
imageAlt: "3D Perspective Three",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg?_wi=10",
|
||||
imageAlt: "3D Perspective Four",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg?_wi=11",
|
||||
imageAlt: "3D Perspective Five",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg?_wi=12",
|
||||
imageAlt: "3D Perspective Six",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg", imageAlt: "3D Perspective One" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg", imageAlt: "3D Perspective Two" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg", imageAlt: "3D Perspective Three" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg", imageAlt: "3D Perspective Four" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg", imageAlt: "3D Perspective Five" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255152.jpg", imageAlt: "3D Perspective Six" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Interact Now",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "View Specs",
|
||||
href: "#metrics",
|
||||
},
|
||||
{ text: "Interact Now", href: "#features" },
|
||||
{ text: "View Specs", href: "#metrics" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-male-programmer-working-cloud-computing-with-algorithm_482257-120315.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160585.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17216.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/dashboard-element-collection_52683-25998.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/dark-modern-technology-background_1035-9560.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ developers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Linux Optimized",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "3D Orbital UI",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Low Latency",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Encrypted Storage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modular Hardware",
|
||||
},
|
||||
{ type: "text", text: "Linux Optimized" },
|
||||
{ type: "text", text: "3D Orbital UI" },
|
||||
{ type: "text", text: "Ultra-Low Latency" },
|
||||
{ type: "text", text: "Encrypted Storage" },
|
||||
{ type: "text", text: "Modular Hardware" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,24 +80,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Linux Terminal",
|
||||
description: "Native shell integration for complete system command control.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-programmer-working-cloud-computing-with-algorithm_482257-120315.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "3D Orbital UI",
|
||||
description: "Interact with your device in a full 360-degree environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160585.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Coher Logo Auth",
|
||||
description: "Exclusive branding sequence upon system boot-up.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17216.jpg?_wi=1",
|
||||
},
|
||||
{ id: "f1", title: "Linux Terminal", description: "Native shell integration for complete system command control.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-programmer-working-cloud-computing-with-algorithm_482257-120315.jpg" },
|
||||
{ id: "f2", title: "3D Orbital UI", description: "Interact with your device in a full 360-degree environment.", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160585.jpg" },
|
||||
{ id: "f3", title: "Coher Logo Auth", description: "Exclusive branding sequence upon system boot-up.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17216.jpg" },
|
||||
]}
|
||||
title="Linux Kernel Integration"
|
||||
description="Powerful terminal interactions directly from your hardware interface."
|
||||
@@ -200,148 +95,23 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.99%",
|
||||
title: "Uptime",
|
||||
description: "Constant system availability for your critical shell scripts.",
|
||||
imageSrc: "asset://metric-img-1",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1.2ms",
|
||||
title: "Command Latency",
|
||||
description: "Ultra-fast response for every terminal command executed.",
|
||||
imageSrc: "asset://metric-img-2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Continuous access to your development workspace.",
|
||||
imageSrc: "asset://metric-img-3",
|
||||
},
|
||||
{ id: "m1", value: "99.99%", title: "Uptime", description: "Constant system availability for your critical shell scripts.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-collection_52683-25998.jpg" },
|
||||
{ id: "m2", value: "1.2ms", title: "Command Latency", description: "Ultra-fast response for every terminal command executed.", imageSrc: "http://img.b2bpic.net/free-vector/dark-modern-technology-background_1035-9560.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Support", description: "Continuous access to your development workspace.", imageSrc: "http://img.b2bpic.net/free-photo/satellite_181624-463.jpg" },
|
||||
]}
|
||||
title="System Performance"
|
||||
description="High-fidelity hardware analytics for your development needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet the Architects"
|
||||
description="The engineers behind the Coher 3D orbital interface."
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Alex Rivers",
|
||||
role: "Lead Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-programmer-working-cloud-computing-with-algorithm_482257-120315.jpg?_wi=2",
|
||||
imageAlt: "Lead Architect",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Sarah Chen",
|
||||
role: "UI Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160585.jpg?_wi=2",
|
||||
imageAlt: "UI Designer",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Marcus Vane",
|
||||
role: "Kernel Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17216.jpg?_wi=2",
|
||||
imageAlt: "Kernel Expert",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Elena Ross",
|
||||
role: "DevOps Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-element-collection_52683-25998.jpg",
|
||||
imageAlt: "DevOps",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Jace Thorne",
|
||||
role: "Security Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dark-modern-technology-background_1035-9560.jpg",
|
||||
imageAlt: "Security",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Choose Your Coher Configuration"
|
||||
description="Hardware tiers built for every level of professional developer."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "$1,299",
|
||||
subtitle: "For core development",
|
||||
features: [
|
||||
"Linux Arch",
|
||||
"3D Orbital UI",
|
||||
"Basic Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$1,899",
|
||||
subtitle: "For power users",
|
||||
features: [
|
||||
"Everything in Essential",
|
||||
"Enhanced GPU",
|
||||
"Priority Support",
|
||||
"Advanced Debugging",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "For teams",
|
||||
features: [
|
||||
"Custom Hardware",
|
||||
"Dedicated API",
|
||||
"24/7 Security",
|
||||
"Site Licensing",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Coher"
|
||||
copyrightText="© 2025 Coher Notebooks. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Github, href: "#", ariaLabel: "GitHub" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user