Merge version_2 into main #1
231
src/app/page.tsx
231
src/app/page.tsx
@@ -19,27 +19,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="SysGuard"
|
||||
/>
|
||||
@@ -51,35 +45,15 @@ export default function LandingPage() {
|
||||
description="Total control over your computer's health. Monitor performance, track heat, and optimize system processes in real-time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Download Now", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-engineer-works-with-cad-software-isolated-mockup_482257-116383.jpg",
|
||||
imageAlt: "System monitoring dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979689.jpg",
|
||||
imageAlt: "Network traffic monitor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105503.jpg",
|
||||
imageAlt: "Disk health statistics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaic-plant-worker-adjusting-manufacturing-parameters-chroma-key-pc_482257-125808.jpg",
|
||||
imageAlt: "Battery health analysis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572135.jpg",
|
||||
imageAlt: "System status overview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-control-sound-settings-from-tablet_169016-23468.jpg",
|
||||
imageAlt: "Fan and thermal controls",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/industrial-engineer-works-with-cad-software-isolated-mockup_482257-116383.jpg", imageAlt: "System monitoring dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979689.jpg", imageAlt: "Network traffic monitor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105503.jpg", imageAlt: "Disk health statistics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/photovoltaic-plant-worker-adjusting-manufacturing-parameters-chroma-key-pc_482257-125808.jpg", imageAlt: "Battery health analysis" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572135.jpg", imageAlt: "System status overview" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/remote-control-sound-settings-from-tablet_169016-23468.jpg", imageAlt: "Fan and thermal controls" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -91,9 +65,7 @@ export default function LandingPage() {
|
||||
title="Built for Stability and Speed"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,27 +76,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Real-time Metrics",
|
||||
subtitle: "Track CPU/RAM in real-time",
|
||||
category: "Performance",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Thermal Control",
|
||||
subtitle: "Manage fan speeds and temps",
|
||||
category: "Cooling",
|
||||
value: "Smart",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Disk Analytics",
|
||||
subtitle: "Deep clean and health check",
|
||||
category: "Storage",
|
||||
value: "24/7",
|
||||
},
|
||||
{ id: "f1", title: "Real-time Metrics", subtitle: "Track CPU/RAM in real-time", category: "Performance", value: "100%" },
|
||||
{ id: "f2", title: "Thermal Control", subtitle: "Manage fan speeds and temps", category: "Cooling", value: "Smart" },
|
||||
{ id: "f3", title: "Disk Analytics", subtitle: "Deep clean and health check", category: "Storage", value: "24/7" },
|
||||
]}
|
||||
title="Comprehensive System Insights"
|
||||
description="Unlock the full potential of your machine with our diagnostic tools."
|
||||
@@ -137,27 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500k+",
|
||||
title: "Active Users",
|
||||
description: "Worldwide satisfied users.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12ms",
|
||||
title: "Latency Rate",
|
||||
description: "Blazing fast diagnostics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-investor-tracking-stock-market-data_482257-121457.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Up-time",
|
||||
description: "Reliable hardware insight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-display-with-copy-space-available-hospital-cabinet-doctor-holding-x-ray-desktop-with-replaceable-green-screen-medical-clinic-while-doctor-is-checking-patient-radiography-diagno_482257-2973.jpg",
|
||||
},
|
||||
{ id: "m1", value: "500k+", title: "Active Users", description: "Worldwide satisfied users.", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg" },
|
||||
{ id: "m2", value: "12ms", title: "Latency Rate", description: "Blazing fast diagnostics.", imageSrc: "http://img.b2bpic.net/free-photo/male-investor-tracking-stock-market-data_482257-121457.jpg" },
|
||||
{ id: "m3", value: "99.9%", title: "Up-time", description: "Reliable hardware insight.", imageSrc: "http://img.b2bpic.net/free-photo/computer-display-with-copy-space-available-hospital-cabinet-doctor-holding-x-ray-desktop-with-replaceable-green-screen-medical-clinic-while-doctor-is-checking-patient-radiography-diagno_482257-2973.jpg" },
|
||||
]}
|
||||
title="Trusted by Experts"
|
||||
description="See why professionals trust SysGuard for their hardware monitoring needs."
|
||||
@@ -170,53 +106,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$0",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
{
|
||||
text: "Download",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Real-time monitor",
|
||||
"Basic analytics",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$9/mo",
|
||||
name: "Pro",
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Pro",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Advanced diagnostics",
|
||||
"Cloud sync",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$19/mo",
|
||||
name: "Team",
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Team",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Multiple devices",
|
||||
"API Access",
|
||||
"Full Management",
|
||||
],
|
||||
},
|
||||
{ id: "p1", price: "$0", name: "Starter", buttons: [{ text: "Download", href: "#" }], features: ["Real-time monitor", "Basic analytics"] },
|
||||
{ id: "p2", price: "$9/mo", name: "Pro", buttons: [{ text: "Start Pro", href: "#" }], features: ["Advanced diagnostics", "Cloud sync", "Priority Support"] },
|
||||
{ id: "p3", price: "$19/mo", name: "Team", buttons: [{ text: "Start Team", href: "#" }], features: ["Multiple devices", "API Access", "Full Management"] },
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose the monitoring plan that works for you."
|
||||
@@ -228,46 +120,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great tool",
|
||||
quote: "The best monitor tool I've used.",
|
||||
name: "Sarah J.",
|
||||
role: "Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Solid tech",
|
||||
quote: "I track all my servers with this.",
|
||||
name: "Mike D.",
|
||||
role: "IT Admin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-data-center-using-tablet-conducting-security-audits_482257-117850.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Fast",
|
||||
quote: "No lag, pure performance data.",
|
||||
name: "Alex R.",
|
||||
role: "Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19431.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Must have",
|
||||
quote: "Saves my hardware life daily.",
|
||||
name: "Emma L.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-from-home_23-2149130574.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Reliable",
|
||||
quote: "Excellent for thermal management.",
|
||||
name: "John W.",
|
||||
role: "Gamer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269936.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Great tool", quote: "The best monitor tool I've used.", name: "Sarah J.", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
|
||||
{ id: "t2", title: "Solid tech", quote: "I track all my servers with this.", name: "Mike D.", role: "IT Admin", imageSrc: "http://img.b2bpic.net/free-photo/technician-data-center-using-tablet-conducting-security-audits_482257-117850.jpg" },
|
||||
{ id: "t3", title: "Fast", quote: "No lag, pure performance data.", name: "Alex R.", role: "Dev", imageSrc: "http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19431.jpg" },
|
||||
{ id: "t4", title: "Must have", quote: "Saves my hardware life daily.", name: "Emma L.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-from-home_23-2149130574.jpg" },
|
||||
{ id: "t5", title: "Reliable", quote: "Excellent for thermal management.", name: "John W.", role: "Gamer", imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269936.jpg" },
|
||||
]}
|
||||
title="Trusted by Pros"
|
||||
description="Our users love the stability SysGuard brings to their setup."
|
||||
@@ -278,21 +135,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it safe?",
|
||||
content: "100% safe to use on any machine.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Does it impact CPU?",
|
||||
content: "Minimal usage background process.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Mac supported?",
|
||||
content: "Full cross-platform support.",
|
||||
},
|
||||
{ id: "q1", title: "Is it safe?", content: "100% safe to use on any machine." },
|
||||
{ id: "q2", title: "Does it impact CPU?", content: "Minimal usage background process." },
|
||||
{ id: "q3", title: "Mac supported?", content: "Full cross-platform support." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -302,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get Started"
|
||||
title="Start monitoring your machine today."
|
||||
description="Join thousands of users who optimize their systems daily."
|
||||
@@ -320,4 +163,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user