Merge version_2 into main #1
142
src/app/page.tsx
142
src/app/page.tsx
@@ -2,8 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Tracking",
|
||||
id: "tracker",
|
||||
},
|
||||
name: "Tracking", id: "tracker"},
|
||||
{
|
||||
name: "Logs",
|
||||
id: "logs",
|
||||
},
|
||||
name: "Logs", id: "logs"},
|
||||
{
|
||||
name: "Security",
|
||||
id: "features",
|
||||
},
|
||||
name: "Security", id: "features"},
|
||||
]}
|
||||
brandName="STALKER"
|
||||
/>
|
||||
@@ -48,15 +42,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
logoText="STALKER"
|
||||
description="Track. Analyze. Discover."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Tracking",
|
||||
href: "#tracker",
|
||||
},
|
||||
text: "Start Tracking", href: "#tracker"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/global-communication-background-business-network-design_53876-160250.jpg"
|
||||
@@ -82,32 +73,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "User-01",
|
||||
name: "Profile Scan",
|
||||
price: "Active",
|
||||
rating: 5,
|
||||
reviewCount: "10k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-plexus-design_1048-15321.jpg",
|
||||
},
|
||||
id: "p1", brand: "User-01", name: "Profile Scan", price: "Active", rating: 5,
|
||||
reviewCount: "10k", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-plexus-design_1048-15321.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "User-02",
|
||||
name: "Social Matrix",
|
||||
price: "Detected",
|
||||
rating: 4,
|
||||
reviewCount: "2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904328.jpg",
|
||||
},
|
||||
id: "p2", brand: "User-02", name: "Social Matrix", price: "Detected", rating: 4,
|
||||
reviewCount: "2k", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904328.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "User-03",
|
||||
name: "Location Data",
|
||||
price: "Private",
|
||||
rating: 5,
|
||||
reviewCount: "5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841693.jpg",
|
||||
},
|
||||
id: "p3", brand: "User-03", name: "Location Data", price: "Private", rating: 5,
|
||||
reviewCount: "5k", imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841693.jpg"},
|
||||
]}
|
||||
title="Scan Results"
|
||||
description="Detected data profiles found during the last synchronization."
|
||||
@@ -121,31 +94,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "SUCCESS",
|
||||
title: "Scanning target...",
|
||||
items: [
|
||||
"Node 1: Found",
|
||||
"Node 2: Connected",
|
||||
],
|
||||
id: "m1", value: "SUCCESS", title: "Scanning target...", items: [
|
||||
"Node 1: Found", "Node 2: Connected"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "PROCESS",
|
||||
title: "Fetching data...",
|
||||
items: [
|
||||
"Buffer: Loaded",
|
||||
"Query: Success",
|
||||
],
|
||||
id: "m2", value: "PROCESS", title: "Fetching data...", items: [
|
||||
"Buffer: Loaded", "Query: Success"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "COMPLETE",
|
||||
title: "Analysis Ready",
|
||||
items: [
|
||||
"Output: Ready",
|
||||
"Closing Feed",
|
||||
],
|
||||
id: "m3", value: "COMPLETE", title: "Analysis Ready", items: [
|
||||
"Output: Ready", "Closing Feed"],
|
||||
},
|
||||
]}
|
||||
title="Terminal Log Output"
|
||||
@@ -154,51 +112,45 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
<FeatureCardTwentyNine
|
||||
animationType="blur-reveal"
|
||||
gridVariant="bento-grid"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Tracking",
|
||||
description: "Near-instant identification using distributed node networks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/smart-farming-icon-vector-iot-agriculture-symbol_53876-125965.jpg",
|
||||
},
|
||||
{
|
||||
title: "Deep Analysis",
|
||||
description: "Automated cross-referencing with global metadata registries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg",
|
||||
},
|
||||
{
|
||||
title: "Secure System",
|
||||
description: "End-to-end encrypted protocol ensures your anonymity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-cybersecurity-shield-network-background_84443-85964.jpg",
|
||||
},
|
||||
{
|
||||
title: "Real-time Data",
|
||||
description: "Live streams from indexed sources, refreshed automatically.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-abstract-logos_23-2147517499.jpg",
|
||||
},
|
||||
]}
|
||||
title="Core System Capabilities"
|
||||
description="Our platform leverages advanced tech for rapid identification and analysis."
|
||||
features={[
|
||||
{
|
||||
title: "Fast Tracking", description: "Near-instant identification using distributed node networks.", imageSrc: "http://img.b2bpic.net/free-vector/smart-farming-icon-vector-iot-agriculture-symbol_53876-125965.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/smart-farming-icon-vector-iot-agriculture-symbol_53876-125965.jpg", buttonText: "Learn More"
|
||||
},
|
||||
{
|
||||
title: "Deep Analysis", description: "Automated cross-referencing with global metadata registries.", imageSrc: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg", buttonText: "Explore"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterBaseReveal
|
||||
logoText="STALKER"
|
||||
leftLink={{
|
||||
text: "Terms of Use",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Experimental Purpose Only",
|
||||
href: "#",
|
||||
}}
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Tracking", href: "#tracker" },
|
||||
{ label: "Status", href: "#logs" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Legal", href: "#legal" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user