bender/7e31c393-50cc-4eec-9502-551d080579ee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-20 16:41:07 +00:00
parent 95f73e111a
commit f1bffeb4fa
1 changed files with 43 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

262
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Monitor, Sparkles, Zap } from "lucide-react";
import { Monitor, Sparkles, Zap, Cpu } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Intelligence",
id: "#hero",
},
{
name: "Features",
id: "#features",
},
{
name: "Products",
id: "#products",
},
{
name: "Testimonials",
id: "#testimonials",
},
{ name: "Intelligence", id: "#hero" },
{ name: "Features", id: "#features" },
{ name: "Products", id: "#products" },
{ name: "Testimonials", id: "#testimonials" },
]}
brandName="SYNTHRA"
/>
@@ -54,9 +42,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "canvas-reveal",
}}
background={{ variant: "canvas-reveal" }}
title="Where Intelligence Meets Design"
description="Spatial computing redefined through surgical precision. Our neural architecture bridges the gap between raw data and human experience."
tag="S P A T I A L / O S"
@@ -64,49 +50,19 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/abstract-glowing-light-beam-dark-grungy-background_84443-82413.jpg"
imageAlt="Abstract Glowing Light Beam on Dark Grungy Background"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4745.jpg",
alt: "Businesswoman",
},
{
src: "http://img.b2bpic.net/free-photo/young-businesswoman-bun-holding-black-blazer-smiling_114579-49992.jpg",
alt: "Businesswoman",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg",
alt: "Business man",
},
{
src: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1477.jpg",
alt: "Young woman",
},
{
src: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-turtleneck-sweater-looking-confident-front-view_176474-61711.jpg",
alt: "Engineering Lead",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4745.jpg", alt: "Businesswoman" },
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-bun-holding-black-blazer-smiling_114579-49992.jpg", alt: "Businesswoman" },
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg", alt: "Business man" },
{ src: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1477.jpg", alt: "Young woman" },
{ src: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-turtleneck-sweater-looking-confident-front-view_176474-61711.jpg", alt: "Engineering Lead" },
]}
avatarText="Trusted by industry innovators"
marqueeItems={[
{
type: "text",
text: "Ultra-Low Latency",
},
{
type: "text",
text: "Spatial Accuracy",
},
{
type: "text",
text: "Neural Processing",
},
{
type: "text",
text: "Adaptive Rendering",
},
{
type: "text",
text: "Global Scale",
},
{ type: "text", text: "Ultra-Low Latency" },
{ type: "text", text: "Spatial Accuracy" },
{ type: "text", text: "Neural Processing" },
{ type: "text", text: "Adaptive Rendering" },
{ type: "text", text: "Global Scale" },
]}
/>
</div>
@@ -116,8 +72,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="A New Editorial Standard"
description={[
"Luxury tech is not about features, but the absence of friction. We craft digital spaces where every micro-interaction feels deliberate, expensive, and alive.",
]}
"Luxury tech is not about features, but the absence of friction. We craft digital spaces where every micro-interaction feels deliberate, expensive, and alive."]}
/>
</div>
@@ -128,26 +83,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Spatial Compute",
description: "Processing power that adapts to environmental light.",
bentoComponent: "globe",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-balls-thread-close-up-dark-blue-tones-blurred-background-living-room-copy-space_169016-15491.jpg",
imageAlt: "Still life of balls of thread close-up in dark blue tones on a blurred background of the living room copy space",
},
title: "Spatial Compute", description: "Processing power that adapts to environmental light.", bentoComponent: "globe"},
{
title: "Precision Flow",
description: "Zero-latency interaction loops for fluid operations.",
bentoComponent: "line-chart",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wi-fi-router-with-vacuum-cleaner-smart-devices_23-2148779305.jpg?_wi=1",
imageAlt: "Still life of balls of thread close-up in dark blue tones on a blurred background of the living room copy space",
},
title: "Precision Flow", description: "Zero-latency interaction loops for fluid operations.", bentoComponent: "line-chart"},
{
title: "Adaptive HUD",
description: "Context-aware interface elements that bloom on command.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg?_wi=1",
imageAlt: "Still life of balls of thread close-up in dark blue tones on a blurred background of the living room copy space",
title: "Adaptive HUD", description: "Context-aware interface elements that bloom on command.", bentoComponent: "reveal-icon", icon: Sparkles,
},
]}
title="The Neural Network"
@@ -160,49 +100,14 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
animationType="slide-up"
products={[
{
id: "p1",
name: "Neural Link A1",
price: "$1,299",
variant: "Matte Black",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wi-fi-router-with-vacuum-cleaner-smart-devices_23-2148779305.jpg?_wi=2",
},
{
id: "p2",
name: "Spatial Edge",
price: "$899",
variant: "Titanium",
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg?_wi=2",
},
{
id: "p3",
name: "Focus Hub",
price: "$499",
variant: "Glass",
imageSrc: "http://img.b2bpic.net/free-photo/radio_1203-2946.jpg",
},
{
id: "p4",
name: "Vocal Sync",
price: "$349",
variant: "Ceramic",
imageSrc: "http://img.b2bpic.net/free-photo/soap-bar_187299-45814.jpg",
},
{
id: "p5",
name: "Motion Sensor",
price: "$299",
variant: "Midnight",
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736825.jpg",
},
{
id: "p6",
name: "Core Bridge",
price: "$199",
variant: "Cobalt",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-components-blue-light_23-2149417058.jpg",
},
{ id: "p1", name: "Neural Link A1", price: "$1,299", variant: "Matte Black", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wi-fi-router-with-vacuum-cleaner-smart-devices_23-2148779305.jpg" },
{ id: "p2", name: "Spatial Edge", price: "$899", variant: "Titanium", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg" },
{ id: "p3", name: "Focus Hub", price: "$499", variant: "Glass", imageSrc: "http://img.b2bpic.net/free-photo/radio_1203-2946.jpg" },
{ id: "p4", name: "Vocal Sync", price: "$349", variant: "Ceramic", imageSrc: "http://img.b2bpic.net/free-photo/soap-bar_187299-45814.jpg" },
{ id: "p5", name: "Motion Sensor", price: "$299", variant: "Midnight", imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736825.jpg" },
{ id: "p6", name: "Core Bridge", price: "$199", variant: "Cobalt", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-components-blue-light_23-2149417058.jpg" },
]}
title="Hardware Ecosystem"
description="Next-gen modules for the discerning professional."
@@ -216,46 +121,13 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "<01> Capture",
description: "Surface level analysis of user intent.",
bentoComponent: "3d-task-list",
items: [
{
icon: Zap,
label: "Parse",
time: "12ms",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174370.jpg",
imageAlt: "Circuit board close-up with different components",
title: "<01> Capture", description: "Surface level analysis of user intent.", bentoComponent: "3d-task-list", items: [{ icon: Zap, label: "Parse", time: "12ms" }]
},
{
title: "<02> Compute",
description: "High-fidelity spatial processing.",
bentoComponent: "3d-task-list",
items: [
{
icon: Cpu,
label: "Sync",
time: "45ms",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wi-fi-router-with-vacuum-cleaner-smart-devices_23-2148779305.jpg?_wi=3",
imageAlt: "Circuit board close-up with different components",
title: "<02> Compute", description: "High-fidelity spatial processing.", bentoComponent: "3d-task-list", items: [{ icon: Cpu, label: "Sync", time: "45ms" }]
},
{
title: "<03> Display",
description: "Rendering the future interface.",
bentoComponent: "3d-task-list",
items: [
{
icon: Monitor,
label: "Render",
time: "8ms",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg?_wi=3",
imageAlt: "Circuit board close-up with different components",
title: "<03> Display", description: "Rendering the future interface.", bentoComponent: "3d-task-list", items: [{ icon: Monitor, label: "Render", time: "8ms" }]
},
]}
title="Execution Protocol"
@@ -270,26 +142,11 @@ export default function LandingPage() {
rating={5}
author="Marcus Thorne, Engineering Lead"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-turtleneck-sweater-looking-confident-front-view_176474-61711.jpg",
alt: "Marcus Thorne",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4745.jpg",
alt: "Sarah J.",
},
{
src: "http://img.b2bpic.net/free-photo/young-businesswoman-bun-holding-black-blazer-smiling_114579-49992.jpg",
alt: "Elena V.",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg",
alt: "David B.",
},
{
src: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1477.jpg",
alt: "Maya L.",
},
{ src: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-turtleneck-sweater-looking-confident-front-view_176474-61711.jpg", alt: "Marcus Thorne" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4745.jpg", alt: "Sarah J." },
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-bun-holding-black-blazer-smiling_114579-49992.jpg", alt: "Elena V." },
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg", alt: "David B." },
{ src: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1477.jpg", alt: "Maya L." },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -301,21 +158,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Does it support 120fps?",
content: "Yes, our engine is optimized for sustained high-frame-rate rendering.",
},
{
id: "2",
title: "How is battery handled?",
content: "We utilize power-efficient background compute heuristics.",
},
{
id: "3",
title: "Compatibility?",
content: "Synthra scales across all modern AR/VR spatial environments.",
},
{ id: "1", title: "Does it support 120fps?", content: "Yes, our engine is optimized for sustained high-frame-rate rendering." },
{ id: "2", title: "How is battery handled?", content: "We utilize power-efficient background compute heuristics." },
{ id: "3", title: "Compatibility?", content: "Synthra scales across all modern AR/VR spatial environments." },
]}
title="Technical Inquiries"
description="Frequently asked questions regarding our spatial architecture."
@@ -329,25 +174,10 @@ export default function LandingPage() {
title="Final Frame"
description="Initiate communication. Let's architect something exceptional."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Name", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true },
]}
textarea={{
name: "vision",
placeholder: "Your vision...",
rows: 4,
required: true,
}}
textarea={{ name: "vision", placeholder: "Your vision...", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/close-up-garbage-plastic-cups_23-2148393480.jpg"
/>
</div>
@@ -355,14 +185,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="SYNTHRA"
leftLink={{
text: "Terms",
href: "#",
}}
rightLink={{
text: "Privacy",
href: "#",
}}
leftLink={{ text: "Terms", href: "#" }}
rightLink={{ text: "Privacy", href: "#" }}
/>
</div>
</ReactLenis>