Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -11,8 +11,8 @@ import { Open_Sans } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Synthra | Spatial Intelligence for the Future',
|
||||
description: 'Where intelligence meets design. Crafting spatial computing interfaces with premium restraint and future-forward precision.',
|
||||
title: 'Synthra | Spatial Intelligence',
|
||||
description: 'Redefining spatial computing through neural architecture and precise design.',
|
||||
openGraph: {
|
||||
"title": "Synthra | Spatial Intelligence",
|
||||
"description": "Crafting spatial computing interfaces with premium restraint.",
|
||||
|
||||
262
src/app/page.tsx
262
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user