Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
211
src/app/page.tsx
211
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Sentinel"
|
||||
/>
|
||||
@@ -55,19 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Sentinel"
|
||||
description="Monitor your Mac with precision. Sentinel gives you real-time CPU, memory, and disk insights—plus advanced tools in Pro to fine-tune performance without breaking your flow."
|
||||
description="Monitor your Mac with precision. Sentinel gives you real time CPU, memory, and disk insights plus advanced tools in Pro to fine tune performance without breaking your flow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Sentinel Free",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Sentinel Free", href: "#contact"},
|
||||
{
|
||||
text: "Upgrade to Pro",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Upgrade to Pro", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -78,21 +65,15 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="System Intelligence, Built for Power Users"
|
||||
title="System Intelligence Built for Power Users"
|
||||
description="Experience system optimization that feels native. Sentinel is built from the ground up to respect your workflow, providing deep performance insights without the usual performance overhead."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Real-time Monitoring",
|
||||
description: "See what's draining your resources instantly.",
|
||||
},
|
||||
title: "Real time Monitoring", description: "See what is draining your resources instantly."},
|
||||
{
|
||||
title: "Optimized Efficiency",
|
||||
description: "Minimal memory footprint, maximum insight.",
|
||||
},
|
||||
title: "Optimized Efficiency", description: "Minimal memory footprint, maximum insight."},
|
||||
{
|
||||
title: "Pro-tier Tools",
|
||||
description: "Fine-tune processes with advanced commands.",
|
||||
},
|
||||
title: "Pro tier Tools", description: "Fine tune processes with advanced commands."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalistic-home-workspace-design_23-2148991453.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -105,20 +86,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "CPU Frequency",
|
||||
description: "Monitor exact clock speeds per core.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/interface-goals-habits-tracking-application_23-2148632020.jpg",
|
||||
},
|
||||
title: "CPU Frequency", description: "Monitor exact clock speeds per core.", imageSrc: "http://img.b2bpic.net/free-vector/interface-goals-habits-tracking-application_23-2148632020.jpg"},
|
||||
{
|
||||
title: "Memory Swap",
|
||||
description: "Manage physical vs swap usage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201858.jpg",
|
||||
},
|
||||
title: "Memory Swap", description: "Manage physical vs swap usage.", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201858.jpg"},
|
||||
{
|
||||
title: "Disk Health",
|
||||
description: "Predictive storage failure analysis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-template-theme_23-2148447379.jpg",
|
||||
},
|
||||
title: "Disk Health", description: "Predictive storage failure analysis.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographics-template-theme_23-2148447379.jpg"},
|
||||
]}
|
||||
title="Unrivaled Performance Clarity"
|
||||
description="Everything you need to keep your Mac running at peak speed, accessible with a single click."
|
||||
@@ -132,38 +104,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "0.1%",
|
||||
title: "Idle Footprint",
|
||||
items: [
|
||||
"Minimal resources",
|
||||
"Optimized kernel",
|
||||
"No background drain",
|
||||
],
|
||||
id: "m1", value: "0.1%", title: "Idle Footprint", items: [
|
||||
"Minimal resources", "Optimized kernel", "No background drain"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "60fps",
|
||||
title: "UI Responsiveness",
|
||||
items: [
|
||||
"Smooth rendering",
|
||||
"Instant updates",
|
||||
"Optimized graphics",
|
||||
],
|
||||
id: "m2", value: "60fps", title: "UI Responsiveness", items: [
|
||||
"Smooth rendering", "Instant updates", "Optimized graphics"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1.2s",
|
||||
title: "Average Launch",
|
||||
items: [
|
||||
"Ultra fast startup",
|
||||
"Zero configuration",
|
||||
"Always ready",
|
||||
],
|
||||
id: "m3", value: "1.2s", title: "Average Launch", items: [
|
||||
"Ultra fast startup", "Zero configuration", "Always ready"],
|
||||
},
|
||||
]}
|
||||
title="Designed for Scale"
|
||||
description="Industry-leading precision performance metrics for professional environments."
|
||||
description="Industry leading precision performance metrics for professional environments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,38 +128,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Core",
|
||||
price: "Free",
|
||||
subtitle: "Essential monitoring for everyone",
|
||||
features: [
|
||||
"System Monitor",
|
||||
"Basic Battery Health",
|
||||
"Standard UI",
|
||||
],
|
||||
id: "free", badge: "Core", price: "Free", subtitle: "Essential monitoring for everyone", features: [
|
||||
"System Monitor", "Basic Battery Health", "Standard UI"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Download Free",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Download Free", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$29/yr",
|
||||
subtitle: "Advanced power user features",
|
||||
features: [
|
||||
"Process Kill Commands",
|
||||
"Advanced Analytics",
|
||||
"Custom Widgets",
|
||||
"Priority Updates",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$29/yr", subtitle: "Advanced power user features", features: [
|
||||
"Process Kill Commands", "Advanced Analytics", "Custom Widgets", "Priority Updates"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade Pro",
|
||||
href: "#",
|
||||
},
|
||||
text: "Upgrade Pro", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -220,45 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Game Changer",
|
||||
quote: "Sentinel replaced three different utility apps in my stack.",
|
||||
name: "Sarah Chen",
|
||||
role: "Fullstack Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-office-with-laptop-portrait_23-2148825877.jpg",
|
||||
},
|
||||
id: "t1", title: "Game Changer", quote: "Sentinel replaced three different utility apps in my stack.", name: "Sarah Chen", role: "Fullstack Dev", imageSrc: "http://img.b2bpic.net/free-photo/businessman-office-with-laptop-portrait_23-2148825877.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Fluid Workflow",
|
||||
quote: "Finally a monitoring tool that feels like a native macOS feature.",
|
||||
name: "Marcus R.",
|
||||
role: "UI Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241320.jpg",
|
||||
},
|
||||
id: "t2", title: "Fluid Workflow", quote: "Finally a monitoring tool that feels like a native macOS feature.", name: "Marcus R.", role: "UI Designer", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241320.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Efficiency Master",
|
||||
quote: "Essential for my daily video editing workflow. Seamless.",
|
||||
name: "Elena V.",
|
||||
role: "Video Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-redhead-male-employee-glasses-having-break-drinking-coffee-holding-laptop-standing-o_1258-147594.jpg",
|
||||
},
|
||||
id: "t3", title: "Efficiency Master", quote: "Essential for my daily video editing workflow. Seamless.", name: "Elena V.", role: "Video Editor", imageSrc: "http://img.b2bpic.net/free-photo/handsome-redhead-male-employee-glasses-having-break-drinking-coffee-holding-laptop-standing-o_1258-147594.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Incredibly Precise",
|
||||
quote: "The most accurate battery and thermal stats I've seen yet.",
|
||||
name: "David W.",
|
||||
role: "Systems Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-mask-posing-with-frame_23-2148784757.jpg",
|
||||
},
|
||||
id: "t4", title: "Incredibly Precise", quote: "The most accurate battery and thermal stats I have seen yet.", name: "David W.", role: "Systems Engineer", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-mask-posing-with-frame_23-2148784757.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Simply Clean",
|
||||
quote: "Gorgeous interface, zero clutter. Exactly what I needed.",
|
||||
name: "Alex K.",
|
||||
role: "Product Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-manager-demonstrating-presentation-screen-showing-laptop-display-looking-serious-st_1258-111174.jpg",
|
||||
},
|
||||
id: "t5", title: "Simply Clean", quote: "Gorgeous interface, zero clutter. Exactly what I needed.", name: "Alex K.", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/confident-manager-demonstrating-presentation-screen-showing-laptop-display-looking-serious-st_1258-111174.jpg"},
|
||||
]}
|
||||
title="Loved by Developers"
|
||||
description="Join thousands of Mac power users streamlining their development workflow."
|
||||
@@ -271,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it M1/M2/M3 native?",
|
||||
content: "Yes, full silicon architecture support out of the box.",
|
||||
},
|
||||
id: "f1", title: "Is it M1 M2 M3 native?", content: "Yes, full silicon architecture support out of the box."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What data is collected?",
|
||||
content: "Zero. All monitoring data stays strictly on your local machine.",
|
||||
},
|
||||
id: "f2", title: "What data is collected?", content: "Zero. All monitoring data stays strictly on your local machine."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I try Pro for free?",
|
||||
content: "Absolutely, we offer a 14-day trial period on all Pro installs.",
|
||||
},
|
||||
id: "f3", title: "Can I try Pro for free?", content: "Absolutely, we offer a 14 day trial period on all Pro installs."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We have answers about Sentinel."
|
||||
@@ -296,8 +192,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Get Early Access"
|
||||
title="Ready for Sentinel?"
|
||||
description="Join the waitlist for the latest updates on performance optimization."
|
||||
@@ -307,40 +202,30 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBase
|
||||
logoText="Sentinel"
|
||||
copyrightText="© 2025 Sentinel Mac Utilities"
|
||||
columns={[
|
||||
{
|
||||
title: "Sentinel",
|
||||
items: [
|
||||
title: "Sentinel", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Documentation", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Sentinel Mac Utilities"
|
||||
bottomRightText="Built with efficiency in mind"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user